/* 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(http://fonts.googleapis.com/css?family=Exo:200,300,400);
 *
 * @member Global_CSS
 */
/* including package ext-theme-neutral */
/* including package ext-theme-neptune */
/* including package ext-theme-neptune */
/** @class Global_CSS */
/** @class Ext.LoadMask */
/** @class Ext.ProgressBar */
/** @class Ext.panel.Tool */
/** @class Ext.button.Button */
/** @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.tip.Tip */
/** @class Ext.form.Labelable */
/** @class Ext.form.field.Base */
/**
 * @var {color} $form-field-focus-border-color
 * 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
 */
/** @class Ext.form.field.Display */
/** @class Ext.grid.header.Container */
/** @class Ext.grid.column.Column */
/** @class Ext.resizer.Splitter */
/** @class Ext.layout.container.Border */
/** @class Ext.tab.Tab */
/** @class Ext.tab.Bar */
/** @class Ext.window.Window */
/** @class Ext.container.ButtonGroup */
/** @class Ext.form.field.Checkbox */
/** @class Ext.form.FieldSet */
/** @class Ext.toolbar.Paging */
/** @class Ext.view.BoundList */
/** @class Ext.picker.Date */
/** @class Ext.picker.Color */
/** @class Ext.grid.column.Action */
/** @class Ext.grid.feature.Grouping */
/** @class Ext.grid.plugin.RowEditing */
/** @class Ext.layout.container.Accordion */
/** @class Ext.menu.Menu */
/** @class Ext.resizer.Resizer */
/** @class Ext.selection.CheckboxModel */
/* including package ext-theme-neutral */
/**
 * @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 {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.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.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}
 * For small {@link #scale} buttons, the amount of space in between the split arrow, and
 * the button text, when the split arrow is right-aligned.
 */
/**
 * @var {number}
 * For small {@link #scale} buttons, the amount of space in between the split arrow, and
 * the button text, when the split arrow is bottom-aligned.
 */
/**
 * @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 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 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 disabled
 */
/**
 * @var {number}
 * The default icon size for a small {@link #scale} button
 */
/**
 * @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}
 * For medium {@link #scale} buttons, the amount of space in between the split arrow, and
 * the button text, when the split arrow is right-aligned.
 */
/**
 * @var {number}
 * For medium {@link #scale} buttons, the amount of space in between the split arrow, and
 * the button text, when the split arrow is bottom-aligned.
 */
/**
 * @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 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 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 disabled
 */
/**
 * @var {number}
 * The default icon size for a medium {@link #scale} button
 */
/**
 * @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}
 * For large {@link #scale} buttons, the amount of space in between the split arrow, and
 * the button text, when the split arrow is right-aligned.
 */
/**
 * @var {number}
 * For large {@link #scale} buttons, the amount of space in between the split arrow, and
 * the button text, when the split arrow is bottom-aligned.
 */
/**
 * @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 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 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 disabled
 */
/**
 * @var {number}
 * The default icon size for a large {@link #scale} button
 */
/**
 * @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 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 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 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 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 disabled
 */
/**
 * @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 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 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 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 disabled
 */
/**
 * @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
 */
/**
 * @class Ext.cell.Button
 */
/**
 * @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}
 * For grid cell buttons, the amount of space in between the split arrow, and
 * the button text, when the split arrow is right-aligned.
 */
/**
 * @var {number}
 * For grid cell buttons, the amount of space in between the split arrow, and
 * the button text, when the split arrow is bottom-aligned.
 */
/**
 * @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 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 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 disabled
 */
/**
 * @var {number}
 * The default icon size for a grid cell button
 */
/**
 * @var {color}
 * The base color for the `cell` button UI
 */
/**
 * @var {color}
 * The base color for the `cell` button UI when the cursor is over the button
 */
/**
 * @var {color}
 * The base color for the `cell` button UI when the button is focused
 */
/**
 * @var {color}
 * The base color for the `cell` button UI when the button is pressed
 */
/**
 * @var {color}
 * The base color for the `cell` button UI when the button is disabled
 */
/**
 * @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 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 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 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 disabled
 */
/**
 * @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-opacity-disabled
 * opacity to apply to the button's main element when the button 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
 */
/**
 * @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 {number/list}
 * The margin 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 {number/list}
 * The margin of Toolbar text
 */
/**
 * @var {color}
 * The text-color of Toolbar text
 */
/**
 * @var {number/list}
 * The padding of Toolbar text
 */
/**
 * @var {number}
 * The line-height of Toolbar text
 */
/**
 * @var {number}
 * The width of Toolbar scrollers
 */
/**
 * @var {number}
 * The height of Toolbar scrollers
 */
/**
 * @var {color}
 * The border-color of Toolbar scrollers
 */
/**
 * @var {number}
 * The border-width of Toolbar scrollers
 */
/**
 * @var {string}
 * The cursor of Toolbar scrollers
 */
/**
 * @var {string}
 * The cursor of disabled Toolbar scrollers
 */
/**
 * @var {number}
 * The opacity of disabled Toolbar scrollers
 */
/**
 * @var {string}
 * The sprite to use for {@link Ext.panel.Tool Tools} on a Toolbar
 */
/**
 * @var {boolean}
 * True to include the "default" 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 {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 {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 framed Panels
 */
/**
 * @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.
 */
/**
 * @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.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.
 */
/**
 * @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 {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 {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 #triggerVertical}
 * 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 {color}
 * The border-color of the focused row
 */
/**
 * @var {string}
 * The border-style of the focused row
 */
/**
 * @var {color}
 * The text color of the focused row
 */
/**
 * @var {color}
 * The background-color of the focused row
 */
/**
 * @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.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.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
 */
/**
 * @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 {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.layout.container.Border
 */
/**
 * @var {color}
 * The background-color of the Border layout element
 */
/**
 * @class Ext.tab.Tab
 */
/**
 * @var {color}
 * The base color of Tabs
 */
/**
 * @var {color}
 * The base color of hovered Tabs
 */
/**
 * @var {color}
 * The base color of the active Tabs
 */
/**
 * @var {color}
 * The base color of disabled Tabs
 */
/**
 * @var {color}
 * The text color of Tabs
 */
/**
 * @var {color}
 * The text color of hovered Tabs
 */
/**
 * @var {color}
 * The text color of the active Tab
 */
/**
 * @var {color}
 * The text color of disabled Tabs
 */
/**
 * @var {number}
 * The font-size of Tabs
 */
/**
 * @var {number}
 * The font-size of hovered Tabs
 */
/**
 * @var {number}
 * The font-size of the active Tab
 */
/**
 * @var {number}
 * The font-size of disabled Tabs
 */
/**
 * @var {string}
 * The font-family of Tabs
 */
/**
 * @var {string}
 * The font-family of hovered Tabs
 */
/**
 * @var {string}
 * The font-family of the active Tab
 */
/**
 * @var {string}
 * The font-family of disabled Tabs
 */
/**
 * @var {string}
 * The font-weight of Tabs
 */
/**
 * @var {string}
 * The font-weight of hovered Tabs
 */
/**
 * @var {string}
 * The font-weight of the active Tab
 */
/**
 * @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 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 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}
 * The border-width of Tabs
 */
/**
 * @var {number/list}
 * The inner border-width of Tabs
 */
/**
 * @var {color}
 * The inner border-color of Tabs
 */
/**
 * @var {color}
 * The border-color of Tabs
 */
/**
 * @var {color}
 * The border-color of hovered Tabs
 */
/**
 * @var {color}
 * The border-color of the active Tab
 */
/**
 * @var {color}
 * The border-color of disabled Tabs
 */
/**
 * @var {number/list}
 * The padding of Tabs
 */
/**
 * @var {number/list}
 * The padding 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 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 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 {string}
 * Experimental - Has issues with IE
 * The direction to rotate the contents of a left-aligned tab.  `right` to rotate
 * clockwise or `left` to rotate counterclockwise. Defaults to `left`.
 */
/**
 * @var {string}
 * Experimental - Has issues with IE
 * The direction to rotate the contents of a right-aligned tab.  `right` to rotate
 * clockwise or `left` to rotate counterclockwise. Defaults to `right`.
 */
/**
 * @var {boolean}
 * True to include the "default" tab UI
 */
/**
 * @class Ext.tab.Bar
 */
/**
 * @var {number/list}
 * The padding of the Tab Bar
 */
/**
 * @var {number/list}
 * The padding of the {@link Ext.tab.Panel#plain plain} 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/list}
 * The border-width of the {@link Ext.tab.Panel#plain plain} 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/list}
 * The border-width of the {@link Ext.tab.Panel#plain plain} Tab Bar strip
 */
/**
 * @var {number}
 * The width of the Tab Bar scrollers
 */
/**
 * @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 change the x postition of the background image on hover to allow for a
 * horizonatlly alined background image sprite
 */
/**
 * @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.window.Window
 */
/**
 * @var {color}
 * The base color of Windows
 */
/**
 * @var {number}
 * The padding of Windows
 */
/**
 * @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}
 * 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.
 */
/**
 * @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.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.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.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
 */
/**
 * @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.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.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.
 */
/**
 * @class Ext.grid.plugin.Editing
 */
/**
 * @var {number}
 * The height of grid editor text fields.  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 caluclated 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 editor fields.
 */
/**
 * @var {number}
 * The color of the grid editor text
 */
/**
 * @var {number}
 * The font size of the grid editor text
 */
/**
 * @var {string}
 * The font-weight of the grid editor text
 */
/**
 * @var {string}
 * The font-family of the grid editor text
 */
/**
 * @var {boolean}
 * True to include the "grid" form field UIs for editors.
 */
/**
 * @var {number}
 * The height of grid editor text fields
 */
/**
 * @var {number}
 * Font size for grid editor text fields.
 */
/**
 * @var {string}
 * Font family for grid editor text fields.
 */
/**
 * @var {string}
 * Font weight for grid editor text fields.
 */
/**
 * @var {color}
 * The color of the grid editor text field's input element
 */
/**
 * @var {color}
 * The background color of the grid editor text field's input element
 */
/**
 * @var {number/list}
 * The border width of grid editor text fields
 */
/**
 * @var {string/list}
 * The border style of grid editor text fields
 */
/**
 * @var {color/list}
 * The border color of grid editor text fields
 */
/**
 * @var {color/list}
 * The border color of the focused grid editor text field
 */
/**
 * @var {color}
 * Border color for invalid grid editor text fields.
 */
/**
 * @var {string}
 * The background image of the grid editor text field's input element
 */
/**
 * @var {number/list}
 * The padding of the grid editor text field's input element
 */
/**
 * @var {color}
 * Text color for empty grid editor text fields.
 */
/**
 * @var {number}
 * @private
 * The default width of the grid editor 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 grid editor text field's input element when the field value is invalid.
 */
/**
 * @var {string}
 * Background image of the grid editor text field's input element when the field value is invalid.
 */
/**
 * @var {string}
 * Background repeat of the grid editor text field's input element when the field value is invalid.
 */
/**
 * @var {string/list}
 * Background position of the grid editor text field's input element when the field value is invalid.
 */
/**
 * @var {boolean}
 * `true` to use classic-theme styled border for grid editor text fields.
 */
/**
 * @var {number/string}
 * The line-height to use for the grid editor TextArea's text
 */
/**
 * @var {number}
 * The default width of the grid editor 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 grid editor file fields
 */
/**
 * @var {number}
 * The width of the grid editor text field's trigger element
 */
/**
 * @var {number/list}
 * The width of the grid editor text field's trigger's border
 */
/**
 * @var {color/list}
 * The color of the grid editor text field's trigger's border
 */
/**
 * @var {string/list}
 * The style of the grid editor text field's trigger's border
 */
/**
 * @var {color}
 * The color of the grid editor text field's trigger's border when hovered
 */
/**
 * @var {color}
 * The color of the grid editor text field's trigger's border when the field is focused
 */
/**
 * @var {color}
 * The color of the grid editor text field's trigger's border when the field is focused and the trigger is hovered
 */
/**
 * @var {string}
 * The default background image for grid editor text field triggers
 */
/**
 * @var {color}
 * The background color of the grid editor text field's trigger element
 */
/**
 * @var {boolean}
 * True to include the "grid" text field UI
 */
/**
 * @class Ext.form.field.Spinner
 */
/**
 * @var {boolean}
 * True to use vertically oriented spinner triggers for grid editors.
 */
/**
 * @var {string}
 * Background image for vertically oriented grid editor spinner triggers
 */
/**
 * @var {string}
 * Background image for the "up" trigger when grid editor spinner trigger buttons are horizontally aligned
 */
/**
 * @var {string}
 * Background image for the "down" trigger when grid editor spinner trigger buttons are horizontally aligned
 */
/**
 * @var {boolean}
 * True to include the "grid" spinner UI
 */
/**
 * @var {number}
 * The size of the checkbox
 */
/**
 * @var {string}
 * The background-image of the grid-editor checkbox
 */
/**
 * @var {string}
 * The background-image of the grid-editor radio button
 */
/**
 * @var {boolean}
 * True to include the "grid" checkbox UI
 */
/**
 * @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 {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 {string}
 * The text-transform property of Accordion headers
 */
/**
 * @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.menu.Menu
 */
/**
 * @var {color}
 * The background-color of the 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 {color}
 * The border-color of the Menu
 */
/**
 * @var {string}
 * The border-style of the Menu
 */
/**
 * @var {number}
 * The border-width of the Menu
 */
/**
 * @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 {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 {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}
 * The height of Menu crollers
 */
/**
 * @var {number}
 * The opacity of Menu crollers
 */
/**
 * @var {number}
 * The opacity of Menu crollers when hovered
 */
/**
 * @var {number}
 * The opacity of Menu crollers when pressed
 */
/**
 * @var {number/list}
 * The padding to apply to the Menu body element
 */
/**
 * @var {color}
 * The color of Menu Item text
 */
/**
 * @var {number/list}
 * The margin non-MenuItems placed in a Menu
 */
/**
 * @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}
 */
/**
 * @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 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 end caps
 */
/**
 * @var {number}
 * The vertical slider thumb width
 */
/**
 * @var {number}
 * The vertical slider thumb height
 */
/**
 * @var {number}
 * The height of the vertical slider end caps
 */
/**
 * @class Ext.selection.CheckboxModel
 */
/**
 * @var {number}
 * The horizontal space before the checkbox
 */
/**
 * @var {number}
 * The horizontal space after the checkbox
 */
/**
 * @var {number}
 * The font-size for the multiselector's remove glyph.
 */
/**
 * @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 'png').
 */
/**
 * Default search path for images
 */
/**
 * @var {boolean}
 * True to include the default UI for each component.
 */
/**
 * @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.
 */
/* including package sencha-charts */
/* including package ext-theme-base */
/* line 1, ../../../../../../packages/ext-theme-base/sass/src/scroll/Scroller.scss */
.x-touch-scroller {
  display: table;
  min-width: 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, ../../../../../../packages/ext-theme-base/sass/src/Component.scss */
.x-body {
  margin: 0;
}

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

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

/* line 19, ../../../../../../packages/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 26, ../../../../../../packages/ext-theme-base/sass/src/Component.scss */
.x-rtl {
  direction: rtl;
}

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

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

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

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

/* line 54, ../../../../../../packages/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 62, ../../../../../../packages/ext-theme-base/sass/src/Component.scss */
.x-hidden-display {
  display: none !important;
}

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

/* line 71, ../../../../../../packages/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 82, ../../../../../../packages/ext-theme-base/sass/src/Component.scss */
.x-hidden-clip {
  position: absolute!important;
  clip: rect(0, 0, 0, 0);
}

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

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

/* line 101, ../../../../../../packages/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 105, ../../../../../../packages/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 120, ../../../../../../packages/ext-theme-base/sass/src/Component.scss */
.x-list-plain {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

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

/* line 140, ../../../../../../packages/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 146, ../../../../../../packages/ext-theme-base/sass/src/Component.scss */
.x-frame-tc,
.x-frame-bc {
  background-repeat: repeat-x;
}

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

/* line 155, ../../../../../../packages/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 162, ../../../../../../packages/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 168, ../../../../../../packages/ext-theme-base/sass/src/Component.scss */
.x-item-disabled,
.x-item-disabled * {
  cursor: default;
}

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

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

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

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

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

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

/* line 1, ../../../../../../packages/ext-theme-base/sass/src/LoadMask.scss */
.x-mask {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

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

/* line 17, ../../../../../../packages/ext-theme-base/sass/src/LoadMask.scss */
.x-mask-shim {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 27, ../../../../../../packages/ext-theme-base/sass/src/LoadMask.scss */
.x-mask-msg {
  z-index: 101;
  position: absolute;
}

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

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

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

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

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

/* line 8, ../../../../../../packages/ext-theme-base/sass/src/panel/Header.scss */
.x-header-text-container {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

/* line 15, ../../../../../../packages/ext-theme-base/sass/src/panel/Header.scss */
.x-rtl.x-header-text-container {
  -o-text-overflow: clip;
  text-overflow: clip;
}

/* line 1, ../../../../../../packages/ext-theme-base/sass/src/button/Button.scss */
.x-btn {
  display: inline-block;
  position: relative;
  outline: 0;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle;
  text-decoration: none;
}

/* line 11, ../../../../../../packages/ext-theme-base/sass/src/button/Button.scss */
.x-btn-wrap {
  position: relative;
  display: block;
}

/* line 16, ../../../../../../packages/ext-theme-base/sass/src/button/Button.scss */
.x-btn-button {
  position: relative;
  display: block;
  text-decoration: none;
  overflow: hidden;
}

/* line 23, ../../../../../../packages/ext-theme-base/sass/src/button/Button.scss */
.x-btn-inner {
  display: block;
  white-space: nowrap;
  overflow: hidden;
}

/* line 29, ../../../../../../packages/ext-theme-base/sass/src/button/Button.scss */
.x-btn-icon-el {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background-repeat: no-repeat;
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

/* line 41, ../../../../../../packages/ext-theme-base/sass/src/layout/container/Box.scss */
.x-box-scroller {
  position: relative;
  background-repeat: no-repeat;
}

/* line 47, ../../../../../../packages/ext-theme-base/sass/src/layout/container/Box.scss */
.x-box-scroller-left,
.x-box-scroller-right {
  float: left;
  height: 100%;
  z-index: 5;
}

/* line 55, ../../../../../../packages/ext-theme-base/sass/src/layout/container/Box.scss */
.x-box-scroller-top .x-box-scroller,
.x-box-scroller-bottom .x-box-scroller {
  line-height: 0;
  font-size: 0;
  background-position: center 0;
}

/* line 62, ../../../../../../packages/ext-theme-base/sass/src/layout/container/Box.scss */
.x-box-menu-after {
  float: right;
}

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

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

/* line 5, ../../../../../../packages/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, ../../../../../../packages/ext-theme-base/sass/src/toolbar/Toolbar.scss */
.x-toolbar-scroller {
  padding-left: 0;
}

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

/* line 4, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-base/sass/src/dd/StatusProxy.scss */
.x-dd-drag-repair .x-dd-drop-icon {
  display: none;
}

/* line 11, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-base/sass/src/dd/StatusProxy.scss */
.x-rtl .x-dd-drag-ghost {
  padding-left: 5px;
  padding-right: 20px;
}
/* line 55, ../../../../../../packages/ext-theme-base/sass/src/dd/StatusProxy.scss */
.x-rtl .x-dd-drop-icon {
  left: auto;
  right: 3px;
}

/* line 66, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-base/sass/src/layout/component/Dock.scss */
.x-docked {
  position: absolute !important;
  z-index: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 66, ../../../../../../packages/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, ../../../../../../packages/ext-theme-base/sass/src/layout/component/Dock.scss */
.x-noborder-t {
  border-top-width: 0 !important;
}

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

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

/* line 82, ../../../../../../packages/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, ../../../../../../packages/ext-theme-base/sass/src/layout/component/Dock.scss */
.x-noborder-tr {
  border-top-width: 0 !important;
  border-right-width: 0 !important;
}

/* line 91, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-base/sass/src/layout/component/Dock.scss */
.x-noborder-trbl {
  border-width: 0 !important;
}

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

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

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

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

/* line 25, ../../../../../../packages/ext-theme-base/sass/src/panel/Panel.scss */
.x-nlg .x-panel-header-vertical .x-frame-mc {
  background-repeat: repeat-y;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 1, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-base/sass/src/panel/Table.scss */
.x-grid-td {
  overflow: hidden;
  border-width: 0;
  vertical-align: top;
}

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

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

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

/* line 2, ../../../../../../packages/ext-theme-base/sass/src/grid/header/DropZone.scss */
.col-move-top,
.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, ../../../../../../packages/ext-theme-base/sass/src/grid/header/Container.scss */
.x-grid-header-ct {
  cursor: default;
}

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

/* line 7, ../../../../../../packages/ext-theme-base/sass/src/grid/column/Column.scss */
.x-column-header-inner {
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}

/* line 13, ../../../../../../packages/ext-theme-base/sass/src/grid/column/Column.scss */
.x-column-header-text {
  white-space: nowrap;
  background-repeat: no-repeat;
}

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

/* line 27, ../../../../../../packages/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 38, ../../../../../../packages/ext-theme-base/sass/src/grid/column/Column.scss */
.x-rtl.x-column-header-trigger {
  left: 0;
  right: auto;
}

/* line 45, ../../../../../../packages/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 50, ../../../../../../packages/ext-theme-base/sass/src/grid/column/Column.scss */
.x-column-header-align-right {
  text-align: right;
}

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

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

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

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

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

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

/* line 13, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-base/sass/src/tree/Panel.scss */
.x-tree-animator-wrap {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

/* line 1, ../../../../../../packages/ext-theme-base/sass/src/tab/Tab.scss */
a.x-tab {
  text-decoration: none;
}

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

/* line 1, ../../../../../../packages/ext-theme-base/sass/src/tab/Panel.scss */
.x-tab {
  outline: none;
  display: block;
  white-space: nowrap;
  z-index: 1;
}

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

/* line 12, ../../../../../../packages/ext-theme-base/sass/src/tab/Panel.scss */
.x-tab-wrap {
  display: block;
  position: relative;
}

/* line 17, ../../../../../../packages/ext-theme-base/sass/src/tab/Panel.scss */
.x-tab-button {
  display: block;
}

/* line 21, ../../../../../../packages/ext-theme-base/sass/src/tab/Panel.scss */
.x-tab-inner {
  display: block;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}

/* line 30, ../../../../../../packages/ext-theme-base/sass/src/tab/Panel.scss */
.x-btn-icon-el {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background-repeat: no-repeat;
  text-align: center;
}

/* line 40, ../../../../../../packages/ext-theme-base/sass/src/tab/Panel.scss */
.x-tab-bar {
  z-index: 1;
}

/* line 44, ../../../../../../packages/ext-theme-base/sass/src/tab/Panel.scss */
.x-tab-bar-body {
  z-index: 2;
  position: relative;
}

/* line 49, ../../../../../../packages/ext-theme-base/sass/src/tab/Panel.scss */
.x-tab-bar-strip {
  position: absolute;
  line-height: 0;
  font-size: 0;
  z-index: 1;
}

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

/* line 61, ../../../../../../packages/ext-theme-base/sass/src/tab/Panel.scss */
.x-tab-bar-vertical .x-tab-bar-strip {
  height: 100%;
  top: 0;
}

/* line 66, ../../../../../../packages/ext-theme-base/sass/src/tab/Panel.scss */
.x-tab-bar-strip-top {
  bottom: 0;
}

/* line 70, ../../../../../../packages/ext-theme-base/sass/src/tab/Panel.scss */
.x-tab-bar-strip-bottom {
  top: 0;
}

/* line 74, ../../../../../../packages/ext-theme-base/sass/src/tab/Panel.scss */
.x-tab-bar-strip-left {
  right: 0;
}

/* line 79, ../../../../../../packages/ext-theme-base/sass/src/tab/Panel.scss */
.x-rtl.x-tab-bar .x-tab-bar-strip-left {
  right: auto;
  left: 0;
}

/* line 85, ../../../../../../packages/ext-theme-base/sass/src/tab/Panel.scss */
.x-tab-bar-strip-right {
  left: 0;
}

/* line 90, ../../../../../../packages/ext-theme-base/sass/src/tab/Panel.scss */
.x-rtl.x-tab-bar .x-tab-bar-strip-right {
  left: auto;
  right: 0;
}

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

/* line 100, ../../../../../../packages/ext-theme-base/sass/src/tab/Panel.scss */
.x-tab-icon-el {
  position: absolute;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: auto;
  bottom: 0;
}

/* line 110, ../../../../../../packages/ext-theme-base/sass/src/tab/Panel.scss */
.x-rtl.x-tab-icon-el {
  left: auto;
  right: 0;
}

/* line 116, ../../../../../../packages/ext-theme-base/sass/src/tab/Panel.scss */
.x-tab-close-btn {
  display: block;
  position: absolute;
  font-size: 0;
  line-height: 0;
  background: no-repeat;
}

/* line 124, ../../../../../../packages/ext-theme-base/sass/src/tab/Panel.scss */
.x-tab-mc {
  overflow: visible;
}

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

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

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

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

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

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

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

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

/* line 1, ../../../../../../packages/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, ../../../../../../packages/ext-theme-base/sass/src/form/field/Text.scss */
.x-form-trigger-wrap {
  display: table;
  width: 100%;
}

/* line 7, ../../../../../../packages/ext-theme-base/sass/src/form/field/Text.scss */
.x-form-text-wrap {
  display: table-cell;
  overflow: hidden;
}

/* line 15, ../../../../../../packages/ext-theme-base/sass/src/form/field/Text.scss */
.x-form-item-body > .x-form-trigger-wrap {
  height: 100%;
}
/* line 17, ../../../../../../packages/ext-theme-base/sass/src/form/field/Text.scss */
.x-form-item-body > .x-form-trigger-wrap > .x-form-text-wrap {
  height: 100%;
}

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

/* line 39, ../../../../../../packages/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;
}
/* line 46, ../../../../../../packages/ext-theme-base/sass/src/form/field/Text.scss */
.x-item-disabled .x-form-trigger {
  cursor: default;
}
/* line 49, ../../../../../../packages/ext-theme-base/sass/src/form/field/Text.scss */
.x-form-trigger.x-form-trigger-cmp {
  background: none;
  border: 0;
}

/* line 1, ../../../../../../packages/ext-theme-base/sass/src/form/field/TextArea.scss */
.x-form-textarea {
  overflow: auto;
  resize: none;
}

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

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

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

/* line 9, ../../../../../../packages/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, ../../../../../../packages/ext-theme-base/sass/src/form/field/Checkbox.scss */
.x-form-cb::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* line 24, ../../../../../../packages/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, ../../../../../../packages/ext-theme-base/sass/src/form/field/Checkbox.scss */
.x-form-cb-after {
  left: auto;
  right: 0;
}

/* line 37, ../../../../../../packages/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, ../../../../../../packages/ext-theme-base/sass/src/form/field/Checkbox.scss */
.x-form-cb-label {
  display: inline-block;
}

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

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

/* line 7, ../../../../../../packages/ext-theme-base/sass/src/form/FieldSet.scss */
.x-fieldset-header {
  overflow: hidden;
}
/* line 11, ../../../../../../packages/ext-theme-base/sass/src/form/FieldSet.scss */
.x-fieldset-header .x-form-item,
.x-fieldset-header .x-tool {
  float: left;
}
/* line 15, ../../../../../../packages/ext-theme-base/sass/src/form/FieldSet.scss */
.x-fieldset-header .x-fieldset-header-text {
  float: left;
}
/* line 19, ../../../../../../packages/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, ../../../../../../packages/ext-theme-base/sass/src/form/FieldSet.scss */
.x-fieldset-header .x-form-cb {
  margin: 0;
  position: static;
}

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

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

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

/* line 50, ../../../../../../packages/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, ../../../../../../packages/ext-theme-base/sass/src/form/FieldSet.scss */
.x-rtl.x-fieldset-header .x-fieldset-header-text {
  float: right;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 5, ../../../../../../packages/ext-theme-base/sass/src/form/field/File.scss */
.x-form-file-input {
  border: 0;
  position: absolute;
  cursor: pointer;
  top: -2px;
  right: -2px;
  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 29, ../../../../../../packages/ext-theme-base/sass/src/form/field/File.scss */
.x-rtl.x-form-file-input {
  right: auto;
  left: -2px;
}

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

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

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

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

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

/* line 1, ../../../../../../packages/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 9, ../../../../../../packages/ext-theme-base/sass/src/form/field/Tag.scss */
.x-tagfield ul.x-tagfield-list {
  padding: 1px 3px;
  margin: 0;
}

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

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

/* line 25, ../../../../../../packages/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 32, ../../../../../../packages/ext-theme-base/sass/src/form/field/Tag.scss */
.x-tagfield-input-field {
  line-height: 20px;
}

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

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

/* line 44, ../../../../../../packages/ext-theme-base/sass/src/form/field/Tag.scss */
.x-tagfield-item {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  background-color: #72b2e0;
  border: 1px solid #0a67ab;
  padding: 0px 1px 0px 5px !important;
  margin: 1px 1px 1px 0;
  cursor: default;
}

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

/* line 58, ../../../../../../packages/ext-theme-base/sass/src/form/field/Tag.scss */
.x-field:not(.x-item-disabled) .x-tagfield-item.selected {
  border: 1px solid #032137 !important;
  background: #2777b1 !important;
  color: white !important;
}

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

/* line 69, ../../../../../../packages/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 81, ../../../../../../packages/ext-theme-base/sass/src/form/field/Tag.scss */
.x-rtl.x-tagfield-item-text {
  padding-right: auto;
  padding-left: 20px;
}

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

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

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

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

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

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

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

/* line 2, ../../../../../../packages/ext-theme-base/sass/src/grid/plugin/Editing.scss */
.x-grid-editor .x-form-cb-wrap {
  text-align: center;
}

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

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

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

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

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

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

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

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

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

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

/* line 16, ../../../../../../packages/ext-theme-base/sass/src/layout/container/Form.scss */
.x-form-layout-auto-label > * > .x-form-item-label {
  width: auto !important;
}
/* line 20, ../../../../../../packages/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, ../../../../../../packages/ext-theme-base/sass/src/layout/container/Form.scss */
.x-form-layout-auto-label > * > .x-form-layout-label-column {
  width: 1px;
}

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

/* line 40, ../../../../../../packages/ext-theme-base/sass/src/layout/container/Form.scss */
.x-form-form-item {
  display: table-row;
}
/* line 43, ../../../../../../packages/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, ../../../../../../packages/ext-theme-base/sass/src/layout/container/Form.scss */
.x-form-form-item > .x-form-item-body {
  max-width: none;
}

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

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

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

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

/* line 33, ../../../../../../packages/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 48, ../../../../../../packages/ext-theme-base/sass/src/menu/Menu.scss */
.x-menu-item-link-href {
  -webkit-touch-callout: default;
}

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

/* line 58, ../../../../../../packages/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;
}

/* line 2, ../../../../../../packages/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, ../../../../../../packages/ext-theme-base/sass/src/slider/Multi.scss */
.x-slider {
  outline: none;
  position: relative;
}

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

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

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

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

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

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

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

/* line 9, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/FocusManager.scss */
.x-focus-frame-top,
.x-focus-frame-bottom {
  border-top: solid 2px #15428b;
  height: 2px;
}

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

/* line 1, ../../../../../../packages/ext-theme-neutral/sass/src/LoadMask.scss */
.x-mask {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  background: white;
  cursor: default;
}

/* line 9, ../../../../../../packages/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 27, ../../../../../../packages/ext-theme-neutral/sass/src/LoadMask.scss */
.x-mask-msg-inner {
  padding: 0;
  background-color: transparent;
  color: #666666;
  font: normal 13px helvetica, arial, verdana, sans-serif;
}

/* line 39, ../../../../../../packages/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 50, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/ProgressBar.scss */
.x-progress-default {
  background-color: #f5f5f5;
  border-width: 0;
  height: 20px;
  border-color: #157fcc;
}
/* line 92, ../../../../../../packages/ext-theme-neutral/sass/src/ProgressBar.scss */
.x-progress-default .x-progress-bar-default {
  background-image: none;
  background-color: #c1ddf1;
}
/* line 107, ../../../../../../packages/ext-theme-neutral/sass/src/ProgressBar.scss */
.x-progress-default .x-progress-text {
  color: #666666;
  font-weight: bold;
  font-size: 13px;
  font-family: helvetica, arial, verdana, sans-serif;
  text-align: center;
  line-height: 20px;
}
/* line 116, ../../../../../../packages/ext-theme-neutral/sass/src/ProgressBar.scss */
.x-progress-default .x-progress-text-back {
  color: #666666;
  line-height: 20px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-progress-bar-default:after {
  display: none;
  content: "x-slicer:stretch:bottom";
}

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

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

/* line 5, ../../../../../../packages/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=50);
  opacity: 0.5;
}
/* line 15, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-over .x-tool-img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
/* line 20, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Tool.scss */
.x-tool-pressed .x-tool-img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 159, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Header.scss */
.x-header-draggable .x-header-body,
.x-header-ghost {
  cursor: move;
}

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

/**
 * 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-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-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-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-disabled
 * The text color of the button when the button is disabled
 *
 * @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-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-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-disabled
 * The font-family of the button when the button is disabled
 *
 * @param {number} $icon-size
 * The size of the button icon
 *
 * @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 {number} $split-spacing-right
 * The amount of space in between the split arrow and the button text, when the split arrow
 * is right-aligned.  
 *
 * @param {number} $split-spacing-bottom
 * The amount of space in between the split arrow and the button text, when the split arrow
 * is bottom-aligned.  
 *
 * @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-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-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/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-disabled=$button-default-color-disabled]
 * The text color of the button when the button is disabled
 *
 * @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-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-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-disabled=$button-small-font-family-disabled]
 * The font-family of the button when the button is disabled
 *
 * @param {number} [$icon-size=$button-small-icon-size]
 * The size of the button icon
 *
 * @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 {number} [$split-spacing-right=$button-small-split-spacing-right]
 * The amount of space in between the split arrow and the button text, when the split arrow
 * is right-aligned.  
 *
 * @param {number} [$split-spacing-bottom=$button-small-split-spacing-bottom]
 * The amount of space in between the split arrow and the button text, when the split arrow
 * is bottom-aligned.  
 *
 * @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-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-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/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-disabled=$button-toolbar-color-disabled]
 * The text color of the button when the button is disabled
 *
 * @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-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-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-disabled=$button-small-font-family-disabled]
 * The font-family of the button when the button is disabled
 *
 * @param {number} [$icon-size=$button-small-icon-size]
 * The size of the button icon
 *
 * @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 {number} [$split-spacing-right=$button-small-split-spacing-right]
 * The amount of space in between the split arrow and the button text, when the split arrow
 * is right-aligned.  
 *
 * @param {number} [$split-spacing-bottom=$button-small-split-spacing-bottom]
 * The amount of space in between the split arrow and the button text, when the split arrow
 * is bottom-aligned.  
 *
 * @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-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-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/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-disabled=$button-default-color-disabled]
 * The text color of the button when the button is disabled
 *
 * @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-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-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-disabled=$button-medium-font-family-disabled]
 * The font-family of the button when the button is disabled
 *
 * @param {number} [$icon-size=$button-medium-icon-size]
 * The size of the button icon
 *
 * @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 {number} [$split-spacing-right=$button-medium-split-spacing-right]
 * The amount of space in between the split arrow and the button text, when the split arrow
 * is right-aligned.  
 *
 * @param {number} [$split-spacing-bottom=$button-medium-split-spacing-bottom]
 * The amount of space in between the split arrow and the button text, when the split arrow
 * is bottom-aligned.  
 *
 * @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-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-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/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-disabled=$button-toolbar-color-disabled]
 * The text color of the button when the button is disabled
 *
 * @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-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-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-disabled=$button-medium-font-family-disabled]
 * The font-family of the button when the button is disabled
 *
 * @param {number} [$icon-size=$button-medium-icon-size]
 * The size of the button icon
 *
 * @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 {number} [$split-spacing-right=$button-medium-split-spacing-right]
 * The amount of space in between the split arrow and the button text, when the split arrow
 * is right-aligned.  
 *
 * @param {number} [$split-spacing-bottom=$button-medium-split-spacing-bottom]
 * The amount of space in between the split arrow and the button text, when the split arrow
 * is bottom-aligned.  
 *
 * @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-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-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/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-disabled=$button-default-color-disabled]
 * The text color of the button when the button is disabled
 *
 * @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-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-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-disabled=$button-large-font-family-disabled]
 * The font-family of the button when the button is disabled
 *
 * @param {number} [$icon-size=$button-large-icon-size]
 * The size of the button icon
 *
 * @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 {number} [$split-spacing-right=$button-large-split-spacing-right]
 * The amount of space in between the split arrow and the button text, when the split arrow
 * is right-aligned.  
 *
 * @param {number} [$split-spacing-bottom=$button-large-split-spacing-bottom]
 * The amount of space in between the split arrow and the button text, when the split arrow
 * is bottom-aligned.  
 *
 * @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-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-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/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-disabled=$button-toolbar-color-disabled]
 * The text color of the button when the button is disabled
 *
 * @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-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-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-disabled=$button-large-font-family-disabled]
 * The font-family of the button when the button is disabled
 *
 * @param {number} [$icon-size=$button-large-icon-size]
 * The size of the button icon
 *
 * @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 {number} [$split-spacing-right=$button-large-split-spacing-right]
 * The amount of space in between the split arrow and the button text, when the split arrow
 * is right-aligned.  
 *
 * @param {number} [$split-spacing-bottom=$button-large-split-spacing-bottom]
 * The amount of space in between the split arrow and the button text, when the split arrow
 * is bottom-aligned.  
 *
 * @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 265, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small {
  border-color: #126daf;
}

/* line 146, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-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-image: none;
  background-color: #157fcc;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2c8bd1), color-stop(50%, #157fcc), color-stop(51%, #1378c1), color-stop(100%, #157fcc));
  background-image: -webkit-linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
  background-image: -moz-linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
  background-image: -o-linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
  background-image: -ms-linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
  background-image: linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-cell-small-mc {
  background-image: url(images/btn/btn-cell-small-fbg.png);
  background-position: 0 top;
  background-color: #157fcc;
}

/* line 221, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nlg .x-btn-cell-small {
  background-image: url(images/btn/btn-cell-small-bg.png);
  background-position: 0 top;
}

/* line 243, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-btn-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;
  background-image: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 423, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-cell-small-ml,
.x-btn-cell-small-mr {
  background-image: url(images/btn/btn-cell-small-sides.png);
}

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

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-cell-small:after {
  display: none;
  content: "x-slicer:stretch:bottom, frame-bg:url(images/btn/btn-cell-small-fbg.png), bg:url(images/btn/btn-cell-small-bg.png), corners:url(images/btn/btn-cell-small-corners.png), sides:url(images/btn/btn-cell-small-sides.png)";
}

/*</if slicer>*/
/* */
/* line 272, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small .x-btn-inner {
  font-size: 12px;
  font-weight: bold;
  font-family: helvetica, arial, verdana, sans-serif;
  color: white;
  padding: 0 5px;
}
/* line 280, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small .x-btn-arrow {
  background-image: url(images/button/cell-small-arrow.png);
}
/* line 288, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small .x-btn-arrow-right {
  padding-right: 12px;
}
/* line 293, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small .x-rtl.x-btn-arrow-right {
  padding-right: 0;
  padding-left: 12px;
}
/* line 299, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small .x-btn-arrow-bottom {
  padding-bottom: 12px;
}
/* line 303, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small .x-btn-glyph {
  font-size: 12px;
  line-height: 12px;
  color: white;
  opacity: 0.5;
}
/* line 323, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-ie8 .x-btn-cell-small .x-btn-glyph {
  color: #8abfe5;
}

/* line 330, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-disabled {
  background-image: none;
  background-color: #157fcc;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2c8bd1), color-stop(50%, #157fcc), color-stop(51%, #1378c1), color-stop(100%, #157fcc));
  background-image: -webkit-linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
  background-image: -moz-linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
  background-image: -o-linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
  background-image: -ms-linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
  background-image: linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
}

/* line 356, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon .x-btn-inner,
.x-btn-cell-small-noicon .x-btn-inner {
  line-height: 12px;
}

/* line 366, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon .x-btn-arrow-right .x-btn-inner,
.x-btn-cell-small-noicon .x-btn-arrow-right .x-btn-inner,
.x-btn-cell-small-icon-text-left .x-btn-arrow-right .x-btn-inner {
  padding-right: 0;
}
/* line 371, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon .x-btn-arrow-right .x-rtl.x-btn-inner,
.x-btn-cell-small-noicon .x-btn-arrow-right .x-rtl.x-btn-inner,
.x-btn-cell-small-icon-text-left .x-btn-arrow-right .x-rtl.x-btn-inner {
  padding-right: 5px;
  padding-left: 0;
}

/* line 381, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon .x-btn-inner {
  width: 12px;
  padding: 0;
}
/* line 387, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon .x-btn-icon-el {
  width: 12px;
  height: 12px;
}

/* line 394, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon-text-left .x-btn-inner {
  line-height: 12px;
  padding-left: 17px;
}
/* line 400, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon-text-left .x-rtl.x-btn-inner {
  padding-left: 5px;
  padding-right: 17px;
}
/* line 405, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon-text-left .x-btn-arrow-right .x-rtl.x-btn-inner {
  padding-right: 17px;
}
/* line 410, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon-text-left .x-btn-icon-el {
  width: 12px;
  right: auto;
}
/* line 416, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon-text-left .x-rtl.x-btn-icon-el {
  left: auto;
  right: 0;
}

/* line 424, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon-text-right .x-btn-inner {
  line-height: 12px;
  padding-right: 17px;
}
/* line 430, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon-text-right .x-rtl.x-btn-inner {
  padding-right: 5px;
  padding-left: 17px;
}
/* line 436, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon-text-right .x-btn-icon-el {
  width: 12px;
  left: auto;
}
/* line 442, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon-text-right .x-rtl.x-btn-icon-el {
  left: 0;
  right: auto;
}

/* line 450, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon-text-top .x-btn-inner {
  padding-top: 17px;
}
/* line 454, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon-text-top .x-btn-icon-el {
  height: 12px;
  bottom: auto;
}

/* line 461, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 17px;
}
/* line 465, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon-text-bottom .x-btn-icon-el {
  height: 12px;
  top: auto;
}

/* line 471, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-focus {
  border-color: #1064a1;
  background-image: none;
  background-color: #1374bb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a81c1), color-stop(50%, #1374bb), color-stop(51%, #126eb1), color-stop(100%, #1374bb));
  background-image: -webkit-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -moz-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -o-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -ms-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
}

/* line 495, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-over {
  border-color: #1064a1;
  background-image: none;
  background-color: #1374bb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a81c1), color-stop(50%, #1374bb), color-stop(51%, #126eb1), color-stop(100%, #1374bb));
  background-image: -webkit-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -moz-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -o-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -ms-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
}

/* line 520, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-menu-active,
.x-btn-cell-small-pressed {
  border-color: #0d5183;
  background-image: none;
  background-color: #157fcc;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #157fcc), color-stop(50%, #1378c1), color-stop(51%, #157fcc), color-stop(100%, #2c8bd1));
  background-image: -webkit-linear-gradient(top, #157fcc, #1378c1 50%, #157fcc 51%, #2c8bd1);
  background-image: -moz-linear-gradient(top, #157fcc, #1378c1 50%, #157fcc 51%, #2c8bd1);
  background-image: -o-linear-gradient(top, #157fcc, #1378c1 50%, #157fcc 51%, #2c8bd1);
  background-image: -ms-linear-gradient(top, #157fcc, #1378c1 50%, #157fcc 51%, #2c8bd1);
  background-image: linear-gradient(top, #157fcc, #1378c1 50%, #157fcc 51%, #2c8bd1);
}

/* line 552, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-focus .x-frame-tl,
.x-btn-cell-small-focus .x-frame-bl,
.x-btn-cell-small-focus .x-frame-tr,
.x-btn-cell-small-focus .x-frame-br,
.x-btn-cell-small-focus .x-frame-tc,
.x-btn-cell-small-focus .x-frame-bc {
  background-image: url(images/btn/btn-cell-small-focus-corners.png);
}
/* line 556, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-focus .x-frame-ml,
.x-btn-cell-small-focus .x-frame-mr {
  background-image: url(images/btn/btn-cell-small-focus-sides.png);
}
/* line 559, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-focus .x-frame-mc {
  background-color: #1374bb;
  background-image: url(images/btn/btn-cell-small-focus-fbg.png);
}

/* line 574, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-over .x-frame-tl,
.x-btn-cell-small-over .x-frame-bl,
.x-btn-cell-small-over .x-frame-tr,
.x-btn-cell-small-over .x-frame-br,
.x-btn-cell-small-over .x-frame-tc,
.x-btn-cell-small-over .x-frame-bc {
  background-image: url(images/btn/btn-cell-small-over-corners.png);
}
/* line 578, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-over .x-frame-ml,
.x-btn-cell-small-over .x-frame-mr {
  background-image: url(images/btn/btn-cell-small-over-sides.png);
}
/* line 581, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-over .x-frame-mc {
  background-color: #1374bb;
  background-image: url(images/btn/btn-cell-small-over-fbg.png);
}

/* line 597, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-menu-active .x-frame-tl,
.x-btn-cell-small-menu-active .x-frame-bl,
.x-btn-cell-small-menu-active .x-frame-tr,
.x-btn-cell-small-menu-active .x-frame-br,
.x-btn-cell-small-menu-active .x-frame-tc,
.x-btn-cell-small-menu-active .x-frame-bc,
.x-btn-cell-small-pressed .x-frame-tl,
.x-btn-cell-small-pressed .x-frame-bl,
.x-btn-cell-small-pressed .x-frame-tr,
.x-btn-cell-small-pressed .x-frame-br,
.x-btn-cell-small-pressed .x-frame-tc,
.x-btn-cell-small-pressed .x-frame-bc {
  background-image: url(images/btn/btn-cell-small-pressed-corners.png);
}
/* line 601, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-menu-active .x-frame-ml,
.x-btn-cell-small-menu-active .x-frame-mr,
.x-btn-cell-small-pressed .x-frame-ml,
.x-btn-cell-small-pressed .x-frame-mr {
  background-image: url(images/btn/btn-cell-small-pressed-sides.png);
}
/* line 604, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-menu-active .x-frame-mc,
.x-btn-cell-small-pressed .x-frame-mc {
  background-color: #157fcc;
  background-image: url(images/btn/btn-cell-small-pressed-fbg.png);
}

/* line 619, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-disabled .x-frame-tl,
.x-btn-cell-small-disabled .x-frame-bl,
.x-btn-cell-small-disabled .x-frame-tr,
.x-btn-cell-small-disabled .x-frame-br,
.x-btn-cell-small-disabled .x-frame-tc,
.x-btn-cell-small-disabled .x-frame-bc {
  background-image: url(images/btn/btn-cell-small-disabled-corners.png);
}
/* line 623, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-disabled .x-frame-ml,
.x-btn-cell-small-disabled .x-frame-mr {
  background-image: url(images/btn/btn-cell-small-disabled-sides.png);
}
/* line 626, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-disabled .x-frame-mc {
  background-color: #157fcc;
  background-image: url(images/btn/btn-cell-small-disabled-fbg.png);
}

/* line 638, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-cell-small-focus {
  background-image: url(images/btn/btn-cell-small-focus-bg.png);
}

/* line 646, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-cell-small-over {
  background-image: url(images/btn/btn-cell-small-over-bg.png);
}

/* line 655, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-cell-small-menu-active,
.x-nlg .x-btn-cell-small-pressed {
  background-image: url(images/btn/btn-cell-small-pressed-bg.png);
}

/* line 663, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-cell-small-disabled {
  background-image: url(images/btn/btn-cell-small-disabled-bg.png);
}

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

/* line 686, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small .x-btn-split-right {
  background-image: url(images/button/cell-small-s-arrow.png);
  padding-right: 14px;
}
/* line 691, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small .x-btn-split-right .x-btn-inner {
  padding-right: 8px;
}
/* line 698, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small .x-rtl.x-btn-split-right {
  background-image: url(images/button/cell-small-s-arrow-rtl.png);
  padding-right: 0;
  padding-left: 14px;
}
/* line 705, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small .x-btn-split-bottom {
  background-image: url(images/button/cell-small-s-arrow-b.png);
  padding-bottom: 14px;
}
/* line 710, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small .x-btn-split-bottom .x-btn-button {
  margin-bottom: 3px;
}

/* line 719, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon .x-btn-split-right .x-btn-icon-el {
  right: 3px;
}
/* line 722, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon .x-btn-split-right .x-btn-inner {
  padding-right: 15px;
}

/* line 728, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon-text-right .x-btn-split-right .x-btn-icon-el {
  right: 3px;
}
/* line 731, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-icon-text-right .x-btn-split-right .x-btn-inner {
  padding-right: 20px;
}

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

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-cell-small-focus:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-cell-small-focus-corners.png), sides:url(images/btn/btn-cell-small-focus-sides.png), frame-bg:url(images/btn/btn-cell-small-focus-fbg.png), bg:url(images/btn/btn-cell-small-focus-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-cell-small-over:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-cell-small-over-corners.png), sides:url(images/btn/btn-cell-small-over-sides.png), frame-bg:url(images/btn/btn-cell-small-over-fbg.png), bg:url(images/btn/btn-cell-small-over-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-cell-small-pressed:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-cell-small-pressed-corners.png), sides:url(images/btn/btn-cell-small-pressed-sides.png), frame-bg:url(images/btn/btn-cell-small-pressed-fbg.png), bg:url(images/btn/btn-cell-small-pressed-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-cell-small-disabled:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-cell-small-disabled-corners.png), sides:url(images/btn/btn-cell-small-disabled-sides.png), frame-bg:url(images/btn/btn-cell-small-disabled-fbg.png), bg:url(images/btn/btn-cell-small-disabled-bg.png)";
}

/*</if slicer>*/
/* */
/* line 775, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-cell-small-cell .x-grid-cell-inner {
  padding-top: 2px;
  padding-bottom: 2px;
}

/* line 265, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small {
  border-color: #126daf;
}

/* line 146, ../../../../../../packages/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-image: none;
  background-color: #3892d3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4b9cd7), color-stop(50%, #3892d3), color-stop(51%, #358ac8), color-stop(100%, #3892d3));
  background-image: -webkit-linear-gradient(top, #4b9cd7, #3892d3 50%, #358ac8 51%, #3892d3);
  background-image: -moz-linear-gradient(top, #4b9cd7, #3892d3 50%, #358ac8 51%, #3892d3);
  background-image: -o-linear-gradient(top, #4b9cd7, #3892d3 50%, #358ac8 51%, #3892d3);
  background-image: -ms-linear-gradient(top, #4b9cd7, #3892d3 50%, #358ac8 51%, #3892d3);
  background-image: linear-gradient(top, #4b9cd7, #3892d3 50%, #358ac8 51%, #3892d3);
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small-mc {
  background-image: url(images/btn/btn-default-small-fbg.png);
  background-position: 0 top;
  background-color: #3892d3;
}

/* line 221, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nlg .x-btn-default-small {
  background-image: url(images/btn/btn-default-small-bg.png);
  background-position: 0 top;
}

/* line 243, ../../../../../../packages/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;
  background-image: none;
}

/* line 258, ../../../../../../packages/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 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small-tl {
  background-position: 0 -6px;
}

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

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

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

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

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

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

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

/* line 359, ../../../../../../packages/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 365, ../../../../../../packages/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 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-small-tc {
  height: 3px;
}

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

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
}

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

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-small:after {
  display: none;
  content: "x-slicer:stretch:bottom, frame-bg:url(images/btn/btn-default-small-fbg.png), bg:url(images/btn/btn-default-small-bg.png), corners:url(images/btn/btn-default-small-corners.png), sides:url(images/btn/btn-default-small-sides.png)";
}

/*</if slicer>*/
/* */
/* line 272, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small .x-btn-inner {
  font-size: 12px;
  font-weight: bold;
  font-family: helvetica, arial, verdana, sans-serif;
  color: white;
  padding: 0 5px;
}
/* line 280, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small .x-btn-arrow {
  background-image: url(images/button/default-small-arrow.png);
}
/* line 288, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small .x-btn-arrow-right {
  padding-right: 21px;
}
/* line 293, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small .x-rtl.x-btn-arrow-right {
  padding-right: 0;
  padding-left: 21px;
}
/* line 299, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small .x-btn-arrow-bottom {
  padding-bottom: 18px;
}
/* line 303, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small .x-btn-glyph {
  font-size: 16px;
  line-height: 16px;
  color: white;
  opacity: 0.5;
}
/* line 323, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-ie8 .x-btn-default-small .x-btn-glyph {
  color: #9bc8e9;
}

/* line 330, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-disabled {
  background-image: none;
  background-color: #157fcc;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2c8bd1), color-stop(50%, #157fcc), color-stop(51%, #1378c1), color-stop(100%, #157fcc));
  background-image: -webkit-linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
  background-image: -moz-linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
  background-image: -o-linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
  background-image: -ms-linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
  background-image: linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
}

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

/* line 366, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-small-noicon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-small-icon-text-left .x-btn-arrow-right .x-btn-inner {
  padding-right: 0;
}
/* line 371, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon .x-btn-arrow-right .x-rtl.x-btn-inner,
.x-btn-default-small-noicon .x-btn-arrow-right .x-rtl.x-btn-inner,
.x-btn-default-small-icon-text-left .x-btn-arrow-right .x-rtl.x-btn-inner {
  padding-right: 5px;
  padding-left: 0;
}

/* line 381, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon .x-btn-inner {
  width: 16px;
  padding: 0;
}
/* line 387, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon .x-btn-icon-el {
  width: 16px;
  height: 16px;
}

/* line 394, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon-text-left .x-btn-inner {
  line-height: 16px;
  padding-left: 21px;
}
/* line 400, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon-text-left .x-rtl.x-btn-inner {
  padding-left: 5px;
  padding-right: 21px;
}
/* line 405, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon-text-left .x-btn-arrow-right .x-rtl.x-btn-inner {
  padding-right: 21px;
}
/* line 410, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon-text-left .x-btn-icon-el {
  width: 16px;
  right: auto;
}
/* line 416, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon-text-left .x-rtl.x-btn-icon-el {
  left: auto;
  right: 0;
}

/* line 424, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon-text-right .x-btn-inner {
  line-height: 16px;
  padding-right: 21px;
}
/* line 430, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon-text-right .x-rtl.x-btn-inner {
  padding-right: 5px;
  padding-left: 21px;
}
/* line 436, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon-text-right .x-btn-icon-el {
  width: 16px;
  left: auto;
}
/* line 442, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon-text-right .x-rtl.x-btn-icon-el {
  left: 0;
  right: auto;
}

/* line 450, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon-text-top .x-btn-inner {
  padding-top: 21px;
}
/* line 454, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto;
}

/* line 461, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 21px;
}
/* line 465, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto;
}

/* line 471, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-focus {
  border-color: #1064a1;
  background-image: none;
  background-color: #1374bb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a81c1), color-stop(50%, #1374bb), color-stop(51%, #126eb1), color-stop(100%, #1374bb));
  background-image: -webkit-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -moz-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -o-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -ms-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
}

/* line 495, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-over {
  border-color: #1064a1;
  background-image: none;
  background-color: #1374bb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a81c1), color-stop(50%, #1374bb), color-stop(51%, #126eb1), color-stop(100%, #1374bb));
  background-image: -webkit-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -moz-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -o-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -ms-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
}

/* line 520, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-menu-active,
.x-btn-default-small-pressed {
  border-color: #0d5183;
  background-image: none;
  background-color: #0f5f99;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0f5f99), color-stop(50%, #0e5a91), color-stop(51%, #0f5f99), color-stop(100%, #266fa3));
  background-image: -webkit-linear-gradient(top, #0f5f99, #0e5a91 50%, #0f5f99 51%, #266fa3);
  background-image: -moz-linear-gradient(top, #0f5f99, #0e5a91 50%, #0f5f99 51%, #266fa3);
  background-image: -o-linear-gradient(top, #0f5f99, #0e5a91 50%, #0f5f99 51%, #266fa3);
  background-image: -ms-linear-gradient(top, #0f5f99, #0e5a91 50%, #0f5f99 51%, #266fa3);
  background-image: linear-gradient(top, #0f5f99, #0e5a91 50%, #0f5f99 51%, #266fa3);
}

/* line 552, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-focus .x-frame-tl,
.x-btn-default-small-focus .x-frame-bl,
.x-btn-default-small-focus .x-frame-tr,
.x-btn-default-small-focus .x-frame-br,
.x-btn-default-small-focus .x-frame-tc,
.x-btn-default-small-focus .x-frame-bc {
  background-image: url(images/btn/btn-default-small-focus-corners.png);
}
/* line 556, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-focus .x-frame-ml,
.x-btn-default-small-focus .x-frame-mr {
  background-image: url(images/btn/btn-default-small-focus-sides.png);
}
/* line 559, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-focus .x-frame-mc {
  background-color: #1374bb;
  background-image: url(images/btn/btn-default-small-focus-fbg.png);
}

/* line 574, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-over .x-frame-tl,
.x-btn-default-small-over .x-frame-bl,
.x-btn-default-small-over .x-frame-tr,
.x-btn-default-small-over .x-frame-br,
.x-btn-default-small-over .x-frame-tc,
.x-btn-default-small-over .x-frame-bc {
  background-image: url(images/btn/btn-default-small-over-corners.png);
}
/* line 578, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-over .x-frame-ml,
.x-btn-default-small-over .x-frame-mr {
  background-image: url(images/btn/btn-default-small-over-sides.png);
}
/* line 581, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-over .x-frame-mc {
  background-color: #1374bb;
  background-image: url(images/btn/btn-default-small-over-fbg.png);
}

/* line 597, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-menu-active .x-frame-tl,
.x-btn-default-small-menu-active .x-frame-bl,
.x-btn-default-small-menu-active .x-frame-tr,
.x-btn-default-small-menu-active .x-frame-br,
.x-btn-default-small-menu-active .x-frame-tc,
.x-btn-default-small-menu-active .x-frame-bc,
.x-btn-default-small-pressed .x-frame-tl,
.x-btn-default-small-pressed .x-frame-bl,
.x-btn-default-small-pressed .x-frame-tr,
.x-btn-default-small-pressed .x-frame-br,
.x-btn-default-small-pressed .x-frame-tc,
.x-btn-default-small-pressed .x-frame-bc {
  background-image: url(images/btn/btn-default-small-pressed-corners.png);
}
/* line 601, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-menu-active .x-frame-ml,
.x-btn-default-small-menu-active .x-frame-mr,
.x-btn-default-small-pressed .x-frame-ml,
.x-btn-default-small-pressed .x-frame-mr {
  background-image: url(images/btn/btn-default-small-pressed-sides.png);
}
/* line 604, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-menu-active .x-frame-mc,
.x-btn-default-small-pressed .x-frame-mc {
  background-color: #0f5f99;
  background-image: url(images/btn/btn-default-small-pressed-fbg.png);
}

/* line 619, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-disabled .x-frame-tl,
.x-btn-default-small-disabled .x-frame-bl,
.x-btn-default-small-disabled .x-frame-tr,
.x-btn-default-small-disabled .x-frame-br,
.x-btn-default-small-disabled .x-frame-tc,
.x-btn-default-small-disabled .x-frame-bc {
  background-image: url(images/btn/btn-default-small-disabled-corners.png);
}
/* line 623, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-disabled .x-frame-ml,
.x-btn-default-small-disabled .x-frame-mr {
  background-image: url(images/btn/btn-default-small-disabled-sides.png);
}
/* line 626, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-disabled .x-frame-mc {
  background-color: #157fcc;
  background-image: url(images/btn/btn-default-small-disabled-fbg.png);
}

/* line 638, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-small-focus {
  background-image: url(images/btn/btn-default-small-focus-bg.png);
}

/* line 646, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-small-over {
  background-image: url(images/btn/btn-default-small-over-bg.png);
}

/* line 655, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-small-menu-active,
.x-nlg .x-btn-default-small-pressed {
  background-image: url(images/btn/btn-default-small-pressed-bg.png);
}

/* line 663, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-small-disabled {
  background-image: url(images/btn/btn-default-small-disabled-bg.png);
}

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

/* line 686, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small .x-btn-split-right {
  background-image: url(images/button/default-small-s-arrow.png);
  padding-right: 20px;
}
/* line 691, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small .x-btn-split-right .x-btn-inner {
  padding-right: 8px;
}
/* line 698, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small .x-rtl.x-btn-split-right {
  background-image: url(images/button/default-small-s-arrow-rtl.png);
  padding-right: 0;
  padding-left: 20px;
}
/* line 705, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small .x-btn-split-bottom {
  background-image: url(images/button/default-small-s-arrow-b.png);
  padding-bottom: 16px;
}
/* line 710, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small .x-btn-split-bottom .x-btn-button {
  margin-bottom: 3px;
}

/* line 719, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon .x-btn-split-right .x-btn-icon-el {
  right: 3px;
}
/* line 722, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon .x-btn-split-right .x-btn-inner {
  padding-right: 19px;
}

/* line 728, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon-text-right .x-btn-split-right .x-btn-icon-el {
  right: 3px;
}
/* line 731, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-small-icon-text-right .x-btn-split-right .x-btn-inner {
  padding-right: 24px;
}

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

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-small-focus:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-small-focus-corners.png), sides:url(images/btn/btn-default-small-focus-sides.png), frame-bg:url(images/btn/btn-default-small-focus-fbg.png), bg:url(images/btn/btn-default-small-focus-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-small-over:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-small-over-corners.png), sides:url(images/btn/btn-default-small-over-sides.png), frame-bg:url(images/btn/btn-default-small-over-fbg.png), bg:url(images/btn/btn-default-small-over-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-small-pressed:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-small-pressed-corners.png), sides:url(images/btn/btn-default-small-pressed-sides.png), frame-bg:url(images/btn/btn-default-small-pressed-fbg.png), bg:url(images/btn/btn-default-small-pressed-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-small-disabled:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-small-disabled-corners.png), sides:url(images/btn/btn-default-small-disabled-sides.png), frame-bg:url(images/btn/btn-default-small-disabled-fbg.png), bg:url(images/btn/btn-default-small-disabled-bg.png)";
}

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

/* line 265, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium {
  border-color: #126daf;
}

/* line 146, ../../../../../../packages/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-image: none;
  background-color: #3892d3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4b9cd7), color-stop(50%, #3892d3), color-stop(51%, #358ac8), color-stop(100%, #3892d3));
  background-image: -webkit-linear-gradient(top, #4b9cd7, #3892d3 50%, #358ac8 51%, #3892d3);
  background-image: -moz-linear-gradient(top, #4b9cd7, #3892d3 50%, #358ac8 51%, #3892d3);
  background-image: -o-linear-gradient(top, #4b9cd7, #3892d3 50%, #358ac8 51%, #3892d3);
  background-image: -ms-linear-gradient(top, #4b9cd7, #3892d3 50%, #358ac8 51%, #3892d3);
  background-image: linear-gradient(top, #4b9cd7, #3892d3 50%, #358ac8 51%, #3892d3);
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium-mc {
  background-image: url(images/btn/btn-default-medium-fbg.png);
  background-position: 0 top;
  background-color: #3892d3;
}

/* line 221, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nlg .x-btn-default-medium {
  background-image: url(images/btn/btn-default-medium-bg.png);
  background-position: 0 top;
}

/* line 243, ../../../../../../packages/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;
  background-image: none;
}

/* line 258, ../../../../../../packages/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 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium-tl {
  background-position: 0 -6px;
}

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

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

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

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

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

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

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

/* line 359, ../../../../../../packages/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 365, ../../../../../../packages/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 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-medium-tc {
  height: 3px;
}

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

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
}

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

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-medium:after {
  display: none;
  content: "x-slicer:stretch:bottom, frame-bg:url(images/btn/btn-default-medium-fbg.png), bg:url(images/btn/btn-default-medium-bg.png), corners:url(images/btn/btn-default-medium-corners.png), sides:url(images/btn/btn-default-medium-sides.png)";
}

/*</if slicer>*/
/* */
/* line 272, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium .x-btn-inner {
  font-size: 14px;
  font-weight: bold;
  font-family: helvetica, arial, verdana, sans-serif;
  color: white;
  padding: 0 8px;
}
/* line 280, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium .x-btn-arrow {
  background-image: url(images/button/default-medium-arrow.png);
}
/* line 288, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium .x-btn-arrow-right {
  padding-right: 30px;
}
/* line 293, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium .x-rtl.x-btn-arrow-right {
  padding-right: 0;
  padding-left: 30px;
}
/* line 299, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium .x-btn-arrow-bottom {
  padding-bottom: 26px;
}
/* line 303, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium .x-btn-glyph {
  font-size: 24px;
  line-height: 24px;
  color: white;
  opacity: 0.5;
}
/* line 323, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-ie8 .x-btn-default-medium .x-btn-glyph {
  color: #9bc8e9;
}

/* line 330, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-disabled {
  background-image: none;
  background-color: #157fcc;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2c8bd1), color-stop(50%, #157fcc), color-stop(51%, #1378c1), color-stop(100%, #157fcc));
  background-image: -webkit-linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
  background-image: -moz-linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
  background-image: -o-linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
  background-image: -ms-linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
  background-image: linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
}

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

/* line 366, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-medium-noicon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-medium-icon-text-left .x-btn-arrow-right .x-btn-inner {
  padding-right: 0;
}
/* line 371, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon .x-btn-arrow-right .x-rtl.x-btn-inner,
.x-btn-default-medium-noicon .x-btn-arrow-right .x-rtl.x-btn-inner,
.x-btn-default-medium-icon-text-left .x-btn-arrow-right .x-rtl.x-btn-inner {
  padding-right: 8px;
  padding-left: 0;
}

/* line 381, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0;
}
/* line 387, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon .x-btn-icon-el {
  width: 24px;
  height: 24px;
}

/* line 394, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon-text-left .x-btn-inner {
  line-height: 24px;
  padding-left: 29px;
}
/* line 400, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon-text-left .x-rtl.x-btn-inner {
  padding-left: 8px;
  padding-right: 29px;
}
/* line 405, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon-text-left .x-btn-arrow-right .x-rtl.x-btn-inner {
  padding-right: 29px;
}
/* line 410, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon-text-left .x-btn-icon-el {
  width: 24px;
  right: auto;
}
/* line 416, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon-text-left .x-rtl.x-btn-icon-el {
  left: auto;
  right: 0;
}

/* line 424, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon-text-right .x-btn-inner {
  line-height: 24px;
  padding-right: 29px;
}
/* line 430, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon-text-right .x-rtl.x-btn-inner {
  padding-right: 8px;
  padding-left: 29px;
}
/* line 436, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon-text-right .x-btn-icon-el {
  width: 24px;
  left: auto;
}
/* line 442, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon-text-right .x-rtl.x-btn-icon-el {
  left: 0;
  right: auto;
}

/* line 450, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon-text-top .x-btn-inner {
  padding-top: 29px;
}
/* line 454, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto;
}

/* line 461, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 29px;
}
/* line 465, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto;
}

/* line 471, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-focus {
  border-color: #1064a1;
  background-image: none;
  background-color: #1374bb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a81c1), color-stop(50%, #1374bb), color-stop(51%, #126eb1), color-stop(100%, #1374bb));
  background-image: -webkit-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -moz-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -o-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -ms-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
}

/* line 495, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-over {
  border-color: #1064a1;
  background-image: none;
  background-color: #1374bb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a81c1), color-stop(50%, #1374bb), color-stop(51%, #126eb1), color-stop(100%, #1374bb));
  background-image: -webkit-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -moz-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -o-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -ms-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
}

/* line 520, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-menu-active,
.x-btn-default-medium-pressed {
  border-color: #0d5183;
  background-image: none;
  background-color: #0f5f99;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0f5f99), color-stop(50%, #0e5a91), color-stop(51%, #0f5f99), color-stop(100%, #266fa3));
  background-image: -webkit-linear-gradient(top, #0f5f99, #0e5a91 50%, #0f5f99 51%, #266fa3);
  background-image: -moz-linear-gradient(top, #0f5f99, #0e5a91 50%, #0f5f99 51%, #266fa3);
  background-image: -o-linear-gradient(top, #0f5f99, #0e5a91 50%, #0f5f99 51%, #266fa3);
  background-image: -ms-linear-gradient(top, #0f5f99, #0e5a91 50%, #0f5f99 51%, #266fa3);
  background-image: linear-gradient(top, #0f5f99, #0e5a91 50%, #0f5f99 51%, #266fa3);
}

/* line 552, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-focus .x-frame-tl,
.x-btn-default-medium-focus .x-frame-bl,
.x-btn-default-medium-focus .x-frame-tr,
.x-btn-default-medium-focus .x-frame-br,
.x-btn-default-medium-focus .x-frame-tc,
.x-btn-default-medium-focus .x-frame-bc {
  background-image: url(images/btn/btn-default-medium-focus-corners.png);
}
/* line 556, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-focus .x-frame-ml,
.x-btn-default-medium-focus .x-frame-mr {
  background-image: url(images/btn/btn-default-medium-focus-sides.png);
}
/* line 559, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-focus .x-frame-mc {
  background-color: #1374bb;
  background-image: url(images/btn/btn-default-medium-focus-fbg.png);
}

/* line 574, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-over .x-frame-tl,
.x-btn-default-medium-over .x-frame-bl,
.x-btn-default-medium-over .x-frame-tr,
.x-btn-default-medium-over .x-frame-br,
.x-btn-default-medium-over .x-frame-tc,
.x-btn-default-medium-over .x-frame-bc {
  background-image: url(images/btn/btn-default-medium-over-corners.png);
}
/* line 578, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-over .x-frame-ml,
.x-btn-default-medium-over .x-frame-mr {
  background-image: url(images/btn/btn-default-medium-over-sides.png);
}
/* line 581, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-over .x-frame-mc {
  background-color: #1374bb;
  background-image: url(images/btn/btn-default-medium-over-fbg.png);
}

/* line 597, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-menu-active .x-frame-tl,
.x-btn-default-medium-menu-active .x-frame-bl,
.x-btn-default-medium-menu-active .x-frame-tr,
.x-btn-default-medium-menu-active .x-frame-br,
.x-btn-default-medium-menu-active .x-frame-tc,
.x-btn-default-medium-menu-active .x-frame-bc,
.x-btn-default-medium-pressed .x-frame-tl,
.x-btn-default-medium-pressed .x-frame-bl,
.x-btn-default-medium-pressed .x-frame-tr,
.x-btn-default-medium-pressed .x-frame-br,
.x-btn-default-medium-pressed .x-frame-tc,
.x-btn-default-medium-pressed .x-frame-bc {
  background-image: url(images/btn/btn-default-medium-pressed-corners.png);
}
/* line 601, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-menu-active .x-frame-ml,
.x-btn-default-medium-menu-active .x-frame-mr,
.x-btn-default-medium-pressed .x-frame-ml,
.x-btn-default-medium-pressed .x-frame-mr {
  background-image: url(images/btn/btn-default-medium-pressed-sides.png);
}
/* line 604, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-menu-active .x-frame-mc,
.x-btn-default-medium-pressed .x-frame-mc {
  background-color: #0f5f99;
  background-image: url(images/btn/btn-default-medium-pressed-fbg.png);
}

/* line 619, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-disabled .x-frame-tl,
.x-btn-default-medium-disabled .x-frame-bl,
.x-btn-default-medium-disabled .x-frame-tr,
.x-btn-default-medium-disabled .x-frame-br,
.x-btn-default-medium-disabled .x-frame-tc,
.x-btn-default-medium-disabled .x-frame-bc {
  background-image: url(images/btn/btn-default-medium-disabled-corners.png);
}
/* line 623, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-disabled .x-frame-ml,
.x-btn-default-medium-disabled .x-frame-mr {
  background-image: url(images/btn/btn-default-medium-disabled-sides.png);
}
/* line 626, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-disabled .x-frame-mc {
  background-color: #157fcc;
  background-image: url(images/btn/btn-default-medium-disabled-fbg.png);
}

/* line 638, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-medium-focus {
  background-image: url(images/btn/btn-default-medium-focus-bg.png);
}

/* line 646, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-medium-over {
  background-image: url(images/btn/btn-default-medium-over-bg.png);
}

/* line 655, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-medium-menu-active,
.x-nlg .x-btn-default-medium-pressed {
  background-image: url(images/btn/btn-default-medium-pressed-bg.png);
}

/* line 663, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-medium-disabled {
  background-image: url(images/btn/btn-default-medium-disabled-bg.png);
}

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

/* line 686, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium .x-btn-split-right {
  background-image: url(images/button/default-medium-s-arrow.png);
  padding-right: 28px;
}
/* line 691, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium .x-btn-split-right .x-btn-inner {
  padding-right: 11px;
}
/* line 698, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium .x-rtl.x-btn-split-right {
  background-image: url(images/button/default-medium-s-arrow-rtl.png);
  padding-right: 0;
  padding-left: 28px;
}
/* line 705, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium .x-btn-split-bottom {
  background-image: url(images/button/default-medium-s-arrow-b.png);
  padding-bottom: 24px;
}
/* line 710, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium .x-btn-split-bottom .x-btn-button {
  margin-bottom: 3px;
}

/* line 719, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon .x-btn-split-right .x-btn-icon-el {
  right: 3px;
}
/* line 722, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon .x-btn-split-right .x-btn-inner {
  padding-right: 27px;
}

/* line 728, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon-text-right .x-btn-split-right .x-btn-icon-el {
  right: 3px;
}
/* line 731, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-medium-icon-text-right .x-btn-split-right .x-btn-inner {
  padding-right: 32px;
}

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

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-medium-focus:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-medium-focus-corners.png), sides:url(images/btn/btn-default-medium-focus-sides.png), frame-bg:url(images/btn/btn-default-medium-focus-fbg.png), bg:url(images/btn/btn-default-medium-focus-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-medium-over:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-medium-over-corners.png), sides:url(images/btn/btn-default-medium-over-sides.png), frame-bg:url(images/btn/btn-default-medium-over-fbg.png), bg:url(images/btn/btn-default-medium-over-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-medium-pressed:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-medium-pressed-corners.png), sides:url(images/btn/btn-default-medium-pressed-sides.png), frame-bg:url(images/btn/btn-default-medium-pressed-fbg.png), bg:url(images/btn/btn-default-medium-pressed-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-medium-disabled:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-medium-disabled-corners.png), sides:url(images/btn/btn-default-medium-disabled-sides.png), frame-bg:url(images/btn/btn-default-medium-disabled-fbg.png), bg:url(images/btn/btn-default-medium-disabled-bg.png)";
}

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

/* line 265, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large {
  border-color: #126daf;
}

/* line 146, ../../../../../../packages/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-image: none;
  background-color: #3892d3;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4b9cd7), color-stop(50%, #3892d3), color-stop(51%, #358ac8), color-stop(100%, #3892d3));
  background-image: -webkit-linear-gradient(top, #4b9cd7, #3892d3 50%, #358ac8 51%, #3892d3);
  background-image: -moz-linear-gradient(top, #4b9cd7, #3892d3 50%, #358ac8 51%, #3892d3);
  background-image: -o-linear-gradient(top, #4b9cd7, #3892d3 50%, #358ac8 51%, #3892d3);
  background-image: -ms-linear-gradient(top, #4b9cd7, #3892d3 50%, #358ac8 51%, #3892d3);
  background-image: linear-gradient(top, #4b9cd7, #3892d3 50%, #358ac8 51%, #3892d3);
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large-mc {
  background-image: url(images/btn/btn-default-large-fbg.png);
  background-position: 0 top;
  background-color: #3892d3;
}

/* line 221, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nlg .x-btn-default-large {
  background-image: url(images/btn/btn-default-large-bg.png);
  background-position: 0 top;
}

/* line 243, ../../../../../../packages/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;
  background-image: none;
}

/* line 258, ../../../../../../packages/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 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large-tl {
  background-position: 0 -6px;
}

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

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

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

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

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

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

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

/* line 359, ../../../../../../packages/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 365, ../../../../../../packages/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 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-large-tc {
  height: 3px;
}

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

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
}

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

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-large:after {
  display: none;
  content: "x-slicer:stretch:bottom, frame-bg:url(images/btn/btn-default-large-fbg.png), bg:url(images/btn/btn-default-large-bg.png), corners:url(images/btn/btn-default-large-corners.png), sides:url(images/btn/btn-default-large-sides.png)";
}

/*</if slicer>*/
/* */
/* line 272, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large .x-btn-inner {
  font-size: 16px;
  font-weight: bold;
  font-family: helvetica, arial, verdana, sans-serif;
  color: white;
  padding: 0 10px;
}
/* line 280, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large .x-btn-arrow {
  background-image: url(images/button/default-large-arrow.png);
}
/* line 288, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large .x-btn-arrow-right {
  padding-right: 36px;
}
/* line 293, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large .x-rtl.x-btn-arrow-right {
  padding-right: 0;
  padding-left: 36px;
}
/* line 299, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large .x-btn-arrow-bottom {
  padding-bottom: 32px;
}
/* line 303, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large .x-btn-glyph {
  font-size: 32px;
  line-height: 32px;
  color: white;
  opacity: 0.5;
}
/* line 323, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-ie8 .x-btn-default-large .x-btn-glyph {
  color: #9bc8e9;
}

/* line 330, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-disabled {
  background-image: none;
  background-color: #157fcc;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2c8bd1), color-stop(50%, #157fcc), color-stop(51%, #1378c1), color-stop(100%, #157fcc));
  background-image: -webkit-linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
  background-image: -moz-linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
  background-image: -o-linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
  background-image: -ms-linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
  background-image: linear-gradient(top, #2c8bd1, #157fcc 50%, #1378c1 51%, #157fcc);
}

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

/* line 366, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-large-noicon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-large-icon-text-left .x-btn-arrow-right .x-btn-inner {
  padding-right: 0;
}
/* line 371, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon .x-btn-arrow-right .x-rtl.x-btn-inner,
.x-btn-default-large-noicon .x-btn-arrow-right .x-rtl.x-btn-inner,
.x-btn-default-large-icon-text-left .x-btn-arrow-right .x-rtl.x-btn-inner {
  padding-right: 10px;
  padding-left: 0;
}

/* line 381, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon .x-btn-inner {
  width: 32px;
  padding: 0;
}
/* line 387, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon .x-btn-icon-el {
  width: 32px;
  height: 32px;
}

/* line 394, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon-text-left .x-btn-inner {
  line-height: 32px;
  padding-left: 37px;
}
/* line 400, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon-text-left .x-rtl.x-btn-inner {
  padding-left: 10px;
  padding-right: 37px;
}
/* line 405, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon-text-left .x-btn-arrow-right .x-rtl.x-btn-inner {
  padding-right: 37px;
}
/* line 410, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon-text-left .x-btn-icon-el {
  width: 32px;
  right: auto;
}
/* line 416, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon-text-left .x-rtl.x-btn-icon-el {
  left: auto;
  right: 0;
}

/* line 424, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon-text-right .x-btn-inner {
  line-height: 32px;
  padding-right: 37px;
}
/* line 430, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon-text-right .x-rtl.x-btn-inner {
  padding-right: 10px;
  padding-left: 37px;
}
/* line 436, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon-text-right .x-btn-icon-el {
  width: 32px;
  left: auto;
}
/* line 442, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon-text-right .x-rtl.x-btn-icon-el {
  left: 0;
  right: auto;
}

/* line 450, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon-text-top .x-btn-inner {
  padding-top: 37px;
}
/* line 454, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto;
}

/* line 461, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 37px;
}
/* line 465, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto;
}

/* line 471, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-focus {
  border-color: #1064a1;
  background-image: none;
  background-color: #1374bb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a81c1), color-stop(50%, #1374bb), color-stop(51%, #126eb1), color-stop(100%, #1374bb));
  background-image: -webkit-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -moz-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -o-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -ms-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
}

/* line 495, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-over {
  border-color: #1064a1;
  background-image: none;
  background-color: #1374bb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a81c1), color-stop(50%, #1374bb), color-stop(51%, #126eb1), color-stop(100%, #1374bb));
  background-image: -webkit-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -moz-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -o-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: -ms-linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
  background-image: linear-gradient(top, #2a81c1, #1374bb 50%, #126eb1 51%, #1374bb);
}

/* line 520, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-menu-active,
.x-btn-default-large-pressed {
  border-color: #0d5183;
  background-image: none;
  background-color: #0f5f99;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0f5f99), color-stop(50%, #0e5a91), color-stop(51%, #0f5f99), color-stop(100%, #266fa3));
  background-image: -webkit-linear-gradient(top, #0f5f99, #0e5a91 50%, #0f5f99 51%, #266fa3);
  background-image: -moz-linear-gradient(top, #0f5f99, #0e5a91 50%, #0f5f99 51%, #266fa3);
  background-image: -o-linear-gradient(top, #0f5f99, #0e5a91 50%, #0f5f99 51%, #266fa3);
  background-image: -ms-linear-gradient(top, #0f5f99, #0e5a91 50%, #0f5f99 51%, #266fa3);
  background-image: linear-gradient(top, #0f5f99, #0e5a91 50%, #0f5f99 51%, #266fa3);
}

/* line 552, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-focus .x-frame-tl,
.x-btn-default-large-focus .x-frame-bl,
.x-btn-default-large-focus .x-frame-tr,
.x-btn-default-large-focus .x-frame-br,
.x-btn-default-large-focus .x-frame-tc,
.x-btn-default-large-focus .x-frame-bc {
  background-image: url(images/btn/btn-default-large-focus-corners.png);
}
/* line 556, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-focus .x-frame-ml,
.x-btn-default-large-focus .x-frame-mr {
  background-image: url(images/btn/btn-default-large-focus-sides.png);
}
/* line 559, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-focus .x-frame-mc {
  background-color: #1374bb;
  background-image: url(images/btn/btn-default-large-focus-fbg.png);
}

/* line 574, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-over .x-frame-tl,
.x-btn-default-large-over .x-frame-bl,
.x-btn-default-large-over .x-frame-tr,
.x-btn-default-large-over .x-frame-br,
.x-btn-default-large-over .x-frame-tc,
.x-btn-default-large-over .x-frame-bc {
  background-image: url(images/btn/btn-default-large-over-corners.png);
}
/* line 578, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-over .x-frame-ml,
.x-btn-default-large-over .x-frame-mr {
  background-image: url(images/btn/btn-default-large-over-sides.png);
}
/* line 581, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-over .x-frame-mc {
  background-color: #1374bb;
  background-image: url(images/btn/btn-default-large-over-fbg.png);
}

/* line 597, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-menu-active .x-frame-tl,
.x-btn-default-large-menu-active .x-frame-bl,
.x-btn-default-large-menu-active .x-frame-tr,
.x-btn-default-large-menu-active .x-frame-br,
.x-btn-default-large-menu-active .x-frame-tc,
.x-btn-default-large-menu-active .x-frame-bc,
.x-btn-default-large-pressed .x-frame-tl,
.x-btn-default-large-pressed .x-frame-bl,
.x-btn-default-large-pressed .x-frame-tr,
.x-btn-default-large-pressed .x-frame-br,
.x-btn-default-large-pressed .x-frame-tc,
.x-btn-default-large-pressed .x-frame-bc {
  background-image: url(images/btn/btn-default-large-pressed-corners.png);
}
/* line 601, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-menu-active .x-frame-ml,
.x-btn-default-large-menu-active .x-frame-mr,
.x-btn-default-large-pressed .x-frame-ml,
.x-btn-default-large-pressed .x-frame-mr {
  background-image: url(images/btn/btn-default-large-pressed-sides.png);
}
/* line 604, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-menu-active .x-frame-mc,
.x-btn-default-large-pressed .x-frame-mc {
  background-color: #0f5f99;
  background-image: url(images/btn/btn-default-large-pressed-fbg.png);
}

/* line 619, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-disabled .x-frame-tl,
.x-btn-default-large-disabled .x-frame-bl,
.x-btn-default-large-disabled .x-frame-tr,
.x-btn-default-large-disabled .x-frame-br,
.x-btn-default-large-disabled .x-frame-tc,
.x-btn-default-large-disabled .x-frame-bc {
  background-image: url(images/btn/btn-default-large-disabled-corners.png);
}
/* line 623, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-disabled .x-frame-ml,
.x-btn-default-large-disabled .x-frame-mr {
  background-image: url(images/btn/btn-default-large-disabled-sides.png);
}
/* line 626, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-disabled .x-frame-mc {
  background-color: #157fcc;
  background-image: url(images/btn/btn-default-large-disabled-fbg.png);
}

/* line 638, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-large-focus {
  background-image: url(images/btn/btn-default-large-focus-bg.png);
}

/* line 646, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-large-over {
  background-image: url(images/btn/btn-default-large-over-bg.png);
}

/* line 655, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-large-menu-active,
.x-nlg .x-btn-default-large-pressed {
  background-image: url(images/btn/btn-default-large-pressed-bg.png);
}

/* line 663, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-large-disabled {
  background-image: url(images/btn/btn-default-large-disabled-bg.png);
}

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

/* line 686, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large .x-btn-split-right {
  background-image: url(images/button/default-large-s-arrow.png);
  padding-right: 35px;
}
/* line 691, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large .x-btn-split-right .x-btn-inner {
  padding-right: 13px;
}
/* line 698, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large .x-rtl.x-btn-split-right {
  background-image: url(images/button/default-large-s-arrow-rtl.png);
  padding-right: 0;
  padding-left: 35px;
}
/* line 705, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large .x-btn-split-bottom {
  background-image: url(images/button/default-large-s-arrow-b.png);
  padding-bottom: 29px;
}
/* line 710, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large .x-btn-split-bottom .x-btn-button {
  margin-bottom: 3px;
}

/* line 719, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon .x-btn-split-right .x-btn-icon-el {
  right: 3px;
}
/* line 722, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon .x-btn-split-right .x-btn-inner {
  padding-right: 35px;
}

/* line 728, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon-text-right .x-btn-split-right .x-btn-icon-el {
  right: 3px;
}
/* line 731, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-large-icon-text-right .x-btn-split-right .x-btn-inner {
  padding-right: 40px;
}

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

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-large-focus:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-large-focus-corners.png), sides:url(images/btn/btn-default-large-focus-sides.png), frame-bg:url(images/btn/btn-default-large-focus-fbg.png), bg:url(images/btn/btn-default-large-focus-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-large-over:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-large-over-corners.png), sides:url(images/btn/btn-default-large-over-sides.png), frame-bg:url(images/btn/btn-default-large-over-fbg.png), bg:url(images/btn/btn-default-large-over-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-large-pressed:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-large-pressed-corners.png), sides:url(images/btn/btn-default-large-pressed-sides.png), frame-bg:url(images/btn/btn-default-large-pressed-fbg.png), bg:url(images/btn/btn-default-large-pressed-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-large-disabled:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-large-disabled-corners.png), sides:url(images/btn/btn-default-large-disabled-sides.png), frame-bg:url(images/btn/btn-default-large-disabled-fbg.png), bg:url(images/btn/btn-default-large-disabled-bg.png)";
}

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

/* line 265, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small {
  border-color: #e1e1e1;
}

/* line 146, ../../../../../../packages/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-image: none;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(50%, #f5f5f5), color-stop(51%, #e8e8e8), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: -moz-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: -o-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: -ms-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small-mc {
  background-image: url(images/btn/btn-default-toolbar-small-fbg.png);
  background-position: 0 top;
  background-color: #f5f5f5;
}

/* line 221, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nlg .x-btn-default-toolbar-small {
  background-image: url(images/btn/btn-default-toolbar-small-bg.png);
  background-position: 0 top;
}

/* line 243, ../../../../../../packages/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;
  background-image: none;
}

/* line 258, ../../../../../../packages/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 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small-tl {
  background-position: 0 -6px;
}

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

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

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

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

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

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

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

/* line 359, ../../../../../../packages/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 365, ../../../../../../packages/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 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-small-tc {
  height: 3px;
}

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

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
}

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

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-toolbar-small:after {
  display: none;
  content: "x-slicer:stretch:bottom, frame-bg:url(images/btn/btn-default-toolbar-small-fbg.png), bg:url(images/btn/btn-default-toolbar-small-bg.png), corners:url(images/btn/btn-default-toolbar-small-corners.png), sides:url(images/btn/btn-default-toolbar-small-sides.png)";
}

/*</if slicer>*/
/* */
/* line 272, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small .x-btn-inner {
  font-size: 12px;
  font-weight: bold;
  font-family: helvetica, arial, verdana, sans-serif;
  color: #666666;
  padding: 0 5px;
}
/* line 280, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small .x-btn-arrow {
  background-image: url(images/button/default-toolbar-small-arrow.png);
}
/* line 288, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small .x-btn-arrow-right {
  padding-right: 21px;
}
/* line 293, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small .x-rtl.x-btn-arrow-right {
  padding-right: 0;
  padding-left: 21px;
}
/* line 299, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small .x-btn-arrow-bottom {
  padding-bottom: 18px;
}
/* line 303, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small .x-btn-glyph {
  font-size: 16px;
  line-height: 16px;
  color: #666666;
  opacity: 0.5;
}
/* line 323, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-ie8 .x-btn-default-toolbar-small .x-btn-glyph {
  color: #adadad;
}

/* line 330, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-disabled {
  background-image: none;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(50%, #f5f5f5), color-stop(51%, #e8e8e8), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: -moz-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: -o-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: -ms-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
}

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

/* line 366, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-toolbar-small-noicon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-toolbar-small-icon-text-left .x-btn-arrow-right .x-btn-inner {
  padding-right: 0;
}
/* line 371, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon .x-btn-arrow-right .x-rtl.x-btn-inner,
.x-btn-default-toolbar-small-noicon .x-btn-arrow-right .x-rtl.x-btn-inner,
.x-btn-default-toolbar-small-icon-text-left .x-btn-arrow-right .x-rtl.x-btn-inner {
  padding-right: 5px;
  padding-left: 0;
}

/* line 381, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon .x-btn-inner {
  width: 16px;
  padding: 0;
}
/* line 387, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon .x-btn-icon-el {
  width: 16px;
  height: 16px;
}

/* line 394, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon-text-left .x-btn-inner {
  line-height: 16px;
  padding-left: 21px;
}
/* line 400, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon-text-left .x-rtl.x-btn-inner {
  padding-left: 5px;
  padding-right: 21px;
}
/* line 405, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon-text-left .x-btn-arrow-right .x-rtl.x-btn-inner {
  padding-right: 21px;
}
/* line 410, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon-text-left .x-btn-icon-el {
  width: 16px;
  right: auto;
}
/* line 416, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon-text-left .x-rtl.x-btn-icon-el {
  left: auto;
  right: 0;
}

/* line 424, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon-text-right .x-btn-inner {
  line-height: 16px;
  padding-right: 21px;
}
/* line 430, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon-text-right .x-rtl.x-btn-inner {
  padding-right: 5px;
  padding-left: 21px;
}
/* line 436, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon-text-right .x-btn-icon-el {
  width: 16px;
  left: auto;
}
/* line 442, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon-text-right .x-rtl.x-btn-icon-el {
  left: 0;
  right: auto;
}

/* line 450, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon-text-top .x-btn-inner {
  padding-top: 21px;
}
/* line 454, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto;
}

/* line 461, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 21px;
}
/* line 465, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto;
}

/* line 471, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-focus {
  border-color: #d8d8d8;
  background-image: none;
  background-color: #ebebeb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(50%, #ebebeb), color-stop(51%, #dfdfdf), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -moz-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -o-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -ms-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
}

/* line 495, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-over {
  border-color: #d8d8d8;
  background-image: none;
  background-color: #ebebeb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(50%, #ebebeb), color-stop(51%, #dfdfdf), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -moz-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -o-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -ms-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
}

/* line 520, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-menu-active,
.x-btn-default-toolbar-small-pressed {
  border-color: #cecece;
  background-image: none;
  background-color: #e1e1e1;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1e1e1), color-stop(50%, #d5d5d5), color-stop(51%, #e1e1e1), color-stop(100%, #e4e4e4));
  background-image: -webkit-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: -moz-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: -o-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: -ms-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
}

/* line 552, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-focus .x-frame-tl,
.x-btn-default-toolbar-small-focus .x-frame-bl,
.x-btn-default-toolbar-small-focus .x-frame-tr,
.x-btn-default-toolbar-small-focus .x-frame-br,
.x-btn-default-toolbar-small-focus .x-frame-tc,
.x-btn-default-toolbar-small-focus .x-frame-bc {
  background-image: url(images/btn/btn-default-toolbar-small-focus-corners.png);
}
/* line 556, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-focus .x-frame-ml,
.x-btn-default-toolbar-small-focus .x-frame-mr {
  background-image: url(images/btn/btn-default-toolbar-small-focus-sides.png);
}
/* line 559, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-focus .x-frame-mc {
  background-color: #ebebeb;
  background-image: url(images/btn/btn-default-toolbar-small-focus-fbg.png);
}

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

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

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

/* line 638, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-toolbar-small-focus {
  background-image: url(images/btn/btn-default-toolbar-small-focus-bg.png);
}

/* line 646, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-toolbar-small-over {
  background-image: url(images/btn/btn-default-toolbar-small-over-bg.png);
}

/* line 655, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-toolbar-small-menu-active,
.x-nlg .x-btn-default-toolbar-small-pressed {
  background-image: url(images/btn/btn-default-toolbar-small-pressed-bg.png);
}

/* line 663, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-toolbar-small-disabled {
  background-image: url(images/btn/btn-default-toolbar-small-disabled-bg.png);
}

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

/* line 686, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small .x-btn-split-right {
  background-image: url(images/button/default-toolbar-small-s-arrow.png);
  padding-right: 20px;
}
/* line 691, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small .x-btn-split-right .x-btn-inner {
  padding-right: 8px;
}
/* line 698, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small .x-rtl.x-btn-split-right {
  background-image: url(images/button/default-toolbar-small-s-arrow-rtl.png);
  padding-right: 0;
  padding-left: 20px;
}
/* line 705, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small .x-btn-split-bottom {
  background-image: url(images/button/default-toolbar-small-s-arrow-b.png);
  padding-bottom: 16px;
}
/* line 710, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small .x-btn-split-bottom .x-btn-button {
  margin-bottom: 3px;
}

/* line 719, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon .x-btn-split-right .x-btn-icon-el {
  right: 3px;
}
/* line 722, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon .x-btn-split-right .x-btn-inner {
  padding-right: 19px;
}

/* line 728, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon-text-right .x-btn-split-right .x-btn-icon-el {
  right: 3px;
}
/* line 731, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-small-icon-text-right .x-btn-split-right .x-btn-inner {
  padding-right: 24px;
}

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

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-toolbar-small-focus:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-small-focus-corners.png), sides:url(images/btn/btn-default-toolbar-small-focus-sides.png), frame-bg:url(images/btn/btn-default-toolbar-small-focus-fbg.png), bg:url(images/btn/btn-default-toolbar-small-focus-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-toolbar-small-over:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-small-over-corners.png), sides:url(images/btn/btn-default-toolbar-small-over-sides.png), frame-bg:url(images/btn/btn-default-toolbar-small-over-fbg.png), bg:url(images/btn/btn-default-toolbar-small-over-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-toolbar-small-pressed:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-small-pressed-corners.png), sides:url(images/btn/btn-default-toolbar-small-pressed-sides.png), frame-bg:url(images/btn/btn-default-toolbar-small-pressed-fbg.png), bg:url(images/btn/btn-default-toolbar-small-pressed-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-toolbar-small-disabled:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-small-disabled-corners.png), sides:url(images/btn/btn-default-toolbar-small-disabled-sides.png), frame-bg:url(images/btn/btn-default-toolbar-small-disabled-fbg.png), bg:url(images/btn/btn-default-toolbar-small-disabled-bg.png)";
}

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

/* line 265, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium {
  border-color: #e1e1e1;
}

/* line 146, ../../../../../../packages/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-image: none;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(50%, #f5f5f5), color-stop(51%, #e8e8e8), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: -moz-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: -o-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: -ms-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium-mc {
  background-image: url(images/btn/btn-default-toolbar-medium-fbg.png);
  background-position: 0 top;
  background-color: #f5f5f5;
}

/* line 221, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nlg .x-btn-default-toolbar-medium {
  background-image: url(images/btn/btn-default-toolbar-medium-bg.png);
  background-position: 0 top;
}

/* line 243, ../../../../../../packages/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;
  background-image: none;
}

/* line 258, ../../../../../../packages/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 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium-tl {
  background-position: 0 -6px;
}

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

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

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

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

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

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

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

/* line 359, ../../../../../../packages/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 365, ../../../../../../packages/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 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-medium-tc {
  height: 3px;
}

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

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
}

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

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-toolbar-medium:after {
  display: none;
  content: "x-slicer:stretch:bottom, frame-bg:url(images/btn/btn-default-toolbar-medium-fbg.png), bg:url(images/btn/btn-default-toolbar-medium-bg.png), corners:url(images/btn/btn-default-toolbar-medium-corners.png), sides:url(images/btn/btn-default-toolbar-medium-sides.png)";
}

/*</if slicer>*/
/* */
/* line 272, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium .x-btn-inner {
  font-size: 14px;
  font-weight: bold;
  font-family: helvetica, arial, verdana, sans-serif;
  color: #666666;
  padding: 0 8px;
}
/* line 280, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium .x-btn-arrow {
  background-image: url(images/button/default-toolbar-medium-arrow.png);
}
/* line 288, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium .x-btn-arrow-right {
  padding-right: 30px;
}
/* line 293, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium .x-rtl.x-btn-arrow-right {
  padding-right: 0;
  padding-left: 30px;
}
/* line 299, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium .x-btn-arrow-bottom {
  padding-bottom: 26px;
}
/* line 303, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium .x-btn-glyph {
  font-size: 24px;
  line-height: 24px;
  color: #666666;
  opacity: 0.5;
}
/* line 323, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-ie8 .x-btn-default-toolbar-medium .x-btn-glyph {
  color: #adadad;
}

/* line 330, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-disabled {
  background-image: none;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(50%, #f5f5f5), color-stop(51%, #e8e8e8), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: -moz-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: -o-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: -ms-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
}

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

/* line 366, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-toolbar-medium-noicon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-toolbar-medium-icon-text-left .x-btn-arrow-right .x-btn-inner {
  padding-right: 0;
}
/* line 371, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon .x-btn-arrow-right .x-rtl.x-btn-inner,
.x-btn-default-toolbar-medium-noicon .x-btn-arrow-right .x-rtl.x-btn-inner,
.x-btn-default-toolbar-medium-icon-text-left .x-btn-arrow-right .x-rtl.x-btn-inner {
  padding-right: 8px;
  padding-left: 0;
}

/* line 381, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0;
}
/* line 387, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon .x-btn-icon-el {
  width: 24px;
  height: 24px;
}

/* line 394, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon-text-left .x-btn-inner {
  line-height: 24px;
  padding-left: 29px;
}
/* line 400, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon-text-left .x-rtl.x-btn-inner {
  padding-left: 8px;
  padding-right: 29px;
}
/* line 405, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon-text-left .x-btn-arrow-right .x-rtl.x-btn-inner {
  padding-right: 29px;
}
/* line 410, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon-text-left .x-btn-icon-el {
  width: 24px;
  right: auto;
}
/* line 416, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon-text-left .x-rtl.x-btn-icon-el {
  left: auto;
  right: 0;
}

/* line 424, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon-text-right .x-btn-inner {
  line-height: 24px;
  padding-right: 29px;
}
/* line 430, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon-text-right .x-rtl.x-btn-inner {
  padding-right: 8px;
  padding-left: 29px;
}
/* line 436, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon-text-right .x-btn-icon-el {
  width: 24px;
  left: auto;
}
/* line 442, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon-text-right .x-rtl.x-btn-icon-el {
  left: 0;
  right: auto;
}

/* line 450, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon-text-top .x-btn-inner {
  padding-top: 29px;
}
/* line 454, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto;
}

/* line 461, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 29px;
}
/* line 465, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto;
}

/* line 471, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-focus {
  border-color: #d8d8d8;
  background-image: none;
  background-color: #ebebeb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(50%, #ebebeb), color-stop(51%, #dfdfdf), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -moz-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -o-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -ms-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
}

/* line 495, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-over {
  border-color: #d8d8d8;
  background-image: none;
  background-color: #ebebeb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(50%, #ebebeb), color-stop(51%, #dfdfdf), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -moz-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -o-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -ms-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
}

/* line 520, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-menu-active,
.x-btn-default-toolbar-medium-pressed {
  border-color: #cecece;
  background-image: none;
  background-color: #e1e1e1;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1e1e1), color-stop(50%, #d5d5d5), color-stop(51%, #e1e1e1), color-stop(100%, #e4e4e4));
  background-image: -webkit-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: -moz-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: -o-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: -ms-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
}

/* line 552, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-focus .x-frame-tl,
.x-btn-default-toolbar-medium-focus .x-frame-bl,
.x-btn-default-toolbar-medium-focus .x-frame-tr,
.x-btn-default-toolbar-medium-focus .x-frame-br,
.x-btn-default-toolbar-medium-focus .x-frame-tc,
.x-btn-default-toolbar-medium-focus .x-frame-bc {
  background-image: url(images/btn/btn-default-toolbar-medium-focus-corners.png);
}
/* line 556, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-focus .x-frame-ml,
.x-btn-default-toolbar-medium-focus .x-frame-mr {
  background-image: url(images/btn/btn-default-toolbar-medium-focus-sides.png);
}
/* line 559, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-focus .x-frame-mc {
  background-color: #ebebeb;
  background-image: url(images/btn/btn-default-toolbar-medium-focus-fbg.png);
}

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

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

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

/* line 638, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-toolbar-medium-focus {
  background-image: url(images/btn/btn-default-toolbar-medium-focus-bg.png);
}

/* line 646, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-toolbar-medium-over {
  background-image: url(images/btn/btn-default-toolbar-medium-over-bg.png);
}

/* line 655, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-toolbar-medium-menu-active,
.x-nlg .x-btn-default-toolbar-medium-pressed {
  background-image: url(images/btn/btn-default-toolbar-medium-pressed-bg.png);
}

/* line 663, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-toolbar-medium-disabled {
  background-image: url(images/btn/btn-default-toolbar-medium-disabled-bg.png);
}

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

/* line 686, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium .x-btn-split-right {
  background-image: url(images/button/default-toolbar-medium-s-arrow.png);
  padding-right: 28px;
}
/* line 691, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium .x-btn-split-right .x-btn-inner {
  padding-right: 11px;
}
/* line 698, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium .x-rtl.x-btn-split-right {
  background-image: url(images/button/default-toolbar-medium-s-arrow-rtl.png);
  padding-right: 0;
  padding-left: 28px;
}
/* line 705, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium .x-btn-split-bottom {
  background-image: url(images/button/default-toolbar-medium-s-arrow-b.png);
  padding-bottom: 24px;
}
/* line 710, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium .x-btn-split-bottom .x-btn-button {
  margin-bottom: 3px;
}

/* line 719, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon .x-btn-split-right .x-btn-icon-el {
  right: 3px;
}
/* line 722, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon .x-btn-split-right .x-btn-inner {
  padding-right: 27px;
}

/* line 728, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon-text-right .x-btn-split-right .x-btn-icon-el {
  right: 3px;
}
/* line 731, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-medium-icon-text-right .x-btn-split-right .x-btn-inner {
  padding-right: 32px;
}

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

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-toolbar-medium-focus:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-medium-focus-corners.png), sides:url(images/btn/btn-default-toolbar-medium-focus-sides.png), frame-bg:url(images/btn/btn-default-toolbar-medium-focus-fbg.png), bg:url(images/btn/btn-default-toolbar-medium-focus-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-toolbar-medium-over:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-medium-over-corners.png), sides:url(images/btn/btn-default-toolbar-medium-over-sides.png), frame-bg:url(images/btn/btn-default-toolbar-medium-over-fbg.png), bg:url(images/btn/btn-default-toolbar-medium-over-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-toolbar-medium-pressed:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-medium-pressed-corners.png), sides:url(images/btn/btn-default-toolbar-medium-pressed-sides.png), frame-bg:url(images/btn/btn-default-toolbar-medium-pressed-fbg.png), bg:url(images/btn/btn-default-toolbar-medium-pressed-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-toolbar-medium-disabled:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-medium-disabled-corners.png), sides:url(images/btn/btn-default-toolbar-medium-disabled-sides.png), frame-bg:url(images/btn/btn-default-toolbar-medium-disabled-fbg.png), bg:url(images/btn/btn-default-toolbar-medium-disabled-bg.png)";
}

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

/* line 265, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large {
  border-color: #e1e1e1;
}

/* line 146, ../../../../../../packages/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-image: none;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(50%, #f5f5f5), color-stop(51%, #e8e8e8), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: -moz-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: -o-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: -ms-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large-mc {
  background-image: url(images/btn/btn-default-toolbar-large-fbg.png);
  background-position: 0 top;
  background-color: #f5f5f5;
}

/* line 221, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nlg .x-btn-default-toolbar-large {
  background-image: url(images/btn/btn-default-toolbar-large-bg.png);
  background-position: 0 top;
}

/* line 243, ../../../../../../packages/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;
  background-image: none;
}

/* line 258, ../../../../../../packages/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 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large-tl {
  background-position: 0 -6px;
}

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

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

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

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

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

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

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

/* line 359, ../../../../../../packages/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 365, ../../../../../../packages/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 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-default-toolbar-large-tc {
  height: 3px;
}

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

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
}

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

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-toolbar-large:after {
  display: none;
  content: "x-slicer:stretch:bottom, frame-bg:url(images/btn/btn-default-toolbar-large-fbg.png), bg:url(images/btn/btn-default-toolbar-large-bg.png), corners:url(images/btn/btn-default-toolbar-large-corners.png), sides:url(images/btn/btn-default-toolbar-large-sides.png)";
}

/*</if slicer>*/
/* */
/* line 272, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large .x-btn-inner {
  font-size: 16px;
  font-weight: bold;
  font-family: helvetica, arial, verdana, sans-serif;
  color: #666666;
  padding: 0 10px;
}
/* line 280, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large .x-btn-arrow {
  background-image: url(images/button/default-toolbar-large-arrow.png);
}
/* line 288, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large .x-btn-arrow-right {
  padding-right: 36px;
}
/* line 293, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large .x-rtl.x-btn-arrow-right {
  padding-right: 0;
  padding-left: 36px;
}
/* line 299, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large .x-btn-arrow-bottom {
  padding-bottom: 32px;
}
/* line 303, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large .x-btn-glyph {
  font-size: 32px;
  line-height: 32px;
  color: #666666;
  opacity: 0.5;
}
/* line 323, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-ie8 .x-btn-default-toolbar-large .x-btn-glyph {
  color: #adadad;
}

/* line 330, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-disabled {
  background-image: none;
  background-color: #f5f5f5;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f6f6f6), color-stop(50%, #f5f5f5), color-stop(51%, #e8e8e8), color-stop(100%, #f5f5f5));
  background-image: -webkit-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: -moz-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: -o-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: -ms-linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
  background-image: linear-gradient(top, #f6f6f6, #f5f5f5 50%, #e8e8e8 51%, #f5f5f5);
}

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

/* line 366, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-toolbar-large-noicon .x-btn-arrow-right .x-btn-inner,
.x-btn-default-toolbar-large-icon-text-left .x-btn-arrow-right .x-btn-inner {
  padding-right: 0;
}
/* line 371, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon .x-btn-arrow-right .x-rtl.x-btn-inner,
.x-btn-default-toolbar-large-noicon .x-btn-arrow-right .x-rtl.x-btn-inner,
.x-btn-default-toolbar-large-icon-text-left .x-btn-arrow-right .x-rtl.x-btn-inner {
  padding-right: 10px;
  padding-left: 0;
}

/* line 381, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon .x-btn-inner {
  width: 32px;
  padding: 0;
}
/* line 387, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon .x-btn-icon-el {
  width: 32px;
  height: 32px;
}

/* line 394, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon-text-left .x-btn-inner {
  line-height: 32px;
  padding-left: 37px;
}
/* line 400, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon-text-left .x-rtl.x-btn-inner {
  padding-left: 10px;
  padding-right: 37px;
}
/* line 405, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon-text-left .x-btn-arrow-right .x-rtl.x-btn-inner {
  padding-right: 37px;
}
/* line 410, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon-text-left .x-btn-icon-el {
  width: 32px;
  right: auto;
}
/* line 416, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon-text-left .x-rtl.x-btn-icon-el {
  left: auto;
  right: 0;
}

/* line 424, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon-text-right .x-btn-inner {
  line-height: 32px;
  padding-right: 37px;
}
/* line 430, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon-text-right .x-rtl.x-btn-inner {
  padding-right: 10px;
  padding-left: 37px;
}
/* line 436, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon-text-right .x-btn-icon-el {
  width: 32px;
  left: auto;
}
/* line 442, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon-text-right .x-rtl.x-btn-icon-el {
  left: 0;
  right: auto;
}

/* line 450, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon-text-top .x-btn-inner {
  padding-top: 37px;
}
/* line 454, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto;
}

/* line 461, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 37px;
}
/* line 465, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto;
}

/* line 471, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-focus {
  border-color: #d8d8d8;
  background-image: none;
  background-color: #ebebeb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(50%, #ebebeb), color-stop(51%, #dfdfdf), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -moz-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -o-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -ms-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
}

/* line 495, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-over {
  border-color: #d8d8d8;
  background-image: none;
  background-color: #ebebeb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(50%, #ebebeb), color-stop(51%, #dfdfdf), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -moz-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -o-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -ms-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
}

/* line 520, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-menu-active,
.x-btn-default-toolbar-large-pressed {
  border-color: #cecece;
  background-image: none;
  background-color: #e1e1e1;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1e1e1), color-stop(50%, #d5d5d5), color-stop(51%, #e1e1e1), color-stop(100%, #e4e4e4));
  background-image: -webkit-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: -moz-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: -o-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: -ms-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
}

/* line 552, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-focus .x-frame-tl,
.x-btn-default-toolbar-large-focus .x-frame-bl,
.x-btn-default-toolbar-large-focus .x-frame-tr,
.x-btn-default-toolbar-large-focus .x-frame-br,
.x-btn-default-toolbar-large-focus .x-frame-tc,
.x-btn-default-toolbar-large-focus .x-frame-bc {
  background-image: url(images/btn/btn-default-toolbar-large-focus-corners.png);
}
/* line 556, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-focus .x-frame-ml,
.x-btn-default-toolbar-large-focus .x-frame-mr {
  background-image: url(images/btn/btn-default-toolbar-large-focus-sides.png);
}
/* line 559, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-focus .x-frame-mc {
  background-color: #ebebeb;
  background-image: url(images/btn/btn-default-toolbar-large-focus-fbg.png);
}

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

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

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

/* line 638, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-toolbar-large-focus {
  background-image: url(images/btn/btn-default-toolbar-large-focus-bg.png);
}

/* line 646, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-toolbar-large-over {
  background-image: url(images/btn/btn-default-toolbar-large-over-bg.png);
}

/* line 655, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-toolbar-large-menu-active,
.x-nlg .x-btn-default-toolbar-large-pressed {
  background-image: url(images/btn/btn-default-toolbar-large-pressed-bg.png);
}

/* line 663, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-default-toolbar-large-disabled {
  background-image: url(images/btn/btn-default-toolbar-large-disabled-bg.png);
}

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

/* line 686, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large .x-btn-split-right {
  background-image: url(images/button/default-toolbar-large-s-arrow.png);
  padding-right: 35px;
}
/* line 691, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large .x-btn-split-right .x-btn-inner {
  padding-right: 13px;
}
/* line 698, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large .x-rtl.x-btn-split-right {
  background-image: url(images/button/default-toolbar-large-s-arrow-rtl.png);
  padding-right: 0;
  padding-left: 35px;
}
/* line 705, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large .x-btn-split-bottom {
  background-image: url(images/button/default-toolbar-large-s-arrow-b.png);
  padding-bottom: 29px;
}
/* line 710, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large .x-btn-split-bottom .x-btn-button {
  margin-bottom: 3px;
}

/* line 719, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon .x-btn-split-right .x-btn-icon-el {
  right: 3px;
}
/* line 722, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon .x-btn-split-right .x-btn-inner {
  padding-right: 35px;
}

/* line 728, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon-text-right .x-btn-split-right .x-btn-icon-el {
  right: 3px;
}
/* line 731, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-default-toolbar-large-icon-text-right .x-btn-split-right .x-btn-inner {
  padding-right: 40px;
}

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

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-toolbar-large-focus:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-large-focus-corners.png), sides:url(images/btn/btn-default-toolbar-large-focus-sides.png), frame-bg:url(images/btn/btn-default-toolbar-large-focus-fbg.png), bg:url(images/btn/btn-default-toolbar-large-focus-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-toolbar-large-over:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-large-over-corners.png), sides:url(images/btn/btn-default-toolbar-large-over-sides.png), frame-bg:url(images/btn/btn-default-toolbar-large-over-fbg.png), bg:url(images/btn/btn-default-toolbar-large-over-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-toolbar-large-pressed:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-large-pressed-corners.png), sides:url(images/btn/btn-default-toolbar-large-pressed-sides.png), frame-bg:url(images/btn/btn-default-toolbar-large-pressed-fbg.png), bg:url(images/btn/btn-default-toolbar-large-pressed-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-default-toolbar-large-disabled:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-default-toolbar-large-disabled-corners.png), sides:url(images/btn/btn-default-toolbar-large-disabled-sides.png), frame-bg:url(images/btn/btn-default-toolbar-large-disabled-fbg.png), bg:url(images/btn/btn-default-toolbar-large-disabled-bg.png)";
}

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

/* line 1041, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-icon-el {
  background-position: center center;
}

/* line 1045, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-right {
  background-position: right center;
}

/* line 1050, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-rtl.x-btn-arrow-right {
  background-position: left center;
}

/* line 1055, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow-bottom {
  background-position: center bottom;
}

/* line 1059, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-arrow {
  background-repeat: no-repeat;
}

/* line 1064, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-split {
  display: block;
  background-repeat: no-repeat;
}

/* line 1069, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-split-right {
  background-position: right center;
}

/* line 1074, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-rtl.x-btn-split-right {
  background-position: 0 center;
}

/* line 1079, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-split-bottom {
  background-position: center bottom;
}

/* line 1083, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-cycle-fixed-width .x-btn-inner {
  text-align: inherit;
}

/**
 * Creates a visual theme for a Toolbar.
 * @param {String} $ui
 * The name of the UI
 *
 * @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 {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 {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-disabled=$toolbar-scroller-opacity-disabled]
 * The opacity of disabled Toolbar scrollers
 *
 * @param {string} [$tool-background-image=$toolbar-tool-background-image]
 * The sprite to use for {@link Ext.panel.Tool Tools} on a Toolbar
 *
 * @member Ext.toolbar.Toolbar
 */
/* line 92, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar {
  font-size: 13px;
  border-style: solid;
  padding: 6px 0 6px 8px;
}

/* line 99, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-item {
  margin: 0 8px 0 0;
}

/* line 105, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-rtl.x-toolbar {
  padding: 6px 8px 6px 0;
}

/* line 109, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-rtl.x-toolbar-item {
  margin: 0 0 0 8px;
}

/* line 114, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-text {
  margin: 0 6px 0 4px;
  color: #333f49;
  line-height: 16px;
  font-family: helvetica, arial, verdana, sans-serif;
  font-size: 13px;
  font-weight: normal;
}

/* line 123, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.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 132, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-footer {
  background: #dfeaf2;
  border: 0;
  margin: 0;
  padding: 6px 0 6px 6px;
}
/* line 139, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-footer .x-toolbar-item {
  margin: 0 6px 0 0;
}
/* line 143, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-footer .x-rtl.x-toolbar-item {
  margin: 0 0 0 6px;
}

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

/* line 154, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-more-icon {
  background-image: url(images/toolbar/more.png) !important;
  background-position: center center !important;
  background-repeat: no-repeat;
}

/* line 45, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-default {
  border-color: #c1c1c1;
  border-width: 1px;
  background-image: none;
  background-color: white;
}
/* line 51, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-default .x-box-scroller {
  cursor: pointer;
}
/* line 55, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-default .x-box-scroller-disabled {
  cursor: default;
}
/* line 65, ../../../../../../packages/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 166, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-scroll-left {
  background-image: url(images/toolbar/scroll-left.png);
  background-position: 0 0;
  width: 16px;
  height: 16px;
  border-style: solid;
  border-color: #8db2e3;
  border-width: 0;
  margin: 4px 0 0;
}

/* line 177, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-scroll-left-hover {
  background-position: 0 0;
}

/* line 181, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-scroll-right {
  background-image: url(images/toolbar/scroll-right.png);
  width: 16px;
  height: 16px;
  border-style: solid;
  border-color: #8db2e3;
  border-width: 0;
  margin: 4px 0 0;
}

/* line 191, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-scroll-right-hover {
  background-position: -16px 0;
}

/* line 195, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar .x-box-menu-after {
  margin: 0 8px;
}

/* line 199, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-vertical {
  padding: 6px 8px 0 8px;
}
/* line 202, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-vertical .x-toolbar-item {
  margin: 0 0 6px 0;
}
/* line 206, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-vertical .x-toolbar-text {
  margin: 4px 0 6px 0;
}
/* line 210, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-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 218, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-toolbar-vertical .x-box-menu-after {
  margin: 6px 0;
}

/* line 224, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Toolbar.scss */
.x-rtl.x-toolbar-vertical {
  padding: 6px 8px 0 8px;
}

/**
 * Creates a visual theme for a 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-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 {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-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 778, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-ghost {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

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

/* line 248, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default {
  font-size: 13px;
  border: 1px solid #157fcc;
}
/* line 255, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default .x-tool-img {
  background-color: #157fcc;
}

/* line 268, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-horizontal {
  padding: 9px 9px 10px 9px;
}

/* line 272, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-horizontal-noborder {
  padding: 10px 10px 10px 10px;
}

/* line 276, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-vertical {
  padding: 9px 9px 9px 10px;
}

/* line 280, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-vertical-noborder {
  padding: 10px 10px 10px 10px;
}

/* line 285, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-default-vertical {
  padding: 9px 10px 9px 9px;
}

/* line 289, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-default-vertical-noborder {
  padding: 10px 10px 10px 10px;
}

/* line 296, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-text-container-default {
  color: white;
  font-size: 13px;
  font-weight: bold;
  font-family: helvetica, arial, verdana, sans-serif;
  line-height: 16px;
  padding: 0;
  text-transform: none;
}

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

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

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

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

/* line 534, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-default-collapsed-border-top {
  border-bottom-width: 1px !important;
}
/* line 538, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-default-collapsed-border-right {
  border-left-width: 1px !important;
}
/* line 542, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-default-collapsed-border-bottom {
  border-top-width: 1px !important;
}
/* line 546, ../../../../../../packages/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 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-default-top:after {
  display: none;
  content: "x-slicer:stretch:bottom";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-default-bottom:after {
  display: none;
  content: "x-slicer:stretch:bottom";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-default-left:after {
  display: none;
  content: "x-slicer:stretch:left";
}

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

/*</if slicer>*/
/* */
/* line 562, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-vertical .x-panel-header-text-container {
  -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;
  transform: rotate(90deg);
  transform-origin: 0 0;
}
/* line 36, ../../../../../../packages/ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x-ie9m .x-panel-header-default-vertical .x-panel-header-text-container {
  background-color: #157fcc;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1), progid:DXImageTransform.Microsoft.Chroma(color=#157fcc);
}

/* line 567, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-vertical .x-rtl.x-panel-header-text-container {
  -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;
  transform: rotate(270deg);
  transform-origin: 100% 0;
}
/* line 36, ../../../../../../packages/ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x-ie9m .x-panel-header-default-vertical .x-rtl.x-panel-header-text-container {
  background-color: #157fcc;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3), progid:DXImageTransform.Microsoft.Chroma(color=#157fcc);
}

/* line 591, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default .x-panel-header-icon {
  width: 16px;
  height: 16px;
  background-position: center center;
}
/* line 596, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default .x-panel-header-glyph {
  color: white;
  font-size: 16px;
  line-height: 16px;
  opacity: 0.5;
}
/* line 613, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-ie8 .x-panel-header-default .x-panel-header-glyph {
  color: #8abfe5;
}

/* line 622, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-horizontal .x-panel-header-icon-before-title {
  margin: 0 6px 0 0;
}
/* line 627, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-horizontal .x-rtl.x-panel-header-icon-before-title {
  margin: 0 0 0 6px;
}
/* line 632, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-horizontal .x-panel-header-icon-after-title {
  margin: 0 0 0 6px;
}
/* line 637, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-horizontal .x-rtl.x-panel-header-icon-after-title {
  margin: 0 6px 0 0;
}

/* line 644, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-vertical .x-panel-header-icon-before-title {
  margin: 0 0 6px 0;
}
/* line 649, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-vertical .x-rtl.x-panel-header-icon-before-title {
  margin: 0 0 6px 0;
}
/* line 654, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-vertical .x-panel-header-icon-after-title {
  margin: 6px 0 0 0;
}
/* line 659, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-vertical .x-rtl.x-panel-header-icon-after-title {
  margin: 6px 0 0 0;
}

/* line 667, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-horizontal .x-tool-after-title {
  margin: 0 0 0 6px;
}
/* line 672, ../../../../../../packages/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 677, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-horizontal .x-tool-before-title {
  margin: 0 6px 0 0;
}
/* line 682, ../../../../../../packages/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 689, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-vertical .x-tool-after-title {
  margin: 6px 0 0 0;
}
/* line 694, ../../../../../../packages/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 699, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-vertical .x-tool-before-title {
  margin: 0 0 6px 0;
}
/* line 704, ../../../../../../packages/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 712, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-default-collapsed-border-right {
  border-right-width: 1px !important;
}
/* line 715, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-default-collapsed-border-left {
  border-left-width: 1px !important;
}

/* line 729, ../../../../../../packages/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, ../../../../../../packages/ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-default-outer-border-l {
  border-left-color: #157fcc !important;
  border-left-width: 1px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 248, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed {
  font-size: 13px;
  border: 5px solid #157fcc;
}
/* line 255, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed .x-tool-img {
  background-color: #157fcc;
}

/* line 268, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-horizontal {
  padding: 5px 5px 5px 5px;
}

/* line 272, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-horizontal-noborder {
  padding: 10px 10px 5px 10px;
}

/* line 276, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-vertical {
  padding: 5px 5px 5px 5px;
}

/* line 280, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-vertical-noborder {
  padding: 10px 10px 10px 5px;
}

/* line 285, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-default-framed-vertical {
  padding: 5px 5px 5px 5px;
}

/* line 289, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-default-framed-vertical-noborder {
  padding: 10px 5px 10px 10px;
}

/* line 296, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-text-container-default-framed {
  color: white;
  font-size: 13px;
  font-weight: bold;
  font-family: helvetica, arial, verdana, sans-serif;
  line-height: 16px;
  padding: 0;
  text-transform: none;
}

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

/* line 146, ../../../../../../packages/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: 0px 0px 0px 0px;
  border-width: 5px;
  border-style: solid;
  background-color: white;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-mc {
  background-color: white;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-frameInfo {
  font-family: dh-4-4-4-4-5-5-5-5-0-0-0-0;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-ml {
  background-position: 0 top;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-mr {
  background-position: right top;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/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: 5px;
}

/* line 365, ../../../../../../packages/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: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-default-framed-mc {
  padding: 0px 0px 0px 0px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-default-framed:after {
  display: none;
  content: "x-slicer:corners:url(images/panel/panel-default-framed-corners.png), sides:url(images/panel/panel-default-framed-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/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: 5px 5px 5px 5px;
  border-width: 5px 5px 0 5px;
  border-style: solid;
  background-color: #157fcc;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-mc {
  background-color: #157fcc;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-frameInfo {
  font-family: dh-4-4-0-0-5-5-0-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-ml {
  background-position: 0 top;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-mr {
  background-position: right top;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/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: 5px;
}

/* line 365, ../../../../../../packages/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: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-bc {
  height: 0;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-top-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-default-framed-top:after {
  display: none;
  content: "x-slicer:corners:url(images/panel-header/panel-header-default-framed-top-corners.png), sides:url(images/panel-header/panel-header-default-framed-top-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/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: 5px 5px 5px 5px;
  border-width: 5px 5px 5px 0;
  border-style: solid;
  background-color: #157fcc;
}

/* line 185, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-panel-header-default-framed-right {
  background-image: none;
  background-color: #157fcc;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-mc {
  background-color: #157fcc;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-frameInfo {
  font-family: dh-0-4-4-0-5-5-5-0-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-ml {
  background-position: 0 right;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-mr {
  background-position: right right;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/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: 5px;
}

/* line 365, ../../../../../../packages/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 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 397, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-right-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-default-framed-right:after {
  display: none;
  content: "x-slicer:corners:url(images/panel-header/panel-header-default-framed-right-corners.png), corners-rtl:url(images/panel-header/panel-header-default-framed-right-corners-rtl.png), sides:url(images/panel-header/panel-header-default-framed-right-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/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: 5px 5px 5px 5px;
  border-width: 0 5px 5px 5px;
  border-style: solid;
  background-color: #157fcc;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-mc {
  background-color: #157fcc;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-frameInfo {
  font-family: dh-0-0-4-4-0-5-5-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-ml {
  background-position: 0 bottom;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-mr {
  background-position: right bottom;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/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: 5px;
}

/* line 365, ../../../../../../packages/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: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-tc {
  height: 0;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-bottom-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-default-framed-bottom:after {
  display: none;
  content: "x-slicer:corners:url(images/panel-header/panel-header-default-framed-bottom-corners.png), sides:url(images/panel-header/panel-header-default-framed-bottom-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/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: 5px 5px 5px 5px;
  border-width: 5px 0 5px 5px;
  border-style: solid;
  background-color: #157fcc;
}

/* line 185, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-panel-header-default-framed-left {
  background-image: none;
  background-color: #157fcc;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-mc {
  background-color: #157fcc;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-frameInfo {
  font-family: dh-4-0-0-4-5-0-5-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-ml {
  background-position: 0 left;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-mr {
  background-position: right left;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/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 365, ../../../../../../packages/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: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 397, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-left-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-default-framed-left:after {
  display: none;
  content: "x-slicer:corners:url(images/panel-header/panel-header-default-framed-left-corners.png), corners-rtl:url(images/panel-header/panel-header-default-framed-left-corners-rtl.png), sides:url(images/panel-header/panel-header-default-framed-left-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/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: 5px 5px 5px 5px;
  border-width: 5px;
  border-style: solid;
  background-color: #157fcc;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-mc {
  background-color: #157fcc;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-frameInfo {
  font-family: dh-4-4-4-4-5-5-5-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-ml {
  background-position: 0 top;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-mr {
  background-position: right top;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/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: 5px;
}

/* line 365, ../../../../../../packages/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: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-top-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-default-framed-collapsed-top:after {
  display: none;
  content: "x-slicer:corners:url(images/panel-header/panel-header-default-framed-collapsed-top-corners.png), sides:url(images/panel-header/panel-header-default-framed-collapsed-top-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/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: 5px 5px 5px 5px;
  border-width: 5px;
  border-style: solid;
  background-color: #157fcc;
}

/* line 185, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-panel-header-default-framed-collapsed-right {
  background-image: none;
  background-color: #157fcc;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-mc {
  background-color: #157fcc;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-frameInfo {
  font-family: dh-4-4-4-4-5-5-5-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-ml {
  background-position: 0 right;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-mr {
  background-position: right right;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/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: 5px;
}

/* line 365, ../../../../../../packages/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: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 397, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-right-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-default-framed-collapsed-right:after {
  display: none;
  content: "x-slicer:corners:url(images/panel-header/panel-header-default-framed-collapsed-right-corners.png), corners-rtl:url(images/panel-header/panel-header-default-framed-collapsed-right-corners-rtl.png), sides:url(images/panel-header/panel-header-default-framed-collapsed-right-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/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: 5px 5px 5px 5px;
  border-width: 5px;
  border-style: solid;
  background-color: #157fcc;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-mc {
  background-color: #157fcc;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-frameInfo {
  font-family: dh-4-4-4-4-5-5-5-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-ml {
  background-position: 0 bottom;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-mr {
  background-position: right bottom;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/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: 5px;
}

/* line 365, ../../../../../../packages/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: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-bottom-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-default-framed-collapsed-bottom:after {
  display: none;
  content: "x-slicer:corners:url(images/panel-header/panel-header-default-framed-collapsed-bottom-corners.png), sides:url(images/panel-header/panel-header-default-framed-collapsed-bottom-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/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: 5px 5px 5px 5px;
  border-width: 5px;
  border-style: solid;
  background-color: #157fcc;
}

/* line 185, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-panel-header-default-framed-collapsed-left {
  background-image: none;
  background-color: #157fcc;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-mc {
  background-color: #157fcc;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-frameInfo {
  font-family: dh-4-4-4-4-5-5-5-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-ml {
  background-position: 0 left;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-mr {
  background-position: right left;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/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: 5px;
}

/* line 365, ../../../../../../packages/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: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 397, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-default-framed-collapsed-left-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-default-framed-collapsed-left:after {
  display: none;
  content: "x-slicer:corners:url(images/panel-header/panel-header-default-framed-collapsed-left-corners.png), corners-rtl:url(images/panel-header/panel-header-default-framed-collapsed-left-corners-rtl.png), sides:url(images/panel-header/panel-header-default-framed-collapsed-left-sides.png)";
}

/*</if slicer>*/
/* */
/* line 434, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-default-framed-top {
  border-bottom-width: 5px !important;
}
/* line 438, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-default-framed-right {
  border-left-width: 5px !important;
}
/* line 442, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-default-framed-bottom {
  border-top-width: 5px !important;
}
/* line 446, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-default-framed-left {
  border-right-width: 5px !important;
}

/* line 452, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-nbr .x-panel-header-default-framed-collapsed-top {
  border-bottom-width: 0 !important;
}
/* line 456, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-nbr .x-panel-header-default-framed-collapsed-right {
  border-left-width: 0 !important;
}
/* line 460, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-nbr .x-panel-header-default-framed-collapsed-bottom {
  border-top-width: 0 !important;
}
/* line 464, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-nbr .x-panel-header-default-framed-collapsed-left {
  border-right-width: 0 !important;
}

/* line 562, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-vertical .x-panel-header-text-container {
  -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;
  transform: rotate(90deg);
  transform-origin: 0 0;
}
/* line 36, ../../../../../../packages/ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x-ie9m .x-panel-header-default-framed-vertical .x-panel-header-text-container {
  background-color: #157fcc;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1), progid:DXImageTransform.Microsoft.Chroma(color=#157fcc);
}

/* line 567, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-vertical .x-rtl.x-panel-header-text-container {
  -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;
  transform: rotate(270deg);
  transform-origin: 100% 0;
}
/* line 36, ../../../../../../packages/ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x-ie9m .x-panel-header-default-framed-vertical .x-rtl.x-panel-header-text-container {
  background-color: #157fcc;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3), progid:DXImageTransform.Microsoft.Chroma(color=#157fcc);
}

/* line 591, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed .x-panel-header-icon {
  width: 16px;
  height: 16px;
  background-position: center center;
}
/* line 596, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed .x-panel-header-glyph {
  color: white;
  font-size: 16px;
  line-height: 16px;
  opacity: 0.5;
}
/* line 613, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-ie8 .x-panel-header-default-framed .x-panel-header-glyph {
  color: #8abfe5;
}

/* line 622, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-horizontal .x-panel-header-icon-before-title {
  margin: 0 6px 0 0;
}
/* line 627, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-horizontal .x-rtl.x-panel-header-icon-before-title {
  margin: 0 0 0 6px;
}
/* line 632, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-horizontal .x-panel-header-icon-after-title {
  margin: 0 0 0 6px;
}
/* line 637, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-horizontal .x-rtl.x-panel-header-icon-after-title {
  margin: 0 6px 0 0;
}

/* line 644, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-vertical .x-panel-header-icon-before-title {
  margin: 0 0 6px 0;
}
/* line 649, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-vertical .x-rtl.x-panel-header-icon-before-title {
  margin: 0 0 6px 0;
}
/* line 654, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-vertical .x-panel-header-icon-after-title {
  margin: 6px 0 0 0;
}
/* line 659, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-vertical .x-rtl.x-panel-header-icon-after-title {
  margin: 6px 0 0 0;
}

/* line 667, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-horizontal .x-tool-after-title {
  margin: 0 0 0 6px;
}
/* line 672, ../../../../../../packages/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 677, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-horizontal .x-tool-before-title {
  margin: 0 6px 0 0;
}
/* line 682, ../../../../../../packages/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 689, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-vertical .x-tool-after-title {
  margin: 6px 0 0 0;
}
/* line 694, ../../../../../../packages/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 699, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-default-framed-vertical .x-tool-before-title {
  margin: 0 0 6px 0;
}
/* line 704, ../../../../../../packages/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 712, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-default-framed-collapsed-border-right {
  border-right-width: 5px !important;
}
/* line 715, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-default-framed-collapsed-border-left {
  border-left-width: 5px !important;
}

/* line 726, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-default-framed-resizable {
  overflow: visible;
}
/* line 729, ../../../../../../packages/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 738, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-default-framed-resizable .x-panel-handle-north-br {
  top: -5px;
}
/* line 741, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-default-framed-resizable .x-panel-handle-south-br {
  bottom: -5px;
}
/* line 744, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-default-framed-resizable .x-panel-handle-east-br {
  right: -5px;
}
/* line 747, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-default-framed-resizable .x-panel-handle-west-br {
  left: -5px;
}
/* line 750, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-default-framed-resizable .x-panel-handle-northwest-br {
  left: -5px;
  top: -5px;
}
/* line 754, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-default-framed-resizable .x-panel-handle-northeast-br {
  right: -5px;
  top: -5px;
}
/* line 758, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-default-framed-resizable .x-panel-handle-southeast-br {
  right: -5px;
  bottom: -5px;
}
/* line 762, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-default-framed-resizable .x-panel-handle-southwest-br {
  left: -5px;
  bottom: -5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/**
 * 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-body-padding=$tip-header-body-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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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 146, ../../../../../../packages/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 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-mc {
  background-color: #eaf3fa;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/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 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-tl {
  background-position: 0 -6px;
}

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

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

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

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

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

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

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

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

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

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

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

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-ml,
.x-tip-default-mr {
  background-image: url(images/tip/tip-default-sides.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-default-mc {
  padding: 0px 0px 0px 0px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-tip-default:after {
  display: none;
  content: "x-slicer:corners:url(images/tip/tip-default-corners.png), sides:url(images/tip/tip-default-sides.png)";
}

/*</if slicer>*/
/* */
/* line 112, ../../../../../../packages/ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-default {
  border-color: #e1e1e1;
}
/* line 121, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-header-default .x-tool-after-title {
  margin: 0 0 0 6px;
}
/* line 141, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-header-default .x-tool-before-title {
  margin: 0 6px 0 0;
}
/* line 151, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-header-body-default {
  padding: 3px 3px 0 3px;
}

/* line 161, ../../../../../../packages/ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-header-text-container-default {
  color: black;
  font-size: 13px;
  font-weight: bold;
}

/* line 167, ../../../../../../packages/ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-body-default {
  padding: 3px;
  color: black;
  font-size: 13px;
  font-weight: normal;
}
/* line 172, ../../../../../../packages/ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-body-default a {
  color: black;
}

/* line 146, ../../../../../../packages/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 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-mc {
  background-color: #eaf3fa;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/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 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-tl {
  background-position: 0 -6px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-tr {
  background-position: right -9px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-bl {
  background-position: 0 -12px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-br {
  background-position: right -15px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-ml {
  background-position: 0 top;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-mr {
  background-position: right top;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-bc {
  background-position: 0 -3px;
}

/* line 359, ../../../../../../packages/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 365, ../../../../../../packages/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 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-tc {
  height: 3px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-bc {
  height: 3px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tip-form-invalid-mc {
  padding: 0px 0px 0px 0px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-tip-form-invalid:after {
  display: none;
  content: "x-slicer:corners:url(images/tip/tip-form-invalid-corners.png), sides:url(images/tip/tip-form-invalid-sides.png)";
}

/*</if slicer>*/
/* */
/* line 112, ../../../../../../packages/ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-form-invalid {
  border-color: #e1e1e1;
}
/* line 121, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-header-form-invalid .x-tool-after-title {
  margin: 0 0 0 6px;
}
/* line 141, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-header-form-invalid .x-tool-before-title {
  margin: 0 6px 0 0;
}
/* line 151, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-header-body-form-invalid {
  padding: 3px 3px 0 3px;
}

/* line 161, ../../../../../../packages/ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-header-text-container-form-invalid {
  color: black;
  font-size: 13px;
  font-weight: bold;
}

/* line 167, ../../../../../../packages/ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-body-form-invalid {
  padding: 3px 3px 3px 22px;
  color: black;
  font-size: 13px;
  font-weight: normal;
}
/* line 172, ../../../../../../packages/ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-body-form-invalid a {
  color: black;
}

/* line 268, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-body-form-invalid li {
  margin-bottom: 4px;
}
/* line 273, ../../../../../../packages/ext-theme-neutral/sass/src/tip/Tip.scss */
.x-tip-body-form-invalid li.last {
  margin-bottom: 0;
}

/**
 * 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, ../../../../../../packages/ext-theme-neutral/sass/src/form/Labelable.scss */
.x-form-item-label-default {
  color: black;
  font: normal 13px/17px helvetica, arial, verdana, sans-serif;
  min-height: 24px;
  padding-top: 4px;
  padding-right: 5px;
}
/* line 104, ../../../../../../packages/ext-theme-neutral/sass/src/form/Labelable.scss */
.x-form-item-label-default.x-form-item-label-top {
  height: 1px;
}
/* line 106, ../../../../../../packages/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 112, ../../../../../../packages/ext-theme-neutral/sass/src/form/Labelable.scss */
.x-form-item-label-default.x-form-item-label-top-side-error:after {
  width: 26px;
}

/* line 117, ../../../../../../packages/ext-theme-neutral/sass/src/form/Labelable.scss */
.x-form-item-body-default {
  min-height: 24px;
}

/* line 121, ../../../../../../packages/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 128, ../../../../../../packages/ext-theme-neutral/sass/src/form/Labelable.scss */
.x-form-invalid-under-default {
  padding: 2px 2px 2px 20px;
  color: #cf4c35;
  font: normal 13px/16px helvetica, arial, verdana, sans-serif;
  background: no-repeat 0 2px;
  background-image: url(images/form/exclamation.png);
}

/* line 136, ../../../../../../packages/ext-theme-neutral/sass/src/form/Labelable.scss */
.x-form-error-wrap-default.x-form-error-wrap-side {
  width: 26px;
}

/* line 141, ../../../../../../packages/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 182, ../../../../../../packages/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 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}).
 *
 * @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, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Display.scss */
.x-form-display-field-default {
  height: 24px;
  font: normal 13px/17px helvetica, arial, verdana, sans-serif;
  color: black;
  margin-top: 4px;
}

/* line 1, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-body {
  background: white;
  border-width: 1px;
  border-style: solid;
  border-color: #c1c1c1;
}

/* line 8, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-empty {
  padding: 10px;
  color: gray;
  background-color: white;
  font: normal 13px helvetica, arial, verdana, sans-serif;
}

/* line 16, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-item {
  table-layout: fixed;
  background-color: white;
}

/* line 21, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-item-alt {
  background-color: #fafafa;
}

/* line 25, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-row {
  outline: none;
}

/* line 29, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-item-over {
  background-color: #e2eff8;
}
/* line 35, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-item-over > tbody > .x-grid-row {
  outline: 1px solid #e2eff8;
}

/* line 40, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-item-focused {
  background-color: #e2eff8;
}
/* line 45, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-item-focused > tbody > .x-grid-row {
  outline: 1px solid #e2eff8;
}

/* line 50, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-item-selected {
  background-color: #c1ddf1;
}
/* line 57, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-item-selected > tbody > .x-grid-row {
  outline: 1px solid #c1ddf1;
}

/* line 63, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-with-row-lines .x-grid-item {
  border-bottom: 1px solid #ededed;
}
/* line 69, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-with-row-lines .x-grid-item-container {
  border-top: 1px solid white;
}

/* line 74, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-cell {
  color: "none";
  font: normal 13px/15px helvetica, arial, verdana, sans-serif;
}

/* line 81, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-cell-inner {
  text-overflow: ellipsis;
  padding: 5px 10px 4px 10px;
}

/* line 96, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-cell-special {
  border-color: #ededed;
  border-style: solid;
  border-right-width: 1px 0;
}

/* line 139, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-rtl.x-grid-cell-special {
  border-right-width: 0;
  border-left-width: 1px 0;
}

/* line 146, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-dirty-cell {
  background: url(images/grid/dirty.png) no-repeat 0 0;
}

/* line 151, ../../../../../../packages/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 159, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-row .x-grid-cell-selected {
  color: "none";
  background-color: #c1ddf1;
}

/* line 165, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-with-col-lines .x-grid-cell {
  border-right: 1px solid #ededed;
}

/* line 171, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-rtl.x-grid-with-col-lines .x-grid-cell {
  border-right: 0 none;
  border-left: 1px solid #ededed;
}

/* line 177, ../../../../../../packages/ext-theme-neutral/sass/src/view/Table.scss */
.x-grid-resize-marker {
  width: 1px;
  background-color: #0f0f0f;
}

/* line 1, ../../../../../../packages/ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-expander {
  cursor: pointer;
}

/* line 7, ../../../../../../packages/ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-arrows .x-tree-expander {
  background-image: url(images/tree/arrows.png);
}
/* line 11, ../../../../../../packages/ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-arrows .x-tree-expander-over .x-tree-expander {
  background-position: -36px center;
}
/* line 15, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-lines .x-tree-elbow {
  background-image: url(images/tree/elbow.png);
}
/* line 48, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-icon {
  width: 16px;
  height: 24px;
}

/* line 128, ../../../../../../packages/ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-elbow-img {
  width: 18px;
  height: 24px;
  margin-right: 2px;
}

/* line 135, ../../../../../../packages/ext-theme-neutral/sass/src/tree/View.scss */
.x-rtl.x-tree-elbow-img {
  margin-right: 0;
  margin-left: 2px;
}

/* line 143, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-icon-leaf {
  background-image: url(images/tree/leaf.png);
}

/* line 156, ../../../../../../packages/ext-theme-neutral/sass/src/tree/View.scss */
.x-rtl.x-tree-icon-leaf {
  background-image: url(images/tree/leaf-rtl.png);
}

/* line 161, ../../../../../../packages/ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-icon-parent {
  background-image: url(images/tree/folder.png);
}

/* line 166, ../../../../../../packages/ext-theme-neutral/sass/src/tree/View.scss */
.x-rtl.x-tree-icon-parent {
  background-image: url(images/tree/folder-rtl.png);
}

/* line 171, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/tree/View.scss */
.x-rtl.x-tree-checkbox {
  margin-right: 0;
  margin-left: 4px;
}

/* line 196, ../../../../../../packages/ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-checkbox-checked {
  background-position: 0 -15px;
}

/* line 200, ../../../../../../packages/ext-theme-neutral/sass/src/tree/View.scss */
.x-grid-tree-loading .x-tree-icon {
  background-image: url(images/tree/loading.gif);
}

/* line 205, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/tree/View.scss */
.x-tree-node-text {
  padding-left: 4px;
}

/* line 215, ../../../../../../packages/ext-theme-neutral/sass/src/tree/View.scss */
.x-rtl.x-tree-node-text {
  padding-left: 0;
  padding-right: 4px;
}

/* line 222, ../../../../../../packages/ext-theme-neutral/sass/src/tree/View.scss */
.x-grid-cell-inner-treecolumn {
  padding: 5px 10px 4px 6px;
}

/* line 2, ../../../../../../packages/ext-theme-neutral/sass/src/grid/header/DropZone.scss */
.col-move-top,
.col-move-bottom {
  width: 9px;
  height: 9px;
}

/* line 7, ../../../../../../packages/ext-theme-neutral/sass/src/grid/header/DropZone.scss */
.col-move-top {
  background-image: url(images/grid/col-move-top.png);
}

/* line 11, ../../../../../../packages/ext-theme-neutral/sass/src/grid/header/DropZone.scss */
.col-move-bottom {
  background-image: url(images/grid/col-move-bottom.png);
}

/* line 1, ../../../../../../packages/ext-theme-neutral/sass/src/grid/header/Container.scss */
.x-grid-header-ct {
  border: 1px solid #c1c1c1;
  border-bottom-color: #f5f5f5;
  background-color: #f5f5f5;
}

/* line 14, ../../../../../../packages/ext-theme-neutral/sass/src/grid/header/Container.scss */
.x-accordion-item .x-grid-header-ct {
  border-width: 0 0 1px !important;
}

/* line 20, ../../../../../../packages/ext-theme-neutral/sass/src/grid/header/Container.scss */
.x-grid-header-ct-hidden {
  border: 0 !important;
}

/* line 29, ../../../../../../packages/ext-theme-neutral/sass/src/grid/header/Container.scss */
.x-grid-body {
  border-top-color: #c1c1c1;
}

/* line 33, ../../../../../../packages/ext-theme-neutral/sass/src/grid/header/Container.scss */
.x-hmenu-sort-asc {
  background-image: url(images/grid/hmenu-asc.png);
}

/* line 37, ../../../../../../packages/ext-theme-neutral/sass/src/grid/header/Container.scss */
.x-hmenu-sort-desc {
  background-image: url(images/grid/hmenu-desc.png);
}

/* line 41, ../../../../../../packages/ext-theme-neutral/sass/src/grid/header/Container.scss */
.x-cols-icon {
  background-image: url(images/grid/columns.png);
}

/* line 1, ../../../../../../packages/ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header {
  border-right: 1px solid #c1c1c1;
  color: #666666;
  font: bold 13px/15px helvetica, arial, verdana, sans-serif;
  background-color: #f5f5f5;
}

/* line 18, ../../../../../../packages/ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-rtl.x-column-header {
  border-right: 0 none;
  border-left: 1px solid #c1c1c1;
}

/* line 24, ../../../../../../packages/ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-group-sub-header {
  background: transparent;
  border-top: 1px solid #c1c1c1;
}
/* line 29, ../../../../../../packages/ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-group-sub-header .x-column-header-inner {
  padding: 6px 10px 7px 10px;
}

/* line 34, ../../../../../../packages/ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header-inner {
  padding: 7px 10px 7px 10px;
  text-overflow: ellipsis;
}

/* line 39, ../../../../../../packages/ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header-inner-empty {
  text-overflow: clip;
}

/* line 48, ../../../../../../packages/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 75, ../../../../../../packages/ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header-open {
  background-color: #eef6fb;
}
/* line 78, ../../../../../../packages/ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header-open .x-column-header-trigger {
  background-color: #dfeaf2;
}

/* line 83, ../../../../../../packages/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 91, ../../../../../../packages/ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-rtl.x-column-header-trigger {
  background-position: center center;
}

/* line 101, ../../../../../../packages/ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header-align-right .x-column-header-text {
  margin-right: 12px;
}

/* line 106, ../../../../../../packages/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 115, ../../../../../../packages/ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header-sort-ASC .x-column-header-text,
.x-column-header-sort-DESC .x-column-header-text {
  padding-right: 17px;
  background-position: right center;
}

/* line 124, ../../../../../../packages/ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header-sort-ASC .x-rtl.x-column-header-text,
.x-column-header-sort-DESC .x-rtl.x-column-header-text {
  padding-right: 0;
  padding-left: 17px;
  background-position: 0 center;
}

/* line 132, ../../../../../../packages/ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header-sort-ASC .x-column-header-text {
  background-image: url(images/grid/sort_asc.png);
}

/* line 135, ../../../../../../packages/ext-theme-neutral/sass/src/grid/column/Column.scss */
.x-column-header-sort-DESC .x-column-header-text {
  background-image: url(images/grid/sort_desc.png);
}

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

/* line 9, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x-layout-split-left {
  background-image: url(images/util/splitter/mini-left.png);
}

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

/* line 34, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Splitter.scss */
.x-layout-split-top {
  background-image: url(images/util/splitter/mini-top.png);
}

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

/* line 53, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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 6, ../../../../../../packages/ext-theme-neutral/sass/src/layout/container/Border.scss */
body.x-border-layout-ct,
div.x-border-layout-ct {
  background-color: #3892d3;
}

/**
 * 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-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-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} [$ui-border-width=$tab-border-width]
 * The border-width of 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-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-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-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-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-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-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-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-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-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-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-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-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 {color} [$ui-inner-border-color=$tab-inner-border-color]
 * The inner border-color of 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-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-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
 *
 * @param {color} [$ui-border-bottom-color=$tabbar-strip-border-color]
 * The bottom border color of inactive tabs.
 *
 * @member Ext.tab.Tab
 */
/**
 * Creates a visual theme for a Tab Bar
 *
 * @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 {number/list} [$ui-strip-plain-border-width=$tabbar-strip-plain-border-width]
 * The border-width of the {@link Ext.tab.Panel#plain plain} 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 {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 {number} [$ui-tab-height]
 * The height of tabs that will be used in this tabbar UI. The tabbar body is given
 * a fixed height to leave room for the tabs, and so that the tabbar does not collapse
 * when it does not contain any tabs.
 *
 * @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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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 {color} [$ui-tab-inner-border-color=$tab-inner-border-color]
 * The inner border-color of 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-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-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 {number/list} [$ui-strip-plain-border-width=$tabbar-strip-plain-border-width]
 * The border-width of the {@link Ext.tab.Panel#plain plain} 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 146, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top {
  -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;
  -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: 8px 12px 7px 12px;
  border-width: 0 0 0 0;
  border-style: solid;
  background-color: #4b9cd7;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-mc {
  background-color: #4b9cd7;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-frameInfo {
  font-family: th-3-3-0-0-0-0-0-0-8-12-7-12;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-tl {
  background-position: 0 -6px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-tr {
  background-position: right -9px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-bl {
  background-position: 0 -12px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-br {
  background-position: right -15px;
}

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

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

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-bc {
  background-position: 0 -3px;
}

/* line 359, ../../../../../../packages/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: 3px;
}

/* line 365, ../../../../../../packages/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: 3px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-tc {
  height: 3px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-bc {
  height: 0;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-top-mc {
  padding: 5px 9px 7px 9px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-tab-default-top:after {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-top-corners.png), sides:url(images/tab/tab-default-top-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-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: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 8px 12px 7px 12px;
  border-width: 0 0 0 0;
  border-style: solid;
  background-color: #4b9cd7;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-mc {
  background-color: #4b9cd7;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-frameInfo {
  font-family: th-0-0-3-3-0-0-0-0-8-12-7-12;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-tl {
  background-position: 0 -6px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-tr {
  background-position: right -9px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-bl {
  background-position: 0 -12px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-br {
  background-position: right -15px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-ml {
  background-position: 0 top;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-mr {
  background-position: right top;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-bc {
  background-position: 0 -3px;
}

/* line 359, ../../../../../../packages/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: 3px;
}

/* line 365, ../../../../../../packages/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: 3px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-tc {
  height: 0;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-bc {
  height: 3px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-bottom-mc {
  padding: 8px 9px 4px 9px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-tab-default-bottom:after {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-bottom-corners.png), sides:url(images/tab/tab-default-bottom-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left {
  -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;
  -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: 8px 12px 7px 12px;
  border-width: 0 0 0 0;
  border-style: solid;
  background-color: #4b9cd7;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-mc {
  background-color: #4b9cd7;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-frameInfo {
  font-family: th-3-3-0-0-0-0-0-0-8-12-7-12;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-tl {
  background-position: 0 -6px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-tr {
  background-position: right -9px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-bl {
  background-position: 0 -12px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-br {
  background-position: right -15px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-ml {
  background-position: 0 top;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-mr {
  background-position: right top;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-bc {
  background-position: 0 -3px;
}

/* line 359, ../../../../../../packages/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: 3px;
}

/* line 365, ../../../../../../packages/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: 3px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-tc {
  height: 3px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-bc {
  height: 0;
}

/* line 383, ../../../../../../packages/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-top-corners.png);
}

/* line 423, ../../../../../../packages/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-top-sides.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-left-mc {
  padding: 5px 9px 7px 9px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-tab-default-left:after {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-top-corners.png), sides:url(images/tab/tab-default-top-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right {
  -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;
  -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: 8px 12px 7px 12px;
  border-width: 0 0 0 0;
  border-style: solid;
  background-color: #4b9cd7;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-mc {
  background-color: #4b9cd7;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-frameInfo {
  font-family: th-3-3-0-0-0-0-0-0-8-12-7-12;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-tl {
  background-position: 0 -6px;
}

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

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-bl {
  background-position: 0 -12px;
}

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

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-ml {
  background-position: 0 top;
}

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

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-bc {
  background-position: 0 -3px;
}

/* line 359, ../../../../../../packages/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: 3px;
}

/* line 365, ../../../../../../packages/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: 3px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-tc {
  height: 3px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-bc {
  height: 0;
}

/* line 383, ../../../../../../packages/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-top-corners.png);
}

/* line 423, ../../../../../../packages/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-top-sides.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-tab-default-right-mc {
  padding: 5px 9px 7px 9px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-tab-default-right:after {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-top-corners.png), sides:url(images/tab/tab-default-top-sides.png)";
}

/*</if slicer>*/
/* */
/* line 309, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default {
  border-color: #157fcc;
  margin: 0 1px 0 0;
  cursor: pointer;
}
/* line 314, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default .x-tab-inner {
  font-size: 13px;
  font-weight: bold;
  font-family: helvetica, arial, verdana, sans-serif;
  color: white;
  line-height: 16px;
}
/* line 324, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default .x-tab-icon-el {
  width: 16px;
  height: 16px;
  line-height: 16px;
  background-position: center center;
}
/* line 331, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default .x-tab-glyph {
  font-size: 16px;
  color: white;
  opacity: 0.5;
}
/* line 346, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-ie8 .x-tab-default .x-tab-glyph {
  color: #a5cdeb;
}
/* line 355, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-ie9 .x-tab-bar-vertical .x-tab-default {
  padding-left: 0;
}
/* line 359, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-ie9 .x-tab-bar-vertical .x-tab-default .x-tab-button {
  padding-left: 12px;
}
/* line 363, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-ie9 .x-tab-bar-vertical .x-tab-default .x-tab-icon-el {
  left: 12px;
}

/* line 371, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-icon .x-tab-inner {
  width: 16px;
}

/* line 378, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-rtl.x-tab-default {
  margin: 0 0 0 1px;
}

/* line 384, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-rtl.x-tab-default {
  margin: 0 0 0 1px;
}

/* line 389, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-left {
  margin: 0 0 0 1px;
}

/* line 394, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-rtl.x-tab-default-left {
  margin: 0 1px 0 0;
}

/* line 401, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-top,
.x-tab-default-left,
.x-tab-default-right {
  border-bottom: 0 solid #157fcc;
}

/* line 422, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-bottom {
  border-top: 0 solid #157fcc;
}

/* line 443, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-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;
  transform: rotate(270deg);
  transform-origin: 100% 0;
}
/* line 36, ../../../../../../packages/ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x-ie9m .x-tab-default-left {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* line 454, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-rtl.x-tab-default-left {
  -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;
  transform: rotate(90deg);
  transform-origin: 0 0;
}
/* line 36, ../../../../../../packages/ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x-ie9m .x-rtl.x-tab-default-left {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

/* line 459, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-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;
  transform: rotate(90deg);
  transform-origin: 0 0;
}
/* line 36, ../../../../../../packages/ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x-ie9m .x-tab-default-right {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

/* line 470, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-rtl.x-tab-default-right {
  -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;
  transform: rotate(270deg);
  transform-origin: 100% 0;
}
/* line 36, ../../../../../../packages/ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x-ie9m .x-rtl.x-tab-default-right {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

/* line 476, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-icon-text-left .x-tab-inner {
  padding-left: 22px;
}

/* line 483, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-rtl.x-tab-default-icon-text-left .x-tab-inner {
  padding-left: 0;
  padding-right: 22px;
}

/* line 490, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-over {
  background-color: #5fa7db;
}
/* line 514, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-over .x-tab-glyph {
  color: white;
}
/* line 522, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-ie8m .x-tab-default-over .x-tab-glyph {
  color: #afd3ed;
}

/* line 552, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-active {
  background-color: #add2ed;
}
/* line 558, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-active .x-tab-inner {
  color: #157fcc;
}
/* line 573, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-active .x-tab-glyph {
  color: #157fcc;
}
/* line 581, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-ie8 .x-tab-default-active .x-tab-glyph {
  color: #61a8dc;
}

/* line 590, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-top-active,
.x-tab-default-left-active,
.x-tab-default-right-active {
  border-bottom: 0 solid #add2ed;
}

/* line 603, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-bottom-active {
  border-top: 0 solid #add2ed;
}

/* line 616, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-disabled {
  cursor: default;
}
/* line 629, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-disabled .x-tab-inner {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
/* line 648, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-disabled .x-tab-icon-el {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 653, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-disabled .x-tab-glyph {
  color: white;
  opacity: 0.3;
  filter: none;
}
/* line 668, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-ie8 .x-tab-default-disabled .x-tab-glyph {
  color: #81b9e3;
}

/* line 678, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-top-disabled,
.x-tab-default-left-disabled,
.x-tab-default-right-disabled {
  border-color: #157fcc #157fcc #157fcc;
}

/* line 682, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-bottom-disabled {
  border-color: #157fcc #157fcc #157fcc #157fcc;
}

/* line 710, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-nbr .x-tab-default {
  background-image: none;
}

/* line 721, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-top-over .x-frame-tl,
.x-tab-default-top-over .x-frame-bl,
.x-tab-default-top-over .x-frame-tr,
.x-tab-default-top-over .x-frame-br,
.x-tab-default-top-over .x-frame-tc,
.x-tab-default-top-over .x-frame-bc,
.x-tab-default-left-over .x-frame-tl,
.x-tab-default-left-over .x-frame-bl,
.x-tab-default-left-over .x-frame-tr,
.x-tab-default-left-over .x-frame-br,
.x-tab-default-left-over .x-frame-tc,
.x-tab-default-left-over .x-frame-bc,
.x-tab-default-right-over .x-frame-tl,
.x-tab-default-right-over .x-frame-bl,
.x-tab-default-right-over .x-frame-tr,
.x-tab-default-right-over .x-frame-br,
.x-tab-default-right-over .x-frame-tc,
.x-tab-default-right-over .x-frame-bc {
  background-image: url(images/tab/tab-default-top-over-corners.png);
}
/* line 725, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-top-over .x-frame-ml,
.x-tab-default-top-over .x-frame-mr,
.x-tab-default-left-over .x-frame-ml,
.x-tab-default-left-over .x-frame-mr,
.x-tab-default-right-over .x-frame-ml,
.x-tab-default-right-over .x-frame-mr {
  background-image: url(images/tab/tab-default-top-over-sides.png);
}
/* line 728, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-top-over .x-frame-mc,
.x-tab-default-left-over .x-frame-mc,
.x-tab-default-right-over .x-frame-mc {
  background-color: #5fa7db;
}

/* line 743, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-bottom-over .x-frame-tl,
.x-tab-default-bottom-over .x-frame-bl,
.x-tab-default-bottom-over .x-frame-tr,
.x-tab-default-bottom-over .x-frame-br,
.x-tab-default-bottom-over .x-frame-tc,
.x-tab-default-bottom-over .x-frame-bc {
  background-image: url(images/tab/tab-default-bottom-over-corners.png);
}
/* line 747, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-bottom-over .x-frame-ml,
.x-tab-default-bottom-over .x-frame-mr {
  background-image: url(images/tab/tab-default-bottom-over-sides.png);
}
/* line 750, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-bottom-over .x-frame-mc {
  background-color: #5fa7db;
}

/* line 767, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-top-active .x-frame-tl,
.x-tab-default-top-active .x-frame-bl,
.x-tab-default-top-active .x-frame-tr,
.x-tab-default-top-active .x-frame-br,
.x-tab-default-top-active .x-frame-tc,
.x-tab-default-top-active .x-frame-bc,
.x-tab-default-left-active .x-frame-tl,
.x-tab-default-left-active .x-frame-bl,
.x-tab-default-left-active .x-frame-tr,
.x-tab-default-left-active .x-frame-br,
.x-tab-default-left-active .x-frame-tc,
.x-tab-default-left-active .x-frame-bc,
.x-tab-default-right-active .x-frame-tl,
.x-tab-default-right-active .x-frame-bl,
.x-tab-default-right-active .x-frame-tr,
.x-tab-default-right-active .x-frame-br,
.x-tab-default-right-active .x-frame-tc,
.x-tab-default-right-active .x-frame-bc {
  background-image: url(images/tab/tab-default-top-active-corners.png);
}
/* line 771, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-top-active .x-frame-ml,
.x-tab-default-top-active .x-frame-mr,
.x-tab-default-left-active .x-frame-ml,
.x-tab-default-left-active .x-frame-mr,
.x-tab-default-right-active .x-frame-ml,
.x-tab-default-right-active .x-frame-mr {
  background-image: url(images/tab/tab-default-top-active-sides.png);
}
/* line 774, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-top-active .x-frame-mc,
.x-tab-default-left-active .x-frame-mc,
.x-tab-default-right-active .x-frame-mc {
  background-color: #add2ed;
}

/* line 789, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-bottom-active .x-frame-tl,
.x-tab-default-bottom-active .x-frame-bl,
.x-tab-default-bottom-active .x-frame-tr,
.x-tab-default-bottom-active .x-frame-br,
.x-tab-default-bottom-active .x-frame-tc,
.x-tab-default-bottom-active .x-frame-bc {
  background-image: url(images/tab/tab-default-bottom-active-corners.png);
}
/* line 793, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-bottom-active .x-frame-ml,
.x-tab-default-bottom-active .x-frame-mr {
  background-image: url(images/tab/tab-default-bottom-active-sides.png);
}
/* line 796, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-bottom-active .x-frame-mc {
  background-color: #add2ed;
}

/* line 813, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-top-disabled .x-frame-tl,
.x-tab-default-top-disabled .x-frame-bl,
.x-tab-default-top-disabled .x-frame-tr,
.x-tab-default-top-disabled .x-frame-br,
.x-tab-default-top-disabled .x-frame-tc,
.x-tab-default-top-disabled .x-frame-bc,
.x-tab-default-left-disabled .x-frame-tl,
.x-tab-default-left-disabled .x-frame-bl,
.x-tab-default-left-disabled .x-frame-tr,
.x-tab-default-left-disabled .x-frame-br,
.x-tab-default-left-disabled .x-frame-tc,
.x-tab-default-left-disabled .x-frame-bc,
.x-tab-default-right-disabled .x-frame-tl,
.x-tab-default-right-disabled .x-frame-bl,
.x-tab-default-right-disabled .x-frame-tr,
.x-tab-default-right-disabled .x-frame-br,
.x-tab-default-right-disabled .x-frame-tc,
.x-tab-default-right-disabled .x-frame-bc {
  background-image: url(images/tab/tab-default-top-disabled-corners.png);
}
/* line 817, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-top-disabled .x-frame-ml,
.x-tab-default-top-disabled .x-frame-mr,
.x-tab-default-left-disabled .x-frame-ml,
.x-tab-default-left-disabled .x-frame-mr,
.x-tab-default-right-disabled .x-frame-ml,
.x-tab-default-right-disabled .x-frame-mr {
  background-image: url(images/tab/tab-default-top-disabled-sides.png);
}
/* line 820, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-top-disabled .x-frame-mc,
.x-tab-default-left-disabled .x-frame-mc,
.x-tab-default-right-disabled .x-frame-mc {
  background-color: #4b9cd7;
}

/* line 835, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-bottom-disabled .x-frame-tl,
.x-tab-default-bottom-disabled .x-frame-bl,
.x-tab-default-bottom-disabled .x-frame-tr,
.x-tab-default-bottom-disabled .x-frame-br,
.x-tab-default-bottom-disabled .x-frame-tc,
.x-tab-default-bottom-disabled .x-frame-bc {
  background-image: url(images/tab/tab-default-bottom-disabled-corners.png);
}
/* line 839, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-bottom-disabled .x-frame-ml,
.x-tab-default-bottom-disabled .x-frame-mr {
  background-image: url(images/tab/tab-default-bottom-disabled-sides.png);
}
/* line 842, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-bottom-disabled .x-frame-mc {
  background-color: #4b9cd7;
}

/* line 872, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default .x-tab-close-btn {
  width: 12px;
  height: 12px;
  background-image: url(images/tab/tab-default-close.png);
}
/* line 881, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default .x-tab-close-btn-over {
  background-position: -12px 0;
}

/* line 891, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default .x-tab-close-btn {
  top: 2px;
  right: 2px;
}

/* line 897, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-rtl.x-tab-default .x-tab-close-btn {
  right: auto;
  left: 2px;
}

/* line 935, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-disabled .x-tab-close-btn {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  background-position: 0 0;
}

/* line 945, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-pressed .x-tab-close-btn {
  background-position: -24px 0;
}

/* line 950, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-tab-default-closable .x-tab-wrap {
  padding-right: 15px;
}

/* line 955, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Tab.scss */
.x-rtl.x-tab-default-closable .x-tab-wrap {
  padding-right: 0px;
  padding-left: 15px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-tab-default-top-over:after {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-top-over-corners.png), sides:url(images/tab/tab-default-top-over-sides.png), stretch:bottom";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-tab-default-bottom-over:after {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-bottom-over-corners.png), sides:url(images/tab/tab-default-bottom-over-sides.png), stretch:top";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-tab-default-top-active:after {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-top-active-corners.png), sides:url(images/tab/tab-default-top-active-sides.png), stretch:bottom";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-tab-default-bottom-active:after {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-bottom-active-corners.png), sides:url(images/tab/tab-default-bottom-active-sides.png), stretch:top";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-tab-default-top-disabled:after {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-top-disabled-corners.png), sides:url(images/tab/tab-default-top-disabled-sides.png), stretch:bottom";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-tab-default-bottom-disabled:after {
  display: none;
  content: "x-slicer:corners:url(images/tab/tab-default-bottom-disabled-corners.png), sides:url(images/tab/tab-default-bottom-disabled-sides.png), stretch:top";
}

/*</if slicer>*/
/* */
/* line 101, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default-top {
  padding: 0;
}

/* line 108, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default-bottom {
  padding: 0 0 0 0;
}

/* line 115, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default-left {
  padding: 0 0 0 0;
}

/* line 123, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-rtl.x-tab-bar-default-left {
  padding: 0 0 0 0;
}

/* line 131, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default-right {
  padding: 0 0 0 0;
}

/* line 139, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-rtl.x-tab-bar-default-right {
  padding: 0 0 0 0;
}

/* line 150, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default-horizontal {
  height: 36px;
}

/* line 156, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default-vertical {
  width: 36px;
}

/* line 161, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-body-default-top {
  padding-bottom: 5px;
}

/* line 165, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-body-default-bottom {
  padding-top: 5px;
}

/* line 169, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-body-default-left {
  padding-right: 5px;
}

/* line 174, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-rtl.x-tab-bar-body-default-left {
  padding-right: 0;
  padding-left: 5px;
}

/* line 180, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-body-default-right {
  padding-left: 5px;
}

/* line 185, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-rtl.x-tab-bar-body-default-right {
  padding-left: 0;
  padding-right: 5px;
}

/* line 191, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-strip-default {
  border-style: solid;
  border-color: #157fcc;
  background-color: #add2ed;
}

/* line 197, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-strip-default-top {
  border-width: 0 0 0 0;
  height: 5px;
}
/* line 200, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-plain .x-tab-bar-strip-default-top {
  border-width: 0 0 0 0;
}

/* line 205, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-strip-default-bottom {
  border-width: 0 0 0 0;
  height: 5px;
}
/* line 208, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-plain .x-tab-bar-strip-default-bottom {
  border-width: 0 0 0 0;
}

/* line 213, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-strip-default-left {
  border-width: 0 0 0 0;
  width: 5px;
}
/* line 216, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-plain .x-tab-bar-strip-default-left {
  border-width: 0 0 0 0;
}

/* line 222, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-rtl.x-tab-bar-strip-default-left {
  border-width: 0 0 0 0;
}
/* line 224, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-plain .x-rtl.x-tab-bar-strip-default-left {
  border-width: 0 0 0 0;
}

/* line 230, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-strip-default-right {
  border-width: 0 0 0 0;
  width: 5px;
}
/* line 233, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-plain .x-tab-bar-strip-default-right {
  border-width: 0 0 0 0;
}

/* line 239, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-rtl.x-tab-bar-strip-default-right {
  border-width: 0 0 0 0;
}
/* line 241, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-plain .x-rtl.x-tab-bar-strip-default-right {
  border-width: 0 0 0 0;
}

/* line 247, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default {
  background-color: #157fcc;
}

/* line 296, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default .x-box-scroller {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  background-color: #157fcc;
}
/* line 312, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default .x-box-scroller-plain .x-box-scroller {
  background-color: transparent;
}
/* line 315, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-ie8 .x-tab-bar-default .x-box-scroller-plain .x-box-scroller {
  background-color: #fff;
}
/* line 323, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default .x-box-scroller-hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
/* line 329, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default .x-box-scroller-pressed {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* line 338, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default .x-tabbar-scroll-left,
.x-tab-bar-default .x-tabbar-scroll-right {
  height: 31px;
  width: 24px;
}
/* line 344, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default .x-tabbar-scroll-top,
.x-tab-bar-default .x-tabbar-scroll-bottom {
  width: 31px;
  height: 24px;
}

/* line 352, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default-bottom .x-box-scroller {
  margin-top: 0;
}
/* line 356, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default-right .x-box-scroller {
  margin-left: 0;
}
/* line 361, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-rtl.x-tab-bar-default-right .x-box-scroller {
  margin-left: 0;
  margin-right: 0;
}

/* line 370, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default .x-tabbar-scroll-left {
  background-image: url(images/tab-bar/default-scroll-left.png);
}
/* line 374, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default .x-tabbar-scroll-right {
  background-image: url(images/tab-bar/default-scroll-right.png);
}
/* line 378, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default .x-tabbar-scroll-top {
  background-image: url(images/tab-bar/default-scroll-top.png);
}
/* line 382, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default .x-tabbar-scroll-bottom {
  background-image: url(images/tab-bar/default-scroll-bottom.png);
}

/* line 389, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-rtl.x-tab-bar-default .x-tabbar-scroll-left {
  background-image: url(images/tab-bar/default-scroll-right.png);
}
/* line 392, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-rtl.x-tab-bar-default .x-tabbar-scroll-right {
  background-image: url(images/tab-bar/default-scroll-left.png);
}

/* line 400, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default .x-box-scroller-plain .x-tabbar-scroll-left {
  background-image: url(images/tab-bar/default-plain-scroll-left.png);
}
/* line 404, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default .x-box-scroller-plain .x-tabbar-scroll-right {
  background-image: url(images/tab-bar/default-plain-scroll-right.png);
}
/* line 408, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default .x-box-scroller-plain .x-tabbar-scroll-top {
  background-image: url(images/tab-bar/default-plain-scroll-top.png);
}
/* line 412, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default .x-box-scroller-plain .x-tabbar-scroll-bottom {
  background-image: url(images/tab-bar/default-plain-scroll-bottom.png);
}

/* line 419, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-rtl.x-tab-bar-default .x-box-scroller-plain .x-tabbar-scroll-left {
  background-image: url(images/tab-bar/default-plain-scroll-right.png);
}
/* line 423, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-rtl.x-tab-bar-default .x-box-scroller-plain .x-tabbar-scroll-right {
  background-image: url(images/tab-bar/default-plain-scroll-left.png);
}

/* line 524, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-default .x-box-scroller-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: 0.25;
  cursor: default;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-tab-bar-default-top:after {
  display: none;
  content: "x-slicer:stretch:bottom";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-tab-bar-default-bottom:after {
  display: none;
  content: "x-slicer:stretch:top";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-tab-bar-default-left:after {
  display: none;
  content: "x-slicer:stretch:right";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-tab-bar-default-right:after {
  display: none;
  content: "x-slicer:stretch:left";
}

/*</if slicer>*/
/* */
/* line 974, ../../../../../../packages/ext-theme-neutral/sass/src/tab/Bar.scss */
.x-tab-bar-plain {
  border-width: 0;
  padding: 0;
  height: 36px;
}

/**
 * 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 588, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-ghost {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/* line 212, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-default {
  border-color: #3892d3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

/* line 146, ../../../../../../packages/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: 0px 0px 0px 0px;
  border-width: 5px;
  border-style: solid;
  background-color: white;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-mc {
  background-color: white;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-frameInfo {
  font-family: dh-4-4-4-4-5-5-5-5-0-0-0-0;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-br {
  background-position: right -25px;
}

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

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

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

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-tr,
.x-window-default-br,
.x-window-default-mr {
  padding-right: 5px;
}

/* line 365, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-tl,
.x-window-default-bl,
.x-window-default-ml {
  padding-left: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-ml,
.x-window-default-mr {
  background-image: url(images/window/window-default-sides.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-default-mc {
  padding: 0px 0px 0px 0px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-window-default:after {
  display: none;
  content: "x-slicer:corners:url(images/window/window-default-corners.png), sides:url(images/window/window-default-sides.png)";
}

/*</if slicer>*/
/* */
/* line 234, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-body-default {
  border-color: #3892d3;
  border-width: 1px;
  border-style: solid;
  background: white;
  color: black;
  font-size: 13px;
  font-weight: normal;
  font-family: helvetica, arial, verdana, sans-serif;
}

/* line 248, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default {
  font-size: 13px;
  border-color: #3892d3;
  background-color: #3892d3;
}
/* line 253, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default .x-tool-img {
  background-color: #3892d3;
}

/* line 264, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-vertical .x-window-header-text-container {
  -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;
  transform: rotate(90deg);
  transform-origin: 0 0;
}
/* line 36, ../../../../../../packages/ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x-ie9m .x-window-header-default-vertical .x-window-header-text-container {
  background-color: #3892d3;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1), progid:DXImageTransform.Microsoft.Chroma(color=#3892d3);
}

/* line 269, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-vertical .x-rtl.x-window-header-text-container {
  -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;
  transform: rotate(270deg);
  transform-origin: 100% 0;
}
/* line 36, ../../../../../../packages/ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x-ie9m .x-window-header-default-vertical .x-rtl.x-window-header-text-container {
  background-color: #3892d3;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3), progid:DXImageTransform.Microsoft.Chroma(color=#3892d3);
}

/* line 274, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-text-container-default {
  color: white;
  font-weight: bold;
  line-height: 16px;
  font-family: helvetica, arial, verdana, sans-serif;
  font-size: 13px;
  padding: 0;
  text-transform: none;
}

/* line 146, ../../../../../../packages/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: 5px 5px 5px 5px;
  border-width: 5px 5px 5px 5px;
  border-style: solid;
  background-color: #3892d3;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-mc {
  background-color: #3892d3;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-frameInfo {
  font-family: dh-4-4-0-0-5-5-5-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-ml {
  background-position: 0 top;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-mr {
  background-position: right top;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/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: 5px;
}

/* line 365, ../../../../../../packages/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: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-top-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-window-header-default-top:after {
  display: none;
  content: "x-slicer:corners:url(images/window-header/window-header-default-top-corners.png), sides:url(images/window-header/window-header-default-top-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/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: 5px 5px 5px 5px;
  border-width: 5px 5px 5px 5px;
  border-style: solid;
  background-color: #3892d3;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-mc {
  background-color: #3892d3;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-frameInfo {
  font-family: dh-0-4-4-0-5-5-5-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-ml {
  background-position: 0 top;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-mr {
  background-position: right top;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/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: 5px;
}

/* line 365, ../../../../../../packages/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: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 397, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-right-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-window-header-default-right:after {
  display: none;
  content: "x-slicer:corners:url(images/window-header/window-header-default-right-corners.png), corners-rtl:url(images/window-header/window-header-default-right-corners-rtl.png), sides:url(images/window-header/window-header-default-right-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/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: 5px 5px 5px 5px;
  border-width: 5px 5px 5px 5px;
  border-style: solid;
  background-color: #3892d3;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-mc {
  background-color: #3892d3;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-frameInfo {
  font-family: dh-0-0-4-4-5-5-5-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-ml {
  background-position: 0 top;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-mr {
  background-position: right top;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/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: 5px;
}

/* line 365, ../../../../../../packages/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: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-bottom-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-window-header-default-bottom:after {
  display: none;
  content: "x-slicer:corners:url(images/window-header/window-header-default-bottom-corners.png), sides:url(images/window-header/window-header-default-bottom-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/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: 5px 5px 5px 5px;
  border-width: 5px 5px 5px 5px;
  border-style: solid;
  background-color: #3892d3;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-mc {
  background-color: #3892d3;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-frameInfo {
  font-family: dh-4-0-0-4-5-5-5-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-ml {
  background-position: 0 top;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-mr {
  background-position: right top;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/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: 5px;
}

/* line 365, ../../../../../../packages/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: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 397, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-left-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-window-header-default-left:after {
  display: none;
  content: "x-slicer:corners:url(images/window-header/window-header-default-left-corners.png), corners-rtl:url(images/window-header/window-header-default-left-corners-rtl.png), sides:url(images/window-header/window-header-default-left-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/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: 5px 5px 5px 5px;
  border-width: 5px;
  border-style: solid;
  background-color: #3892d3;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-mc {
  background-color: #3892d3;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-frameInfo {
  font-family: dh-4-4-4-4-5-5-5-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-ml {
  background-position: 0 top;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-mr {
  background-position: right top;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/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: 5px;
}

/* line 365, ../../../../../../packages/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: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-top-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-window-header-default-collapsed-top:after {
  display: none;
  content: "x-slicer:corners:url(images/window-header/window-header-default-collapsed-top-corners.png), sides:url(images/window-header/window-header-default-collapsed-top-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/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: 5px 5px 5px 5px;
  border-width: 5px;
  border-style: solid;
  background-color: #3892d3;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-mc {
  background-color: #3892d3;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-frameInfo {
  font-family: dh-4-4-4-4-5-5-5-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-ml {
  background-position: 0 top;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-mr {
  background-position: right top;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/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: 5px;
}

/* line 365, ../../../../../../packages/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: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 397, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-right-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-window-header-default-collapsed-right:after {
  display: none;
  content: "x-slicer:corners:url(images/window-header/window-header-default-collapsed-right-corners.png), corners-rtl:url(images/window-header/window-header-default-collapsed-right-corners-rtl.png), sides:url(images/window-header/window-header-default-collapsed-right-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/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: 5px 5px 5px 5px;
  border-width: 5px;
  border-style: solid;
  background-color: #3892d3;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-mc {
  background-color: #3892d3;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-frameInfo {
  font-family: dh-4-4-4-4-5-5-5-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-ml {
  background-position: 0 top;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-mr {
  background-position: right top;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/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: 5px;
}

/* line 365, ../../../../../../packages/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: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-bottom-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-window-header-default-collapsed-bottom:after {
  display: none;
  content: "x-slicer:corners:url(images/window-header/window-header-default-collapsed-bottom-corners.png), sides:url(images/window-header/window-header-default-collapsed-bottom-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/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: 5px 5px 5px 5px;
  border-width: 5px;
  border-style: solid;
  background-color: #3892d3;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-mc {
  background-color: #3892d3;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-frameInfo {
  font-family: dh-4-4-4-4-5-5-5-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-ml {
  background-position: 0 top;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-mr {
  background-position: right top;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/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: 5px;
}

/* line 365, ../../../../../../packages/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: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 397, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-window-header-default-collapsed-left-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-window-header-default-collapsed-left:after {
  display: none;
  content: "x-slicer:corners:url(images/window-header/window-header-default-collapsed-left-corners.png), corners-rtl:url(images/window-header/window-header-default-collapsed-left-corners-rtl.png), sides:url(images/window-header/window-header-default-collapsed-left-sides.png)";
}

/*</if slicer>*/
/* */
/* line 396, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default .x-window-header-icon {
  width: 16px;
  height: 16px;
  color: white;
  font-size: 16px;
  line-height: 16px;
  background-position: center center;
}
/* line 405, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default .x-window-header-glyph {
  color: white;
  font-size: 16px;
  line-height: 16px;
  opacity: 0.5;
}
/* line 422, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-ie8 .x-window-header-default .x-window-header-glyph {
  color: #9bc8e9;
}

/* line 431, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-horizontal .x-window-header-icon-before-title {
  margin: 0 6px 0 0;
}
/* line 436, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-horizontal .x-rtl.x-window-header-icon-before-title {
  margin: 0 0 0 6px;
}
/* line 441, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-horizontal .x-window-header-icon-after-title {
  margin: 0 0 0 6px;
}
/* line 446, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-horizontal .x-rtl.x-window-header-icon-after-title {
  margin: 0 6px 0 0;
}

/* line 453, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-vertical .x-window-header-icon-before-title {
  margin: 0 0 6px 0;
}
/* line 458, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-vertical .x-rtl.x-window-header-icon-before-title {
  margin: 0 0 6px 0;
}
/* line 463, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-vertical .x-window-header-icon-after-title {
  margin: 6px 0 0 0;
}
/* line 468, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-vertical .x-rtl.x-window-header-icon-after-title {
  margin: 6px 0 0 0;
}

/* line 476, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-horizontal .x-tool-after-title {
  margin: 0 0 0 6px;
}
/* line 481, ../../../../../../packages/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 486, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-horizontal .x-tool-before-title {
  margin: 0 6px 0 0;
}
/* line 491, ../../../../../../packages/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 498, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-vertical .x-tool-after-title {
  margin: 6px 0 0 0;
}
/* line 503, ../../../../../../packages/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 508, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default-vertical .x-tool-before-title {
  margin: 0 0 6px 0;
}
/* line 513, ../../../../../../packages/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 522, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-header-default {
  border-width: 5px !important;
}

/* line 532, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-nbr .x-window-default-collapsed .x-window-header {
  border-width: 0 !important;
}

/* line 543, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-default-resizable {
  overflow: visible;
}
/* line 548, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-default-resizable .x-window-handle-north-br {
  top: -5px;
}
/* line 551, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-default-resizable .x-window-handle-south-br {
  bottom: -5px;
}
/* line 554, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-default-resizable .x-window-handle-east-br {
  right: -5px;
}
/* line 557, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-default-resizable .x-window-handle-west-br {
  left: -5px;
}
/* line 560, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-default-resizable .x-window-handle-northwest-br {
  left: -5px;
  top: -5px;
}
/* line 564, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-default-resizable .x-window-handle-northeast-br {
  right: -5px;
  top: -5px;
}
/* line 568, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-default-resizable .x-window-handle-southeast-br {
  right: -5px;
  bottom: -5px;
}
/* line 572, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-default-resizable .x-window-handle-southwest-br {
  left: -5px;
  bottom: -5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 598, ../../../../../../packages/ext-theme-neutral/sass/src/window/Window.scss */
.x-window-body-plain {
  background-color: transparent;
}

/**
 * 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, ../../../../../../packages/ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x-btn-group-default {
  border-color: #dfeaf2;
  -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, ../../../../../../packages/ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x-btn-group-header-default {
  padding: 4px 5px;
  line-height: 16px;
  background: #dfeaf2;
  -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, ../../../../../../packages/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: #dfeaf2;
}

/* line 132, ../../../../../../packages/ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x-btn-group-header-text-container-default {
  font: normal 13px helvetica, arial, verdana, sans-serif;
  line-height: 16px;
  color: #666666;
}

/* line 138, ../../../../../../packages/ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x-btn-group-body-default {
  padding: 0 1px;
}
/* line 140, ../../../../../../packages/ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x-btn-group-body-default .x-table-layout {
  border-spacing: 5px;
}

/* line 146, ../../../../../../packages/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 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-mc {
  background-color: white;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/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 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-tl {
  background-position: 0 -6px;
}

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

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

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

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

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

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

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

/* line 359, ../../../../../../packages/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 365, ../../../../../../packages/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 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-tc {
  height: 3px;
}

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

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-mc {
  padding: 0px 1px 0px 1px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-group-default-framed:after {
  display: none;
  content: "x-slicer:corners:url(images/btn-group/btn-group-default-framed-corners.png), sides:url(images/btn-group/btn-group-default-framed-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/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 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-mc {
  background-color: white;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/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 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-tl {
  background-position: 0 -6px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-tr {
  background-position: right -9px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-bl {
  background-position: 0 -12px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-br {
  background-position: right -15px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-ml {
  background-position: 0 top;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-mr {
  background-position: right top;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-bc {
  background-position: 0 -3px;
}

/* line 359, ../../../../../../packages/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 365, ../../../../../../packages/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 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-tc {
  height: 3px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-bc {
  height: 3px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-group-default-framed-notitle-mc {
  padding: 0px 1px 0px 1px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-group-default-framed-notitle:after {
  display: none;
  content: "x-slicer:corners:url(images/btn-group/btn-group-default-framed-notitle-corners.png), sides:url(images/btn-group/btn-group-default-framed-notitle-sides.png)";
}

/*</if slicer>*/
/* */
/* line 101, ../../../../../../packages/ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x-btn-group-default-framed {
  border-color: #dfeaf2;
  -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, ../../../../../../packages/ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x-btn-group-header-default-framed {
  padding: 4px 5px;
  line-height: 16px;
  background: #dfeaf2;
  -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, ../../../../../../packages/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: #dfeaf2;
}

/* line 132, ../../../../../../packages/ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x-btn-group-header-text-container-default-framed {
  font: normal 13px helvetica, arial, verdana, sans-serif;
  line-height: 16px;
  color: #666666;
}

/* line 138, ../../../../../../packages/ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x-btn-group-body-default-framed {
  padding: 0 1px 0 1px;
}
/* line 140, ../../../../../../packages/ext-theme-neutral/sass/src/container/ButtonGroup.scss */
.x-btn-group-body-default-framed .x-table-layout {
  border-spacing: 5px;
}

/* line 1, ../../../../../../packages/ext-theme-neutral/sass/src/dashboard/Dashboard.scss */
.x-dashboard-column {
  padding: 0 0 7px 0;
}

/* line 5, ../../../../../../packages/ext-theme-neutral/sass/src/dashboard/Dashboard.scss */
.x-dashboard-panel {
  margin-top: 7px;
}

/* line 9, ../../../../../../packages/ext-theme-neutral/sass/src/dashboard/Dashboard.scss */
.x-dashboard-column-first {
  padding-left: 7px;
}

/* line 13, ../../../../../../packages/ext-theme-neutral/sass/src/dashboard/Dashboard.scss */
.x-dashboard-column-last {
  padding-right: 7px;
}

/* line 17, ../../../../../../packages/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 27, ../../../../../../packages/ext-theme-neutral/sass/src/dashboard/Dashboard.scss */
.x-dashboard-dd-over {
  overflow: hidden !important;
}

/**
 * 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 {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} [$form-text-field-invalid-background-color=$form-field-invalid-background-color]
 * Background color of the input element when the field value is invalid.
 *
 * @param {string} [$form-text-field-invalid-background-image=$form-field-invalid-background-image]
 * Background image of the input element when the field value is invalid.
 *
 * @param {string} [$form-text-field-invalid-background-repeat=$form-field-invalid-background-repeat]
 * Background repeat of the input element when the field value is invalid.
 *
 * @param {string/list} [$form-text-field-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 189, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-text-field-body-default {
  min-width: 170px;
  max-width: 170px;
}

/* line 209, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger-wrap-default {
  border-width: 1px;
  border-style: solid;
  border-color: #c1c1c1 #d9d9d9 #d9d9d9;
}
/* line 214, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger-wrap-default.x-form-trigger-wrap-focus {
  border-color: #3892d3;
}
/* line 218, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger-wrap-default.x-form-trigger-wrap-invalid {
  border-color: #cf4c35;
}

/* line 240, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-text-default {
  color: black;
  padding: 4px 6px 3px 6px;
  background-color: white;
  font: normal 13px/15px helvetica, arial, verdana, sans-serif;
  min-height: 22px;
}
/* line 250, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-text-default.x-form-textarea {
  line-height: 15px;
  min-height: 60px;
}
/* line 255, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-text-default.x-form-text-file {
  color: gray;
}

/* line 260, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-empty-field-default {
  color: gray;
}

/* line 264, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-invalid-field-default {
  background-color: white;
}

/* line 273, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger-default {
  background: white url(images/form/trigger.png) no-repeat;
  width: 22px;
}
/* line 284, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger-default.x-rtl {
  background-image: url(images/form/trigger-rtl.png);
}
/* line 289, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger-default.x-form-trigger-over {
  background-position: -22px 0;
}
/* line 295, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger-default.x-form-trigger-over.x-form-trigger-focus {
  background-position: -88px 0;
}
/* line 300, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger-default.x-form-trigger-focus {
  background-position: -66px 0;
}

/* line 309, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger.x-form-trigger-default.x-form-trigger-click {
  background-position: -44px 0;
}

/* line 367, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-clear-trigger {
  background-image: url(images/form/clear-trigger.png);
}
/* line 370, ../../../../../../packages/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 376, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-search-trigger {
  background-image: url(images/form/search-trigger.png);
}
/* line 379, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/window/MessageBox.scss */
.x-message-box .x-window-body {
  background-color: white;
  border-width: 0;
}

/* line 13, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/window/MessageBox.scss */
.x-message-box-icon {
  height: 32px;
  width: 32px;
  margin-right: 10px;
}

/* line 35, ../../../../../../packages/ext-theme-neutral/sass/src/window/MessageBox.scss */
.x-message-box-info {
  background-image: url(images/shared/icon-info.png);
}

/* line 39, ../../../../../../packages/ext-theme-neutral/sass/src/window/MessageBox.scss */
.x-message-box-warning {
  background-image: url(images/shared/icon-warning.png);
}

/* line 43, ../../../../../../packages/ext-theme-neutral/sass/src/window/MessageBox.scss */
.x-message-box-question {
  background-image: url(images/shared/icon-question.png);
}

/* line 47, ../../../../../../packages/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}).
 *
 * @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, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-wrap-default {
  height: 24px;
}

/* line 61, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-default {
  margin-top: 5px;
}

/* line 67, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-checkbox-default,
.x-form-radio-default {
  width: 15px;
  height: 15px;
}

/* line 72, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-radio-default {
  background: url(images/form/radio.png) no-repeat;
}
/* line 75, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-checked .x-form-radio-default {
  background-position: 0 -15px;
}

/* line 80, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-checkbox-default {
  background: url(images/form/checkbox.png) no-repeat;
}
/* line 83, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-checked .x-form-checkbox-default {
  background-position: 0 -15px;
}

/* line 88, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-field-default-form-checkbox-focus {
  background-position: -15px 0;
}
/* line 92, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-label-default {
  margin-top: 4px;
  font: normal helvetica, arial, verdana, sans-serif/17px helvetica, arial, verdana, sans-serif;
}
/* line 101, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-label-default.x-form-cb-label-before {
  padding-right: 19px;
}
/* line 105, ../../../../../../packages/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 112, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-label-default.x-form-cb-label-after {
  padding-left: 19px;
}
/* line 117, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-label-default.x-rtl {
  padding-left: 0;
  padding-right: 19px;
}

/**
 * Creates a visual theme for a CheckboxGroup buttons.  Note this mixin only provides
 * styling for the CheckboxGroup body 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/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, ../../../../../../packages/ext-theme-neutral/sass/src/form/CheckboxGroup.scss */
.x-form-item-body-default.x-form-checkboxgroup-body {
  padding: 0 4px;
}
/* line 47, ../../../../../../packages/ext-theme-neutral/sass/src/form/CheckboxGroup.scss */
.x-form-invalid .x-form-item-body-default.x-form-checkboxgroup-body {
  border-width: 1px;
  border-width: solid;
  border-width: #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 #extjs-label}.
 *
 * @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 109, ../../../../../../packages/ext-theme-neutral/sass/src/form/FieldSet.scss */
.x-fieldset-default {
  border: 1px solid #afafaf;
  padding: 0 10px;
  margin: 0 0 10px;
}

/* line 122, ../../../../../../packages/ext-theme-neutral/sass/src/form/FieldSet.scss */
.x-ie8 .x-fieldset-default {
  padding-top: 0;
}
/* line 125, ../../../../../../packages/ext-theme-neutral/sass/src/form/FieldSet.scss */
.x-ie8 .x-fieldset-body-default {
  padding-top: 0;
}

/* line 131, ../../../../../../packages/ext-theme-neutral/sass/src/form/FieldSet.scss */
.x-fieldset-header-default {
  padding: 0 3px 1px;
  line-height: 16px;
}
/* line 135, ../../../../../../packages/ext-theme-neutral/sass/src/form/FieldSet.scss */
.x-fieldset-header-default > .x-fieldset-header-text {
  font: normal 12px/16px helvetica, arial, verdana, sans-serif;
  color: black;
  padding: 1px 0;
}

/* line 142, ../../../../../../packages/ext-theme-neutral/sass/src/form/FieldSet.scss */
.x-fieldset-header-checkbox-default {
  margin: 2px 4px 0 0;
  line-height: 16px;
}
/* line 145, ../../../../../../packages/ext-theme-neutral/sass/src/form/FieldSet.scss */
.x-fieldset-header-checkbox-default.x-rtl {
  margin: 2px 0 0 4px;
}

/* line 152, ../../../../../../packages/ext-theme-neutral/sass/src/form/FieldSet.scss */
.x-fieldset-header-tool-default {
  margin: 2px 4px 0 0;
  padding: 0;
}
/* line 155, ../../../../../../packages/ext-theme-neutral/sass/src/form/FieldSet.scss */
.x-fieldset-header-tool-default.x-rtl {
  margin: 2px 0 0 4px;
}
/* line 161, ../../../../../../packages/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 168, ../../../../../../packages/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 174, ../../../../../../packages/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 179, ../../../../../../packages/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 186, ../../../../../../packages/ext-theme-neutral/sass/src/form/FieldSet.scss */
.x-fieldset-header-tool-default.x-tool-over > .x-tool-toggle {
  background-position: 0 -15px;
}

/* line 193, ../../../../../../packages/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 201, ../../../../../../packages/ext-theme-neutral/sass/src/form/FieldSet.scss */
.x-fieldset-default.x-fieldset-collapsed .x-tool-toggle {
  background-position: -15px 0;
}
/* line 205, ../../../../../../packages/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 #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 #$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.field.Spinner
 */
/* line 59, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-trigger-spinner-default {
  width: 22px;
}

/* line 66, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-default {
  background-image: url(images/form/spinner.png);
  background-color: white;
  width: 22px;
  height: 11px;
}
/* line 70, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-default.x-rtl {
  background-image: url(images/form/spinner-rtl.png);
}

/* line 102, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-up-default {
  background-position: 0 0;
}
/* line 105, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-up-default.x-form-spinner-over {
  background-position: -22px 0;
}
/* line 107, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-up-default.x-form-spinner-over.x-form-spinner-focus {
  background-position: -88px 0;
}
/* line 112, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-up-default.x-form-spinner-focus {
  background-position: -66px 0;
}
/* line 117, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-up-default.x-form-spinner.x-form-spinner-click {
  background-position: -44px 0;
}

/* line 122, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-down-default {
  background-position: 0 -11px;
}
/* line 125, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-down-default.x-form-spinner-over {
  background-position: -22px -11px;
}
/* line 127, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-down-default.x-form-spinner-over.x-form-spinner-focus {
  background-position: -88px -11px;
}
/* line 132, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-down-default.x-form-spinner-focus {
  background-position: -66px -11px;
}
/* line 137, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-down-default.x-form-spinner.x-form-spinner-click {
  background-position: -44px -11px;
}

/* line 1, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x-tbar-page-number {
  width: 30px;
}

/* line 5, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x-tbar-page-first {
  background-image: url(images/grid/page-first.png);
}

/* line 9, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x-tbar-page-prev {
  background-image: url(images/grid/page-prev.png);
}

/* line 13, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x-tbar-page-next {
  background-image: url(images/grid/page-next.png);
}

/* line 17, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x-tbar-page-last {
  background-image: url(images/grid/page-last.png);
}

/* line 21, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x-tbar-loading {
  background-image: url(images/grid/refresh.png);
}

/* line 51, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x-rtl.x-tbar-page-first {
  background-image: url(images/grid/page-last.png);
}
/* line 55, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x-rtl.x-tbar-page-prev {
  background-image: url(images/grid/page-next.png);
}
/* line 59, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x-rtl.x-tbar-page-next {
  background-image: url(images/grid/page-prev.png);
}
/* line 63, ../../../../../../packages/ext-theme-neutral/sass/src/toolbar/Paging.scss */
.x-rtl.x-tbar-page-last {
  background-image: url(images/grid/page-first.png);
}

/* line 1, ../../../../../../packages/ext-theme-neutral/sass/src/view/BoundList.scss */
.x-boundlist {
  border-width: 1px;
  border-style: solid;
  border-color: #e1e1e1;
  background: white;
}

/* line 8, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/view/BoundList.scss */
.x-boundlist-selected {
  background: #c1ddf1;
  border-color: #c1ddf1;
}

/* line 29, ../../../../../../packages/ext-theme-neutral/sass/src/view/BoundList.scss */
.x-boundlist-item-over {
  background: #d6e8f6;
  border-color: #d6e8f6;
}

/* line 34, ../../../../../../packages/ext-theme-neutral/sass/src/view/BoundList.scss */
.x-boundlist-floating {
  border-top-width: 0;
}

/* line 38, ../../../../../../packages/ext-theme-neutral/sass/src/view/BoundList.scss */
.x-boundlist-above {
  border-top-width: 1px;
  border-bottom-width: 1px;
}

/* line 9, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
a.x-datepicker-arrow:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 56, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-month .x-btn-inner {
  color: #3892d3;
}
/* line 89, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-month .x-btn-split-right {
  background-image: url(images/datepicker/month-arrow.png);
  padding-right: 8px;
}

/* line 95, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-column-header {
  width: 30px;
  color: black;
  font: bold 13px helvetica, arial, verdana, sans-serif;
  text-align: right;
  background-image: none;
  background-color: white;
}

/* line 114, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-column-header-inner {
  line-height: 25px;
  padding: 0 9px 0 0;
}

/* line 119, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-cell {
  text-align: right;
  border-width: 1px;
  border-style: solid;
  border-color: white;
}

/* line 129, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-date {
  padding: 0 7px 0 0;
  font: normal 13px helvetica, arial, verdana, sans-serif;
  color: black;
  cursor: pointer;
  line-height: 23px;
}

/* line 139, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
a.x-datepicker-date:hover {
  color: black;
  background-color: #eaf3fa;
}

/* line 144, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-selected {
  border-style: solid;
  border-color: #3892d3;
}
/* line 147, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-selected .x-datepicker-date {
  background-color: #d6e8f6;
  font-weight: bold;
}

/* line 153, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-today {
  border-color: darkred;
  border-style: solid;
}

/* line 160, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-prevday .x-datepicker-date,
.x-datepicker-nextday .x-datepicker-date {
  color: #bfbfbf;
}

/* line 167, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-disabled a.x-datepicker-date {
  background-color: #eeeeee;
  cursor: default;
  color: gray;
}

/* line 175, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-disabled a.x-datepicker-date:hover {
  background-color: #eeeeee;
}

/* line 180, ../../../../../../packages/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 196, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-datepicker-footer .x-btn,
.x-monthpicker-buttons .x-btn {
  margin: 0 3px 0 2px;
}

/* line 202, ../../../../../../packages/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 212, ../../../../../../packages/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 221, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-months .x-monthpicker-item {
  width: 52px;
}

/* line 226, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-years {
  width: 105px;
}
/* line 229, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-years .x-monthpicker-item {
  width: 52px;
}

/* line 234, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-item {
  margin: 5px 0 5px;
  font: normal 13px helvetica, arial, verdana, sans-serif;
  text-align: center;
}

/* line 240, ../../../../../../packages/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 255, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
a.x-monthpicker-item-inner:hover {
  background-color: #eaf3fa;
}

/* line 259, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-selected {
  background-color: #d6e8f6;
  border-style: solid;
  border-color: #3892d3;
}

/* line 265, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-yearnav {
  height: 34px;
}

/* line 269, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-yearnav-button-ct {
  width: 52px;
}

/* line 273, ../../../../../../packages/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 291, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
a.x-monthpicker-yearnav-button:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 296, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-yearnav-next {
  background: url(images/datepicker/arrow-right.png) no-repeat 0 0;
}

/* line 300, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-yearnav-next-over {
  background-position: 0 0;
}

/* line 304, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-yearnav-prev {
  background: url(images/datepicker/arrow-left.png) no-repeat 0 0;
}

/* line 308, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-yearnav-prev-over {
  background-position: 0 0;
}

/* line 313, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-small .x-monthpicker-item {
  margin: 2px 0 2px;
}
/* line 317, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-small .x-monthpicker-item-inner {
  margin: 0 5px 0 5px;
}
/* line 321, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-small .x-monthpicker-yearnav {
  height: 28px;
}
/* line 325, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Date.scss */
.x-monthpicker-small .x-monthpicker-yearnav-button {
  margin-top: 8px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-datepicker-header:after {
  display: none;
  content: "x-slicer:stretch:bottom";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-datepicker-footer:after {
  display: none;
  content: "x-slicer:stretch:bottom";
}

/*</if slicer>*/
/* */
/* line 1, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Date.scss */
.x-form-date-trigger {
  background-image: url(images/form/date-trigger.png);
}

/* line 6, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Date.scss */
.x-rtl.x-form-trigger-wrap .x-form-date-trigger {
  background-image: url(images/form/date-trigger-rtl.png);
}

/* line 1, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Color.scss */
a.x-color-picker-item:hover {
  border-color: #8bb8f3;
  background-color: #e6e6e6;
}

/* line 27, ../../../../../../packages/ext-theme-neutral/sass/src/picker/Color.scss */
.x-color-picker-selected {
  border-color: #8bb8f3;
  background-color: #e6e6e6;
}

/* line 32, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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: -128px 0;
  background-image: url(images/editor/tb-sprite.png);
}

/* line 49, ../../../../../../packages/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: -144px 0;
  background-image: url(images/editor/tb-sprite.png);
}

/* line 55, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-tb .x-font-select {
  font-size: 13px;
  font-family: inherit;
}

/* line 100, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-wrap textarea {
  font: normal 13px helvetica, arial, verdana, sans-serif;
  background-color: white;
  resize: none;
}

/* line 1, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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 1, ../../../../../../packages/ext-theme-neutral/sass/src/grid/column/Action.scss */
.x-grid-cell-inner-action-col {
  padding: 4px 4px 4px 4px;
}

/* line 12, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/grid/column/Action.scss */
.x-action-col-icon {
  height: 16px;
  width: 16px;
  cursor: pointer;
}

/* line 1, ../../../../../../packages/ext-theme-neutral/sass/src/grid/column/Check.scss */
.x-grid-cell-inner-checkcolumn {
  padding: 5px 10px 4px 10px;
}

/* line 12, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/grid/column/Check.scss */
.x-grid-checkcolumn-checked {
  background-position: 0 -15px;
}

/* line 1, ../../../../../../packages/ext-theme-neutral/sass/src/grid/column/RowNumberer.scss */
.x-grid-cell-inner-row-numberer {
  padding: 5px 5px 4px 3px;
}

/* line 1, ../../../../../../packages/ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x-grid-group-hd {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #c1c1c1;
  padding: 7px 4px;
  background: #f5f5f5;
  cursor: pointer;
}

/* line 10, ../../../../../../packages/ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x-grid-group-hd-not-collapsible {
  cursor: default;
}

/* line 15, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x-grid-group-title {
  color: #666666;
  font: bold 13px/15px helvetica, arial, verdana, sans-serif;
}

/* line 36, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x-group-by-icon {
  background-image: url(images/grid/group-by.png);
}

/* line 49, ../../../../../../packages/ext-theme-neutral/sass/src/grid/feature/Grouping.scss */
.x-show-groups-icon {
  background-image: url(images/grid/group-by.png);
}

/* line 1, ../../../../../../packages/ext-theme-neutral/sass/src/grid/feature/RowBody.scss */
.x-grid-rowbody {
  font: normal 13px/15px helvetica, arial, verdana, sans-serif;
  padding: 5px 10px 5px 10px;
}

/* line 1, ../../../../../../packages/ext-theme-neutral/sass/src/grid/feature/Summary.scss */
.x-docked-summary {
  border-width: 1px;
  border-color: #c1c1c1;
  border-style: solid;
  background: white !important;
}
/* line 6, ../../../../../../packages/ext-theme-neutral/sass/src/grid/feature/Summary.scss */
.x-docked-summary .x-grid-table {
  border: 0 none;
}

/* line 16, ../../../../../../packages/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: #ededed;
  background-color: white !important;
  border-top: 1px solid #ededed;
  font: normal 13px/15px helvetica, arial, verdana, sans-serif;
}

/* line 25, ../../../../../../packages/ext-theme-neutral/sass/src/grid/feature/Summary.scss */
.x-docked-summary-bottom .x-grid-row-summary .x-grid-cell {
  border-bottom: 0 none;
}

/* line 28, ../../../../../../packages/ext-theme-neutral/sass/src/grid/feature/Summary.scss */
.x-docked-summary-top .x-grid-row-summary .x-grid-cell {
  border-top: 0 none;
}

/* line 33, ../../../../../../packages/ext-theme-neutral/sass/src/grid/feature/Summary.scss */
.x-grid-with-row-lines .x-grid-table-summary {
  border: 0;
}

/* line 1, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
.x-grid-inner-locked {
  border-right-color: #157fcc;
}
/* line 28, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
.x-rtl.x-grid-inner-locked {
  border-right-color: #157fcc;
  border-left-color: #157fcc;
}
/* line 43, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
.x-hmenu-lock {
  background-image: url(images/grid/hmenu-lock.png);
}

/* line 61, ../../../../../../packages/ext-theme-neutral/sass/src/grid/locking/Lockable.scss */
.x-hmenu-unlock {
  background-image: url(images/grid/hmenu-unlock.png);
}

/* line 189, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-text-field-body-grid {
  min-width: 170px;
  max-width: 170px;
}

/* line 209, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger-wrap-grid {
  border-width: 1px;
  border-style: solid;
  border-color: #c1c1c1 #d9d9d9 #d9d9d9;
}
/* line 214, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger-wrap-grid.x-form-trigger-wrap-focus {
  border-color: #3892d3;
}
/* line 218, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger-wrap-grid.x-form-trigger-wrap-invalid {
  border-color: #cf4c35;
}

/* line 240, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-text-grid {
  color: "none";
  padding: 4px 9px 3px 9px;
  background-color: white;
  font: normal 13px/15px helvetica, arial, verdana, sans-serif;
  min-height: 22px;
}
/* line 250, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-text-grid.x-form-textarea {
  line-height: 15px;
  min-height: 60px;
}
/* line 255, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-text-grid.x-form-text-file {
  color: gray;
}

/* line 260, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-empty-field-grid {
  color: gray;
}

/* line 264, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-invalid-field-grid {
  background-color: white;
}

/* line 273, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger-grid {
  background: white url(images/form/trigger.png) no-repeat;
  width: 22px;
}
/* line 284, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger-grid.x-rtl {
  background-image: url(images/form/trigger-rtl.png);
}
/* line 289, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger-grid.x-form-trigger-over {
  background-position: -22px 0;
}
/* line 295, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger-grid.x-form-trigger-over.x-form-trigger-focus {
  background-position: -88px 0;
}
/* line 300, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger-grid.x-form-trigger-focus {
  background-position: -66px 0;
}

/* line 309, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Text.scss */
.x-form-trigger.x-form-trigger-grid.x-form-trigger-click {
  background-position: -44px 0;
}

/* line 59, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-trigger-spinner-grid {
  width: 22px;
}

/* line 66, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-grid {
  background-image: url(images/form/spinner.png);
  background-color: white;
  width: 22px;
  height: 11px;
}
/* line 70, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-grid.x-rtl {
  background-image: url(images/form/spinner-rtl.png);
}

/* line 102, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-up-grid {
  background-position: 0 0;
}
/* line 105, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-up-grid.x-form-spinner-over {
  background-position: -22px 0;
}
/* line 107, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-up-grid.x-form-spinner-over.x-form-spinner-focus {
  background-position: -88px 0;
}
/* line 112, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-up-grid.x-form-spinner-focus {
  background-position: -66px 0;
}
/* line 117, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-up-grid.x-form-spinner.x-form-spinner-click {
  background-position: -44px 0;
}

/* line 122, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-down-grid {
  background-position: 0 -11px;
}
/* line 125, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-down-grid.x-form-spinner-over {
  background-position: -22px -11px;
}
/* line 127, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-down-grid.x-form-spinner-over.x-form-spinner-focus {
  background-position: -88px -11px;
}
/* line 132, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-down-grid.x-form-spinner-focus {
  background-position: -66px -11px;
}
/* line 137, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Spinner.scss */
.x-form-spinner-down-grid.x-form-spinner.x-form-spinner-click {
  background-position: -44px -11px;
}

/* line 57, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-wrap-grid {
  height: 24px;
}

/* line 61, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-grid {
  margin-top: 5px;
}

/* line 67, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-checkbox-grid,
.x-form-radio-grid {
  width: 15px;
  height: 15px;
}

/* line 72, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-radio-grid {
  background: url(images/form/radio.png) no-repeat;
}
/* line 75, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-checked .x-form-radio-grid {
  background-position: 0 -15px;
}

/* line 80, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-checkbox-grid {
  background: url(images/form/checkbox.png) no-repeat;
}
/* line 83, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-checked .x-form-checkbox-grid {
  background-position: 0 -15px;
}

/* line 88, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-field-grid-form-checkbox-focus {
  background-position: -15px 0;
}
/* line 92, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-checked .x-field-grid-form-checkbox-focus {
  background-position: -15px -15px;
}

/* line 97, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-label-grid {
  margin-top: 4px;
  font: normal helvetica, arial, verdana, sans-serif/17px helvetica, arial, verdana, sans-serif;
}
/* line 101, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-label-grid.x-form-cb-label-before {
  padding-right: 19px;
}
/* line 105, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-label-grid.x-form-cb-label-before.x-rtl {
  padding-right: 0;
  padding-left: 19px;
}
/* line 112, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-label-grid.x-form-cb-label-after {
  padding-left: 19px;
}
/* line 117, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Checkbox.scss */
.x-form-cb-label-grid.x-rtl {
  padding-left: 0;
  padding-right: 19px;
}

/* line 40, ../../../../../../packages/ext-theme-neutral/sass/src/form/field/Display.scss */
.x-form-display-field-grid {
  height: 24px;
  font: normal 13px/17px helvetica, arial, verdana, sans-serif;
  color: black;
  margin-top: 4px;
}

/* line 83, ../../../../../../packages/ext-theme-neutral/sass/src/grid/plugin/Editing.scss */
.x-grid-editor .x-form-display-field {
  text-overflow: ellipsis;
}
/* line 89, ../../../../../../packages/ext-theme-neutral/sass/src/grid/plugin/Editing.scss */
.x-grid-editor .x-form-action-col-field {
  padding: 4px 4px 4px 4px;
}

/* line 3, ../../../../../../packages/ext-theme-neutral/sass/src/grid/plugin/CellEditing.scss */
.x-tree-cell-editor .x-form-text {
  padding-left: 3px;
  padding-right: 3px;
}

/* line 2, ../../../../../../packages/ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-grid-row-editor .x-field {
  margin: 0 3px 0 2px;
}
/* line 7, ../../../../../../packages/ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-grid-row-editor .x-form-display-field {
  padding: 5px 7px 4px 8px;
}
/* line 16, ../../../../../../packages/ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-grid-row-editor .x-form-action-col-field {
  padding: 4px 1px 4px 2px;
}
/* line 27, ../../../../../../packages/ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-grid-row-editor .x-form-text {
  padding: 4px 6px 3px 7px;
}
/* line 31, ../../../../../../packages/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 40, ../../../../../../packages/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 50, ../../../../../../packages/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 55, ../../../../../../packages/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 146, ../../../../../../packages/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 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-mc {
  background-color: #dfeaf2;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-frameInfo {
  font-family: th-0-0-5-5-0-1-1-1-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-ml {
  background-position: 0 top;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-mr {
  background-position: right top;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/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 365, ../../../../../../packages/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 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-tc {
  height: 0;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-bottom-mc {
  padding: 5px 1px 1px 1px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-grid-row-editor-buttons-default-bottom:after {
  display: none;
  content: "x-slicer:corners:url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-bottom-corners.png), sides:url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-bottom-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/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 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-mc {
  background-color: #dfeaf2;
}

/* line 243, ../../../../../../packages/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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-frameInfo {
  font-family: th-5-5-0-0-1-1-0-1-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-ml {
  background-position: 0 top;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-mr {
  background-position: right top;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/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 365, ../../../../../../packages/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 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-bc {
  height: 0;
}

/* line 383, ../../../../../../packages/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.png);
}

/* line 423, ../../../../../../packages/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.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-grid-row-editor-buttons-default-top-mc {
  padding: 1px 1px 5px 1px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-grid-row-editor-buttons-default-top:after {
  display: none;
  content: "x-slicer:corners:url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-top-corners.png), sides:url(images/grid-row-editor-buttons/grid-row-editor-buttons-default-top-sides.png)";
}

/*</if slicer>*/
/* */
/* line 98, ../../../../../../packages/ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-grid-row-editor-buttons {
  border-color: #e1e1e1;
}

/* line 102, ../../../../../../packages/ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-row-editor-update-button {
  margin-right: 3px;
}

/* line 105, ../../../../../../packages/ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-row-editor-cancel-button {
  margin-left: 2px;
}

/* line 110, ../../../../../../packages/ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-rtl.x-row-editor-update-button {
  margin-left: 3px;
  margin-right: auto;
}

/* line 114, ../../../../../../packages/ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-rtl.x-row-editor-cancel-button {
  margin-right: 2px;
  margin-left: auto;
}

/* line 121, ../../../../../../packages/ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-grid-row-editor-errors .x-tip-body {
  padding: 5px;
}

/* line 126, ../../../../../../packages/ext-theme-neutral/sass/src/grid/plugin/RowEditing.scss */
.x-grid-row-editor-errors-item {
  list-style: disc;
  margin-left: 15px;
}

/* line 133, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/grid/plugin/RowExpander.scss */
.x-grid-cell-inner-row-expander {
  padding: 7px 6px 6px 6px;
}

/* line 14, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/grid/plugin/SubTable.scss */
.x-grid-subtable {
  border-collapse: collapse;
}

/* line 5, ../../../../../../packages/ext-theme-neutral/sass/src/grid/plugin/SubTable.scss */
tr.x-grid-subtable-row {
  background-color: white;
}

/* line 9, ../../../../../../packages/ext-theme-neutral/sass/src/grid/plugin/SubTable.scss */
.x-grid-subtable-header {
  border: 1px solid #c1c1c1;
  color: #666666;
  font: bold 13px/15px helvetica, arial, verdana, sans-serif;
  background-image: none;
  background-color: #f5f5f5;
  padding: 6px 10px 6px 10px;
  text-overflow: ellipsis;
}

/* line 27, ../../../../../../packages/ext-theme-neutral/sass/src/grid/plugin/SubTable.scss */
.x-grid-subtable-cell {
  border-top: 1px solid #ededed;
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  border-left: 1px solid #ededed;
}

/* line 1, ../../../../../../packages/ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x-accordion-layout-ct {
  background-color: white;
  padding: 5px 5px 0;
}

/* line 6, ../../../../../../packages/ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x-accordion-hd .x-panel-header-text-container {
  color: #666666;
  font-weight: bold;
  font-family: helvetica, arial, verdana, sans-serif;
  text-transform: none;
}

/* line 13, ../../../../../../packages/ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x-accordion-item {
  margin: 0 0 5px;
}
/* line 16, ../../../../../../packages/ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x-accordion-item .x-accordion-hd {
  background: #dfeaf2;
  border-width: 0;
  border-color: #157fcc;
  padding: 8px 10px;
}
/* line 24, ../../../../../../packages/ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x-accordion-item .x-accordion-hd-over {
  background-color: #e6f1f9;
}
/* line 29, ../../../../../../packages/ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x-accordion-item .x-accordion-hd-sibling-expanded {
  border-top-color: #157fcc;
  border-top-width: 0;
}
/* line 34, ../../../../../../packages/ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x-accordion-item .x-accordion-hd-last-collapsed {
  border-bottom-color: #dfeaf2;
}
/* line 38, ../../../../../../packages/ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x-accordion-item .x-accordion-body {
  border-width: 0;
}

/* line 45, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/layout/container/Accordion.scss */
.x-accordion-hd .x-tool-img {
  background-image: url(images/tools/tool-sprites-dark.png);
  background-color: #dfeaf2;
}

/* line 1, ../../../../../../packages/ext-theme-neutral/sass/src/layout/container/Form.scss */
.x-form-layout-wrap {
  border-spacing: 5px;
}

/* line 15, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu {
  border-style: solid;
  border-width: 1px;
  border-color: #e1e1e1;
}

/* line 22, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-body {
  background: white;
  padding: 0;
}

/* line 27, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-icon-separator {
  left: 26px;
  border-left: solid 1px #e1e1e1;
  background-color: white;
  width: 1px;
}

/* line 35, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-rtl.x-menu .x-menu-icon-separator {
  left: auto;
  right: 26px;
}

/* line 41, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item {
  cursor: pointer;
}

/* line 53, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-text,
.x-menu-item-cmp {
  margin: 0 5px 0 5px;
}

/* line 57, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-indent {
  margin-left: 32px;
}

/* line 61, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-indent-no-separator {
  margin-left: 26px;
}

/* line 65, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-indent-right-icon {
  margin-right: 31px;
}

/* line 70, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-indent-right-arrow {
  margin-right: 22px;
}

/* line 77, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-rtl.x-menu-item-text, .x-rtl.x-menu-item-cmp {
  margin: 0 5px 0 5px;
}
/* line 81, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-rtl.x-menu-item-indent {
  margin-right: 32px;
}
/* line 85, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-rtl.x-menu-item-indent-no-separator {
  margin-right: 26px;
}
/* line 89, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-rtl.x-menu-item-indent-right-icon {
  margin-left: 31px;
}
/* line 93, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-rtl.x-menu-item-indent-right-arrow {
  margin-left: 22px;
}

/* line 99, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-active {
  background-image: none;
  background-color: #d6e8f6;
}
/* line 112, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-nlg .x-menu-item-active {
  background: #d6e8f6 repeat-x left top;
  background-image: url(images/menu/menu-item-active-bg.png);
}

/* line 121, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-icon {
  width: 16px;
  height: 16px;
  top: 4px;
  left: 5px;
  background-position: center center;
}
/* line 128, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-active .x-menu-item-icon {
  top: 4px;
  left: 5px;
}

/* line 135, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-rtl.x-menu-item-icon {
  left: auto;
  right: 5px;
}
/* line 139, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-active .x-rtl.x-menu-item-icon {
  right: 5px;
}

/* line 145, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-glyph {
  font-size: 16px;
  line-height: 16px;
  color: gray;
  opacity: 0.5;
}
/* line 162, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-ie8 .x-menu-item-glyph {
  color: #bfbfbf;
}

/* line 170, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-icon-right {
  width: 16px;
  height: 16px;
  top: 4px;
  right: 5px;
  background-position: center center;
}
/* line 177, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-active .x-menu-item-icon-right {
  top: 4px;
  right: 5px;
}

/* line 184, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-rtl.x-menu-item-icon-right {
  right: auto;
  left: 5px;
}
/* line 188, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-active .x-rtl.x-menu-item-icon-right {
  right: auto;
  left: 5px;
}

/* line 198, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-text {
  font: normal 13px helvetica, arial, verdana, sans-serif;
  line-height: 23px;
  padding-top: 1px;
  color: black;
  cursor: pointer;
}

/* line 219, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-checked .x-menu-item-checkbox {
  background-image: url(images/menu/checked.png);
}
/* line 222, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-checked .x-menu-group-icon {
  background-image: url(images/menu/group-checked.png);
}

/* line 228, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-unchecked .x-menu-item-checkbox {
  background-image: url(images/menu/unchecked.png);
}
/* line 231, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-unchecked .x-menu-group-icon {
  background-image: none;
}

/* line 236, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-separator {
  height: 1px;
  border-top: solid 1px #e1e1e1;
  background-color: white;
  margin: 2px 0;
  padding: 0;
}

/* line 244, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-arrow {
  width: 12px;
  height: 9px;
  top: 8px;
  right: 0;
  background-image: url(images/menu/menu-parent.png);
}
/* line 251, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-active .x-menu-item-arrow {
  top: 8px;
  right: 0;
}

/* line 258, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-rtl.x-menu-item-arrow {
  left: 0;
  right: auto;
  background-image: url(images/menu/menu-parent-left.png);
}
/* line 263, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-active .x-rtl.x-menu-item-arrow {
  left: 0;
  right: auto;
}

/* line 270, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/* line 277, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-ie9m .x-menu-item-disabled .x-menu-item-icon {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
/* line 281, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-ie9m .x-menu-item-disabled .x-menu-item-text {
  background-color: transparent;
}

/* line 291, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-item .x-form-item-label {
  font-size: 13px;
  color: black;
}

/* line 297, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-scroll-top {
  height: 16px;
  background-image: url(images/menu/scroll-top.png);
}

/* line 301, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-scroll-bottom {
  height: 16px;
  background-image: url(images/menu/scroll-bottom.png);
}

/* line 307, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-scroll-top, .x-menu-scroll-bottom {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
  background-color: white;
}

/* line 320, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-scroll-top-hover, .x-menu-scroll-bottom-hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

/* line 326, ../../../../../../packages/ext-theme-neutral/sass/src/menu/Menu.scss */
.x-menu-scroll-top-pressed, .x-menu-scroll-bottom-pressed {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-menu-item-link:after {
  display: none;
  content: "x-slicer:bg:url(images/menu/menu-item-active-bg.png), stretch:bottom";
}

/*</if slicer>*/
/* */
/* line 1, ../../../../../../packages/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;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

/* line 17, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-collapsed .x-resizable-handle {
  display: none;
}

/* line 22, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-over .x-resizable-handle-north {
  cursor: n-resize;
}
/* line 25, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-over .x-resizable-handle-south {
  cursor: s-resize;
}
/* line 28, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-over .x-resizable-handle-east {
  cursor: e-resize;
}
/* line 31, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-over .x-resizable-handle-west {
  cursor: w-resize;
}
/* line 34, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-over .x-resizable-handle-southeast {
  cursor: se-resize;
}
/* line 37, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-over .x-resizable-handle-northwest {
  cursor: nw-resize;
}
/* line 40, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-over .x-resizable-handle-northeast {
  cursor: ne-resize;
}
/* line 43, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-over .x-resizable-handle-southwest {
  cursor: sw-resize;
}

/* line 48, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-east {
  width: 5px;
  height: 100%;
  right: 0;
  top: 0;
}

/* line 55, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-south {
  width: 100%;
  height: 5px;
  left: 0;
  bottom: 0;
}

/* line 62, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-west {
  width: 5px;
  height: 100%;
  left: 0;
  top: 0;
}

/* line 69, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-north {
  width: 100%;
  height: 5px;
  left: 0;
  top: 0;
}

/* line 76, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-southeast {
  width: 5px;
  height: 5px;
  right: 0;
  bottom: 0;
  z-index: 101;
}

/* line 84, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-northwest {
  width: 5px;
  height: 5px;
  left: 0;
  top: 0;
  z-index: 101;
}

/* line 92, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-northeast {
  width: 5px;
  height: 5px;
  right: 0;
  top: 0;
  z-index: 101;
}

/* line 100, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-handle-southwest {
  width: 5px;
  height: 5px;
  left: 0;
  bottom: 0;
  z-index: 101;
}

/* line 110, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-pinned .x-resizable-handle,
.x-resizable-over .x-resizable-handle {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* line 115, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-window .x-window-handle {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

/* line 119, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-window-collapsed .x-window-handle {
  display: none;
}

/* line 124, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-proxy {
  border: 1px dashed #3b5a82;
  position: absolute;
  overflow: hidden;
  z-index: 50000;
}

/* line 136, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-over .x-resizable-handle-east,
.x-resizable-over .x-resizable-handle-west,
.x-resizable-pinned .x-resizable-handle-east,
.x-resizable-pinned .x-resizable-handle-west {
  background-image: url(images/sizer/e-handle.png);
}
/* line 142, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-over .x-resizable-handle-south,
.x-resizable-over .x-resizable-handle-north,
.x-resizable-pinned .x-resizable-handle-south,
.x-resizable-pinned .x-resizable-handle-north {
  background-image: url(images/sizer/s-handle.png);
}
/* line 147, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-over .x-resizable-handle-southeast,
.x-resizable-pinned .x-resizable-handle-southeast {
  background-position: top left;
  background-image: url(images/sizer/se-handle.png);
}
/* line 152, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-over .x-resizable-handle-northwest,
.x-resizable-pinned .x-resizable-handle-northwest {
  background-position: bottom right;
  background-image: url(images/sizer/nw-handle.png);
}
/* line 157, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-over .x-resizable-handle-northeast,
.x-resizable-pinned .x-resizable-handle-northeast {
  background-position: bottom left;
  background-image: url(images/sizer/ne-handle.png);
}
/* line 162, ../../../../../../packages/ext-theme-neutral/sass/src/resizer/Resizer.scss */
.x-resizable-over .x-resizable-handle-southwest,
.x-resizable-pinned .x-resizable-handle-southwest {
  background-position: top right;
  background-image: url(images/sizer/sw-handle.png);
}

/* line 1, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/scroll/Indicator.scss */
.x-scroll-indicator-x {
  bottom: 0;
  height: 6px;
}

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

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

/* Horizontal styles */
/* line 2, ../../../../../../packages/ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-horz {
  padding-left: 7px;
  background: no-repeat 0 -15px;
}
/* line 6, ../../../../../../packages/ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-horz .x-slider-end {
  padding-right: 7px;
  background: no-repeat right -30px;
}

/* line 12, ../../../../../../packages/ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-horz .x-slider-inner {
  height: 15px;
}

/* line 16, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-horz .x-slider-thumb-over {
  background-position: -15px -15px;
}

/* line 27, ../../../../../../packages/ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-horz .x-slider-thumb-drag {
  background-position: -30px -30px;
}

/* line 32, ../../../../../../packages/ext-theme-neutral/sass/src/slider/Multi.scss */
.x-rtl.x-slider-horz {
  padding-left: 0;
  padding-right: 7px;
  background-position: right -30px;
}
/* line 37, ../../../../../../packages/ext-theme-neutral/sass/src/slider/Multi.scss */
.x-rtl.x-slider-horz .x-slider-end {
  padding-right: 0;
  padding-left: 7px;
  background-position: left -15px;
}
/* line 43, ../../../../../../packages/ext-theme-neutral/sass/src/slider/Multi.scss */
.x-rtl.x-slider-horz .x-slider-thumb {
  margin-right: -7px;
}

/* Vertical styles */
/* line 50, ../../../../../../packages/ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-ct-vert {
  height: 100%;
}

/* line 54, ../../../../../../packages/ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-vert {
  padding-top: 7px;
  background: no-repeat -30px 0;
  height: 100%;
}
/* line 59, ../../../../../../packages/ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-vert > .x-slider-end {
  height: 100%;
}
/* line 61, ../../../../../../packages/ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-vert > .x-slider-end > .x-slider-inner {
  height: 100%;
}

/* line 67, ../../../../../../packages/ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-vert .x-slider-end {
  padding-bottom: 7px;
  background: no-repeat -15px bottom;
  width: 15px;
}

/* line 73, ../../../../../../packages/ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-vert .x-slider-inner {
  width: 15px;
}

/* line 77, ../../../../../../packages/ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-vert .x-slider-thumb {
  width: 15px;
  height: 15px;
  margin-bottom: -7px;
  background-image: url(images/slider/slider-v-thumb.png);
}

/* line 84, ../../../../../../packages/ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-vert .x-slider-thumb-over {
  background-position: -15px -15px;
}

/* line 88, ../../../../../../packages/ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-vert .x-slider-thumb-drag {
  background-position: -30px -30px;
}

/* line 94, ../../../../../../packages/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 100, ../../../../../../packages/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 105, ../../../../../../packages/ext-theme-neutral/sass/src/slider/Multi.scss */
.x-slider-cell .x-grid-cell-inner {
  padding-top: 4px;
  padding-bottom: 5px;
}

/* line 1, ../../../../../../packages/ext-theme-neutral/sass/src/selection/CheckboxModel.scss */
.x-column-header-checkbox {
  border-color: #f5f5f5;
}

/* line 6, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/selection/CheckboxModel.scss */
.x-column-header-checkbox .x-column-header-inner {
  padding: 7px 4px 7px 4px;
}

/* line 19, ../../../../../../packages/ext-theme-neutral/sass/src/selection/CheckboxModel.scss */
.x-grid-cell-row-checker .x-grid-cell-inner {
  padding: 5px 4px 4px 4px;
}

/* line 32, ../../../../../../packages/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;
}

/* line 1, ../../../../../../packages/ext-theme-neutral/sass/src/sparkline/Base.scss */
.x-sparkline-cell .x-grid-cell-inner {
  padding-top: 1px;
  padding-bottom: 1px;
  line-height: 22px;
}

/* line 1, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/view/MultiSelector.scss */
.x-multiselector-remove {
  font-size: 100%;
  color: #e1e1e1;
  cursor: pointer;
}

/* line 7, ../../../../../../packages/ext-theme-neutral/sass/src/view/MultiSelector.scss */
.x-grid-item-over .x-multiselector-remove {
  color: red;
}

/* line 1, ../../../../../../packages/ext-theme-neutral/sass/src/window/Toast.scss */
.x-toast-icon-information {
  background-image: url(images/window/toast/icon16_info.png);
}

/* line 5, ../../../../../../packages/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, ../../../../../../packages/ext-theme-neutral/sass/src/window/Toast.scss */
.x-toast-window .x-window-body {
  padding: 15px 5px 15px 5px;
}

/* Custom styling */
/* line 17, ../../../../../../packages/ext-theme-neutral/sass/src/window/Toast.scss */
.x-toast-light .x-window-header {
  background-color: #3892d3;
}

/* line 21, ../../../../../../packages/ext-theme-neutral/sass/src/window/Toast.scss */
.x-toast-light .x-tool-img {
  background-color: #3892d3;
}

/* line 25, ../../../../../../packages/ext-theme-neutral/sass/src/window/Toast.scss */
.x-toast-light {
  background-image: url(images/window/toast/fader.png);
}

/* line 29, ../../../../../../packages/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;
}

/* line 1, ../../../../../../packages/ext-theme-neutral/sass/src/ux/dashboard/GoogleRssView.scss */
.x-dashboard-googlerss {
  font-family: helvetica, arial, verdana, sans-serif;
  margin: 5px;
}

/* line 6, ../../../../../../packages/ext-theme-neutral/sass/src/ux/dashboard/GoogleRssView.scss */
.x-dashboard-googlerss-title {
  font-weight: bold;
}

/* line 10, ../../../../../../packages/ext-theme-neutral/sass/src/ux/dashboard/GoogleRssView.scss */
.x-dashboard-googlerss-author {
  color: #aaaaaa;
}

/* line 14, ../../../../../../packages/ext-theme-neutral/sass/src/ux/dashboard/GoogleRssView.scss */
.x-dashboard-googlerss-preview {
  width: 16px;
  height: 16px;
  background-color: white;
  background-image: url(images/magnify.png);
}

/* line 21, ../../../../../../packages/ext-theme-neutral/sass/src/ux/dashboard/GoogleRssView.scss */
.x-dashboard-googlerss-detail-header {
  position: relative;
  background-color: #f5f5f5;
  padding: 5px;
  border-bottom-width: 1px;
  border-bottom-color: #afafaf;
  border-bottom-style: solid;
}

/* line 30, ../../../../../../packages/ext-theme-neutral/sass/src/ux/dashboard/GoogleRssView.scss */
.x-dashboard-googlerss-glyph {
  cursor: pointer;
  font-weight: bold;
  font-size: 22px;
}

/* line 36, ../../../../../../packages/ext-theme-neutral/sass/src/ux/dashboard/GoogleRssView.scss */
.x-dashboard-googlerss-detail {
  padding: 5px;
  overflow: auto;
}

/* line 41, ../../../../../../packages/ext-theme-neutral/sass/src/ux/dashboard/GoogleRssView.scss */
.x-dashboard-googlerss-detail-nav {
  position: absolute;
  color: #aaaaaa;
  right: 5px;
  top: 5px;
}

/* line 48, ../../../../../../packages/ext-theme-neutral/sass/src/ux/dashboard/GoogleRssView.scss */
.x-dashboard-googlerss-detail .x-dashboard-googlerss-title {
  font-weight: bold;
}

/* including package ext-theme-neptune */
/* line 265, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small {
  border-color: transparent;
}

/* line 146, ../../../../../../packages/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-image: none;
  background-color: transparent;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-small-mc {
  background-image: url(images/btn/btn-plain-toolbar-small-fbg.png);
  background-position: 0 top;
  background-color: transparent;
}

/* line 221, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nlg .x-btn-plain-toolbar-small {
  background-image: url(images/btn/btn-plain-toolbar-small-bg.png);
  background-position: 0 top;
}

/* line 243, ../../../../../../packages/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;
  background-image: none;
}

/* line 258, ../../../../../../packages/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 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-small-tl {
  background-position: 0 -6px;
}

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

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

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

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

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

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

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

/* line 359, ../../../../../../packages/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 365, ../../../../../../packages/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 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-small-tc {
  height: 3px;
}

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

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

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-plain-toolbar-small:after {
  display: none;
  content: "x-slicer:stretch:bottom, frame-bg:url(images/btn/btn-plain-toolbar-small-fbg.png), bg:url(images/btn/btn-plain-toolbar-small-bg.png)";
}

/*</if slicer>*/
/* */
/* line 272, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small .x-btn-inner {
  font-size: 12px;
  font-weight: bold;
  font-family: helvetica, arial, verdana, sans-serif;
  color: #666666;
  padding: 0 5px;
}
/* line 280, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small .x-btn-arrow {
  background-image: url(images/button/plain-toolbar-small-arrow.png);
}
/* line 288, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small .x-btn-arrow-right {
  padding-right: 21px;
}
/* line 293, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small .x-rtl.x-btn-arrow-right {
  padding-right: 0;
  padding-left: 21px;
}
/* line 299, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small .x-btn-arrow-bottom {
  padding-bottom: 18px;
}
/* line 303, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small .x-btn-glyph {
  font-size: 16px;
  line-height: 16px;
  color: #666666;
  opacity: 0.5;
}
/* line 323, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-ie8 .x-btn-plain-toolbar-small .x-btn-glyph {
  color: #b2b2b2;
}

/* line 330, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-disabled {
  background-image: none;
  background-color: transparent;
}

/* line 356, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon .x-btn-inner,
.x-btn-plain-toolbar-small-noicon .x-btn-inner {
  line-height: 16px;
}

/* line 366, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon .x-btn-arrow-right .x-btn-inner,
.x-btn-plain-toolbar-small-noicon .x-btn-arrow-right .x-btn-inner,
.x-btn-plain-toolbar-small-icon-text-left .x-btn-arrow-right .x-btn-inner {
  padding-right: 0;
}
/* line 371, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon .x-btn-arrow-right .x-rtl.x-btn-inner,
.x-btn-plain-toolbar-small-noicon .x-btn-arrow-right .x-rtl.x-btn-inner,
.x-btn-plain-toolbar-small-icon-text-left .x-btn-arrow-right .x-rtl.x-btn-inner {
  padding-right: 5px;
  padding-left: 0;
}

/* line 381, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon .x-btn-inner {
  width: 16px;
  padding: 0;
}
/* line 387, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon .x-btn-icon-el {
  width: 16px;
  height: 16px;
}

/* line 394, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon-text-left .x-btn-inner {
  line-height: 16px;
  padding-left: 21px;
}
/* line 400, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon-text-left .x-rtl.x-btn-inner {
  padding-left: 5px;
  padding-right: 21px;
}
/* line 405, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon-text-left .x-btn-arrow-right .x-rtl.x-btn-inner {
  padding-right: 21px;
}
/* line 410, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon-text-left .x-btn-icon-el {
  width: 16px;
  right: auto;
}
/* line 416, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon-text-left .x-rtl.x-btn-icon-el {
  left: auto;
  right: 0;
}

/* line 424, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon-text-right .x-btn-inner {
  line-height: 16px;
  padding-right: 21px;
}
/* line 430, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon-text-right .x-rtl.x-btn-inner {
  padding-right: 5px;
  padding-left: 21px;
}
/* line 436, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon-text-right .x-btn-icon-el {
  width: 16px;
  left: auto;
}
/* line 442, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon-text-right .x-rtl.x-btn-icon-el {
  left: 0;
  right: auto;
}

/* line 450, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon-text-top .x-btn-inner {
  padding-top: 21px;
}
/* line 454, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon-text-top .x-btn-icon-el {
  height: 16px;
  bottom: auto;
}

/* line 461, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon-text-bottom .x-btn-inner {
  padding-bottom: 21px;
}
/* line 465, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon-text-bottom .x-btn-icon-el {
  height: 16px;
  top: auto;
}

/* line 471, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-focus {
  border-color: #d8d8d8;
  background-image: none;
  background-color: #ebebeb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(50%, #ebebeb), color-stop(51%, #dfdfdf), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -moz-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -o-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -ms-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
}

/* line 495, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-over {
  border-color: #d8d8d8;
  background-image: none;
  background-color: #ebebeb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(50%, #ebebeb), color-stop(51%, #dfdfdf), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -moz-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -o-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -ms-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
}

/* line 520, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-menu-active,
.x-btn-plain-toolbar-small-pressed {
  border-color: #cecece;
  background-image: none;
  background-color: #e1e1e1;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1e1e1), color-stop(50%, #d5d5d5), color-stop(51%, #e1e1e1), color-stop(100%, #e4e4e4));
  background-image: -webkit-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: -moz-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: -o-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: -ms-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
}

/* line 552, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-focus .x-frame-tl,
.x-btn-plain-toolbar-small-focus .x-frame-bl,
.x-btn-plain-toolbar-small-focus .x-frame-tr,
.x-btn-plain-toolbar-small-focus .x-frame-br,
.x-btn-plain-toolbar-small-focus .x-frame-tc,
.x-btn-plain-toolbar-small-focus .x-frame-bc {
  background-image: url(images/btn/btn-plain-toolbar-small-focus-corners.png);
}
/* line 556, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-focus .x-frame-ml,
.x-btn-plain-toolbar-small-focus .x-frame-mr {
  background-image: url(images/btn/btn-plain-toolbar-small-focus-sides.png);
}
/* line 559, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-focus .x-frame-mc {
  background-color: #ebebeb;
  background-image: url(images/btn/btn-plain-toolbar-small-focus-fbg.png);
}

/* line 574, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-over .x-frame-tl,
.x-btn-plain-toolbar-small-over .x-frame-bl,
.x-btn-plain-toolbar-small-over .x-frame-tr,
.x-btn-plain-toolbar-small-over .x-frame-br,
.x-btn-plain-toolbar-small-over .x-frame-tc,
.x-btn-plain-toolbar-small-over .x-frame-bc {
  background-image: url(images/btn/btn-plain-toolbar-small-over-corners.png);
}
/* line 578, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-over .x-frame-ml,
.x-btn-plain-toolbar-small-over .x-frame-mr {
  background-image: url(images/btn/btn-plain-toolbar-small-over-sides.png);
}
/* line 581, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-over .x-frame-mc {
  background-color: #ebebeb;
  background-image: url(images/btn/btn-plain-toolbar-small-over-fbg.png);
}

/* line 597, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-menu-active .x-frame-tl,
.x-btn-plain-toolbar-small-menu-active .x-frame-bl,
.x-btn-plain-toolbar-small-menu-active .x-frame-tr,
.x-btn-plain-toolbar-small-menu-active .x-frame-br,
.x-btn-plain-toolbar-small-menu-active .x-frame-tc,
.x-btn-plain-toolbar-small-menu-active .x-frame-bc,
.x-btn-plain-toolbar-small-pressed .x-frame-tl,
.x-btn-plain-toolbar-small-pressed .x-frame-bl,
.x-btn-plain-toolbar-small-pressed .x-frame-tr,
.x-btn-plain-toolbar-small-pressed .x-frame-br,
.x-btn-plain-toolbar-small-pressed .x-frame-tc,
.x-btn-plain-toolbar-small-pressed .x-frame-bc {
  background-image: url(images/btn/btn-plain-toolbar-small-pressed-corners.png);
}
/* line 601, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-menu-active .x-frame-ml,
.x-btn-plain-toolbar-small-menu-active .x-frame-mr,
.x-btn-plain-toolbar-small-pressed .x-frame-ml,
.x-btn-plain-toolbar-small-pressed .x-frame-mr {
  background-image: url(images/btn/btn-plain-toolbar-small-pressed-sides.png);
}
/* line 604, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-menu-active .x-frame-mc,
.x-btn-plain-toolbar-small-pressed .x-frame-mc {
  background-color: #e1e1e1;
  background-image: url(images/btn/btn-plain-toolbar-small-pressed-fbg.png);
}

/* line 619, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-disabled .x-frame-tl,
.x-btn-plain-toolbar-small-disabled .x-frame-bl,
.x-btn-plain-toolbar-small-disabled .x-frame-tr,
.x-btn-plain-toolbar-small-disabled .x-frame-br,
.x-btn-plain-toolbar-small-disabled .x-frame-tc,
.x-btn-plain-toolbar-small-disabled .x-frame-bc {
  background-image: url(images/btn/btn-plain-toolbar-small-disabled-corners.png);
}
/* line 623, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-disabled .x-frame-ml,
.x-btn-plain-toolbar-small-disabled .x-frame-mr {
  background-image: url(images/btn/btn-plain-toolbar-small-disabled-sides.png);
}
/* line 626, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-disabled .x-frame-mc {
  background-color: transparent;
  background-image: url(images/btn/btn-plain-toolbar-small-disabled-fbg.png);
}

/* line 638, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-plain-toolbar-small-focus {
  background-image: url(images/btn/btn-plain-toolbar-small-focus-bg.png);
}

/* line 646, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-plain-toolbar-small-over {
  background-image: url(images/btn/btn-plain-toolbar-small-over-bg.png);
}

/* line 655, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-plain-toolbar-small-menu-active,
.x-nlg .x-btn-plain-toolbar-small-pressed {
  background-image: url(images/btn/btn-plain-toolbar-small-pressed-bg.png);
}

/* line 663, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-plain-toolbar-small-disabled {
  background-image: url(images/btn/btn-plain-toolbar-small-disabled-bg.png);
}

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

/* line 686, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small .x-btn-split-right {
  background-image: url(images/button/plain-toolbar-small-s-arrow.png);
  padding-right: 20px;
}
/* line 691, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small .x-btn-split-right .x-btn-inner {
  padding-right: 8px;
}
/* line 698, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small .x-rtl.x-btn-split-right {
  background-image: url(images/button/plain-toolbar-small-s-arrow-rtl.png);
  padding-right: 0;
  padding-left: 20px;
}
/* line 705, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small .x-btn-split-bottom {
  background-image: url(images/button/plain-toolbar-small-s-arrow-b.png);
  padding-bottom: 16px;
}
/* line 710, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small .x-btn-split-bottom .x-btn-button {
  margin-bottom: 3px;
}

/* line 719, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon .x-btn-split-right .x-btn-icon-el {
  right: 3px;
}
/* line 722, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon .x-btn-split-right .x-btn-inner {
  padding-right: 19px;
}

/* line 728, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon-text-right .x-btn-split-right .x-btn-icon-el {
  right: 3px;
}
/* line 731, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-icon-text-right .x-btn-split-right .x-btn-inner {
  padding-right: 24px;
}

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

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-plain-toolbar-small-focus:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-plain-toolbar-small-focus-corners.png), sides:url(images/btn/btn-plain-toolbar-small-focus-sides.png), frame-bg:url(images/btn/btn-plain-toolbar-small-focus-fbg.png), bg:url(images/btn/btn-plain-toolbar-small-focus-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-plain-toolbar-small-over:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-plain-toolbar-small-over-corners.png), sides:url(images/btn/btn-plain-toolbar-small-over-sides.png), frame-bg:url(images/btn/btn-plain-toolbar-small-over-fbg.png), bg:url(images/btn/btn-plain-toolbar-small-over-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-plain-toolbar-small-pressed:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-plain-toolbar-small-pressed-corners.png), sides:url(images/btn/btn-plain-toolbar-small-pressed-sides.png), frame-bg:url(images/btn/btn-plain-toolbar-small-pressed-fbg.png), bg:url(images/btn/btn-plain-toolbar-small-pressed-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-plain-toolbar-small-disabled:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-plain-toolbar-small-disabled-corners.png), sides:url(images/btn/btn-plain-toolbar-small-disabled-sides.png), frame-bg:url(images/btn/btn-plain-toolbar-small-disabled-fbg.png), bg:url(images/btn/btn-plain-toolbar-small-disabled-bg.png)";
}

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

/* line 265, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium {
  border-color: transparent;
}

/* line 146, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-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-image: none;
  background-color: transparent;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-medium-mc {
  background-image: url(images/btn/btn-plain-toolbar-medium-fbg.png);
  background-position: 0 top;
  background-color: transparent;
}

/* line 221, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nlg .x-btn-plain-toolbar-medium {
  background-image: url(images/btn/btn-plain-toolbar-medium-bg.png);
  background-position: 0 top;
}

/* line 243, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-btn-plain-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;
  background-image: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-plain-toolbar-medium:after {
  display: none;
  content: "x-slicer:stretch:bottom, frame-bg:url(images/btn/btn-plain-toolbar-medium-fbg.png), bg:url(images/btn/btn-plain-toolbar-medium-bg.png)";
}

/*</if slicer>*/
/* */
/* line 272, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium .x-btn-inner {
  font-size: 14px;
  font-weight: bold;
  font-family: helvetica, arial, verdana, sans-serif;
  color: #666666;
  padding: 0 8px;
}
/* line 280, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium .x-btn-arrow {
  background-image: url(images/button/plain-toolbar-medium-arrow.png);
}
/* line 288, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium .x-btn-arrow-right {
  padding-right: 30px;
}
/* line 293, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium .x-rtl.x-btn-arrow-right {
  padding-right: 0;
  padding-left: 30px;
}
/* line 299, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium .x-btn-arrow-bottom {
  padding-bottom: 26px;
}
/* line 303, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium .x-btn-glyph {
  font-size: 24px;
  line-height: 24px;
  color: #666666;
  opacity: 0.5;
}
/* line 323, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-ie8 .x-btn-plain-toolbar-medium .x-btn-glyph {
  color: #b2b2b2;
}

/* line 330, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-disabled {
  background-image: none;
  background-color: transparent;
}

/* line 356, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon .x-btn-inner,
.x-btn-plain-toolbar-medium-noicon .x-btn-inner {
  line-height: 24px;
}

/* line 366, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon .x-btn-arrow-right .x-btn-inner,
.x-btn-plain-toolbar-medium-noicon .x-btn-arrow-right .x-btn-inner,
.x-btn-plain-toolbar-medium-icon-text-left .x-btn-arrow-right .x-btn-inner {
  padding-right: 0;
}
/* line 371, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon .x-btn-arrow-right .x-rtl.x-btn-inner,
.x-btn-plain-toolbar-medium-noicon .x-btn-arrow-right .x-rtl.x-btn-inner,
.x-btn-plain-toolbar-medium-icon-text-left .x-btn-arrow-right .x-rtl.x-btn-inner {
  padding-right: 8px;
  padding-left: 0;
}

/* line 381, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon .x-btn-inner {
  width: 24px;
  padding: 0;
}
/* line 387, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon .x-btn-icon-el {
  width: 24px;
  height: 24px;
}

/* line 394, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon-text-left .x-btn-inner {
  line-height: 24px;
  padding-left: 29px;
}
/* line 400, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon-text-left .x-rtl.x-btn-inner {
  padding-left: 8px;
  padding-right: 29px;
}
/* line 405, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon-text-left .x-btn-arrow-right .x-rtl.x-btn-inner {
  padding-right: 29px;
}
/* line 410, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon-text-left .x-btn-icon-el {
  width: 24px;
  right: auto;
}
/* line 416, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon-text-left .x-rtl.x-btn-icon-el {
  left: auto;
  right: 0;
}

/* line 424, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon-text-right .x-btn-inner {
  line-height: 24px;
  padding-right: 29px;
}
/* line 430, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon-text-right .x-rtl.x-btn-inner {
  padding-right: 8px;
  padding-left: 29px;
}
/* line 436, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon-text-right .x-btn-icon-el {
  width: 24px;
  left: auto;
}
/* line 442, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon-text-right .x-rtl.x-btn-icon-el {
  left: 0;
  right: auto;
}

/* line 450, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon-text-top .x-btn-inner {
  padding-top: 29px;
}
/* line 454, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon-text-top .x-btn-icon-el {
  height: 24px;
  bottom: auto;
}

/* line 461, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon-text-bottom .x-btn-inner {
  padding-bottom: 29px;
}
/* line 465, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon-text-bottom .x-btn-icon-el {
  height: 24px;
  top: auto;
}

/* line 471, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-focus {
  border-color: #d8d8d8;
  background-image: none;
  background-color: #ebebeb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(50%, #ebebeb), color-stop(51%, #dfdfdf), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -moz-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -o-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -ms-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
}

/* line 495, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-over {
  border-color: #d8d8d8;
  background-image: none;
  background-color: #ebebeb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(50%, #ebebeb), color-stop(51%, #dfdfdf), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -moz-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -o-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -ms-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
}

/* line 520, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-menu-active,
.x-btn-plain-toolbar-medium-pressed {
  border-color: #cecece;
  background-image: none;
  background-color: #e1e1e1;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1e1e1), color-stop(50%, #d5d5d5), color-stop(51%, #e1e1e1), color-stop(100%, #e4e4e4));
  background-image: -webkit-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: -moz-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: -o-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: -ms-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
}

/* line 552, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-focus .x-frame-tl,
.x-btn-plain-toolbar-medium-focus .x-frame-bl,
.x-btn-plain-toolbar-medium-focus .x-frame-tr,
.x-btn-plain-toolbar-medium-focus .x-frame-br,
.x-btn-plain-toolbar-medium-focus .x-frame-tc,
.x-btn-plain-toolbar-medium-focus .x-frame-bc {
  background-image: url(images/btn/btn-plain-toolbar-medium-focus-corners.png);
}
/* line 556, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-focus .x-frame-ml,
.x-btn-plain-toolbar-medium-focus .x-frame-mr {
  background-image: url(images/btn/btn-plain-toolbar-medium-focus-sides.png);
}
/* line 559, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-focus .x-frame-mc {
  background-color: #ebebeb;
  background-image: url(images/btn/btn-plain-toolbar-medium-focus-fbg.png);
}

/* line 574, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-over .x-frame-tl,
.x-btn-plain-toolbar-medium-over .x-frame-bl,
.x-btn-plain-toolbar-medium-over .x-frame-tr,
.x-btn-plain-toolbar-medium-over .x-frame-br,
.x-btn-plain-toolbar-medium-over .x-frame-tc,
.x-btn-plain-toolbar-medium-over .x-frame-bc {
  background-image: url(images/btn/btn-plain-toolbar-medium-over-corners.png);
}
/* line 578, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-over .x-frame-ml,
.x-btn-plain-toolbar-medium-over .x-frame-mr {
  background-image: url(images/btn/btn-plain-toolbar-medium-over-sides.png);
}
/* line 581, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-over .x-frame-mc {
  background-color: #ebebeb;
  background-image: url(images/btn/btn-plain-toolbar-medium-over-fbg.png);
}

/* line 597, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-menu-active .x-frame-tl,
.x-btn-plain-toolbar-medium-menu-active .x-frame-bl,
.x-btn-plain-toolbar-medium-menu-active .x-frame-tr,
.x-btn-plain-toolbar-medium-menu-active .x-frame-br,
.x-btn-plain-toolbar-medium-menu-active .x-frame-tc,
.x-btn-plain-toolbar-medium-menu-active .x-frame-bc,
.x-btn-plain-toolbar-medium-pressed .x-frame-tl,
.x-btn-plain-toolbar-medium-pressed .x-frame-bl,
.x-btn-plain-toolbar-medium-pressed .x-frame-tr,
.x-btn-plain-toolbar-medium-pressed .x-frame-br,
.x-btn-plain-toolbar-medium-pressed .x-frame-tc,
.x-btn-plain-toolbar-medium-pressed .x-frame-bc {
  background-image: url(images/btn/btn-plain-toolbar-medium-pressed-corners.png);
}
/* line 601, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-menu-active .x-frame-ml,
.x-btn-plain-toolbar-medium-menu-active .x-frame-mr,
.x-btn-plain-toolbar-medium-pressed .x-frame-ml,
.x-btn-plain-toolbar-medium-pressed .x-frame-mr {
  background-image: url(images/btn/btn-plain-toolbar-medium-pressed-sides.png);
}
/* line 604, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-menu-active .x-frame-mc,
.x-btn-plain-toolbar-medium-pressed .x-frame-mc {
  background-color: #e1e1e1;
  background-image: url(images/btn/btn-plain-toolbar-medium-pressed-fbg.png);
}

/* line 619, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-disabled .x-frame-tl,
.x-btn-plain-toolbar-medium-disabled .x-frame-bl,
.x-btn-plain-toolbar-medium-disabled .x-frame-tr,
.x-btn-plain-toolbar-medium-disabled .x-frame-br,
.x-btn-plain-toolbar-medium-disabled .x-frame-tc,
.x-btn-plain-toolbar-medium-disabled .x-frame-bc {
  background-image: url(images/btn/btn-plain-toolbar-medium-disabled-corners.png);
}
/* line 623, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-disabled .x-frame-ml,
.x-btn-plain-toolbar-medium-disabled .x-frame-mr {
  background-image: url(images/btn/btn-plain-toolbar-medium-disabled-sides.png);
}
/* line 626, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-disabled .x-frame-mc {
  background-color: transparent;
  background-image: url(images/btn/btn-plain-toolbar-medium-disabled-fbg.png);
}

/* line 638, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-plain-toolbar-medium-focus {
  background-image: url(images/btn/btn-plain-toolbar-medium-focus-bg.png);
}

/* line 646, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-plain-toolbar-medium-over {
  background-image: url(images/btn/btn-plain-toolbar-medium-over-bg.png);
}

/* line 655, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-plain-toolbar-medium-menu-active,
.x-nlg .x-btn-plain-toolbar-medium-pressed {
  background-image: url(images/btn/btn-plain-toolbar-medium-pressed-bg.png);
}

/* line 663, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-plain-toolbar-medium-disabled {
  background-image: url(images/btn/btn-plain-toolbar-medium-disabled-bg.png);
}

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

/* line 686, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium .x-btn-split-right {
  background-image: url(images/button/plain-toolbar-medium-s-arrow.png);
  padding-right: 28px;
}
/* line 691, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium .x-btn-split-right .x-btn-inner {
  padding-right: 11px;
}
/* line 698, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium .x-rtl.x-btn-split-right {
  background-image: url(images/button/plain-toolbar-medium-s-arrow-rtl.png);
  padding-right: 0;
  padding-left: 28px;
}
/* line 705, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium .x-btn-split-bottom {
  background-image: url(images/button/plain-toolbar-medium-s-arrow-b.png);
  padding-bottom: 24px;
}
/* line 710, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium .x-btn-split-bottom .x-btn-button {
  margin-bottom: 3px;
}

/* line 719, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon .x-btn-split-right .x-btn-icon-el {
  right: 3px;
}
/* line 722, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon .x-btn-split-right .x-btn-inner {
  padding-right: 27px;
}

/* line 728, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon-text-right .x-btn-split-right .x-btn-icon-el {
  right: 3px;
}
/* line 731, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-medium-icon-text-right .x-btn-split-right .x-btn-inner {
  padding-right: 32px;
}

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

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-plain-toolbar-medium-focus:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-plain-toolbar-medium-focus-corners.png), sides:url(images/btn/btn-plain-toolbar-medium-focus-sides.png), frame-bg:url(images/btn/btn-plain-toolbar-medium-focus-fbg.png), bg:url(images/btn/btn-plain-toolbar-medium-focus-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-plain-toolbar-medium-over:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-plain-toolbar-medium-over-corners.png), sides:url(images/btn/btn-plain-toolbar-medium-over-sides.png), frame-bg:url(images/btn/btn-plain-toolbar-medium-over-fbg.png), bg:url(images/btn/btn-plain-toolbar-medium-over-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-plain-toolbar-medium-pressed:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-plain-toolbar-medium-pressed-corners.png), sides:url(images/btn/btn-plain-toolbar-medium-pressed-sides.png), frame-bg:url(images/btn/btn-plain-toolbar-medium-pressed-fbg.png), bg:url(images/btn/btn-plain-toolbar-medium-pressed-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-plain-toolbar-medium-disabled:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-plain-toolbar-medium-disabled-corners.png), sides:url(images/btn/btn-plain-toolbar-medium-disabled-sides.png), frame-bg:url(images/btn/btn-plain-toolbar-medium-disabled-fbg.png), bg:url(images/btn/btn-plain-toolbar-medium-disabled-bg.png)";
}

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

/* line 265, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large {
  border-color: transparent;
}

/* line 146, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-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-image: none;
  background-color: transparent;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-btn-plain-toolbar-large-mc {
  background-image: url(images/btn/btn-plain-toolbar-large-fbg.png);
  background-position: 0 top;
  background-color: transparent;
}

/* line 221, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nlg .x-btn-plain-toolbar-large {
  background-image: url(images/btn/btn-plain-toolbar-large-bg.png);
  background-position: 0 top;
}

/* line 243, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-btn-plain-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;
  background-image: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-plain-toolbar-large:after {
  display: none;
  content: "x-slicer:stretch:bottom, frame-bg:url(images/btn/btn-plain-toolbar-large-fbg.png), bg:url(images/btn/btn-plain-toolbar-large-bg.png)";
}

/*</if slicer>*/
/* */
/* line 272, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large .x-btn-inner {
  font-size: 16px;
  font-weight: bold;
  font-family: helvetica, arial, verdana, sans-serif;
  color: #666666;
  padding: 0 10px;
}
/* line 280, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large .x-btn-arrow {
  background-image: url(images/button/plain-toolbar-large-arrow.png);
}
/* line 288, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large .x-btn-arrow-right {
  padding-right: 36px;
}
/* line 293, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large .x-rtl.x-btn-arrow-right {
  padding-right: 0;
  padding-left: 36px;
}
/* line 299, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large .x-btn-arrow-bottom {
  padding-bottom: 32px;
}
/* line 303, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large .x-btn-glyph {
  font-size: 32px;
  line-height: 32px;
  color: #666666;
  opacity: 0.5;
}
/* line 323, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-ie8 .x-btn-plain-toolbar-large .x-btn-glyph {
  color: #b2b2b2;
}

/* line 330, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-disabled {
  background-image: none;
  background-color: transparent;
}

/* line 356, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon .x-btn-inner,
.x-btn-plain-toolbar-large-noicon .x-btn-inner {
  line-height: 32px;
}

/* line 366, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon .x-btn-arrow-right .x-btn-inner,
.x-btn-plain-toolbar-large-noicon .x-btn-arrow-right .x-btn-inner,
.x-btn-plain-toolbar-large-icon-text-left .x-btn-arrow-right .x-btn-inner {
  padding-right: 0;
}
/* line 371, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon .x-btn-arrow-right .x-rtl.x-btn-inner,
.x-btn-plain-toolbar-large-noicon .x-btn-arrow-right .x-rtl.x-btn-inner,
.x-btn-plain-toolbar-large-icon-text-left .x-btn-arrow-right .x-rtl.x-btn-inner {
  padding-right: 10px;
  padding-left: 0;
}

/* line 381, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon .x-btn-inner {
  width: 32px;
  padding: 0;
}
/* line 387, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon .x-btn-icon-el {
  width: 32px;
  height: 32px;
}

/* line 394, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon-text-left .x-btn-inner {
  line-height: 32px;
  padding-left: 37px;
}
/* line 400, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon-text-left .x-rtl.x-btn-inner {
  padding-left: 10px;
  padding-right: 37px;
}
/* line 405, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon-text-left .x-btn-arrow-right .x-rtl.x-btn-inner {
  padding-right: 37px;
}
/* line 410, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon-text-left .x-btn-icon-el {
  width: 32px;
  right: auto;
}
/* line 416, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon-text-left .x-rtl.x-btn-icon-el {
  left: auto;
  right: 0;
}

/* line 424, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon-text-right .x-btn-inner {
  line-height: 32px;
  padding-right: 37px;
}
/* line 430, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon-text-right .x-rtl.x-btn-inner {
  padding-right: 10px;
  padding-left: 37px;
}
/* line 436, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon-text-right .x-btn-icon-el {
  width: 32px;
  left: auto;
}
/* line 442, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon-text-right .x-rtl.x-btn-icon-el {
  left: 0;
  right: auto;
}

/* line 450, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon-text-top .x-btn-inner {
  padding-top: 37px;
}
/* line 454, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon-text-top .x-btn-icon-el {
  height: 32px;
  bottom: auto;
}

/* line 461, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon-text-bottom .x-btn-inner {
  padding-bottom: 37px;
}
/* line 465, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon-text-bottom .x-btn-icon-el {
  height: 32px;
  top: auto;
}

/* line 471, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-focus {
  border-color: #d8d8d8;
  background-image: none;
  background-color: #ebebeb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(50%, #ebebeb), color-stop(51%, #dfdfdf), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -moz-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -o-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -ms-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
}

/* line 495, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-over {
  border-color: #d8d8d8;
  background-image: none;
  background-color: #ebebeb;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ededed), color-stop(50%, #ebebeb), color-stop(51%, #dfdfdf), color-stop(100%, #ebebeb));
  background-image: -webkit-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -moz-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -o-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: -ms-linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
  background-image: linear-gradient(top, #ededed, #ebebeb 50%, #dfdfdf 51%, #ebebeb);
}

/* line 520, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-menu-active,
.x-btn-plain-toolbar-large-pressed {
  border-color: #cecece;
  background-image: none;
  background-color: #e1e1e1;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e1e1e1), color-stop(50%, #d5d5d5), color-stop(51%, #e1e1e1), color-stop(100%, #e4e4e4));
  background-image: -webkit-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: -moz-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: -o-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: -ms-linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
  background-image: linear-gradient(top, #e1e1e1, #d5d5d5 50%, #e1e1e1 51%, #e4e4e4);
}

/* line 552, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-focus .x-frame-tl,
.x-btn-plain-toolbar-large-focus .x-frame-bl,
.x-btn-plain-toolbar-large-focus .x-frame-tr,
.x-btn-plain-toolbar-large-focus .x-frame-br,
.x-btn-plain-toolbar-large-focus .x-frame-tc,
.x-btn-plain-toolbar-large-focus .x-frame-bc {
  background-image: url(images/btn/btn-plain-toolbar-large-focus-corners.png);
}
/* line 556, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-focus .x-frame-ml,
.x-btn-plain-toolbar-large-focus .x-frame-mr {
  background-image: url(images/btn/btn-plain-toolbar-large-focus-sides.png);
}
/* line 559, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-focus .x-frame-mc {
  background-color: #ebebeb;
  background-image: url(images/btn/btn-plain-toolbar-large-focus-fbg.png);
}

/* line 574, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-over .x-frame-tl,
.x-btn-plain-toolbar-large-over .x-frame-bl,
.x-btn-plain-toolbar-large-over .x-frame-tr,
.x-btn-plain-toolbar-large-over .x-frame-br,
.x-btn-plain-toolbar-large-over .x-frame-tc,
.x-btn-plain-toolbar-large-over .x-frame-bc {
  background-image: url(images/btn/btn-plain-toolbar-large-over-corners.png);
}
/* line 578, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-over .x-frame-ml,
.x-btn-plain-toolbar-large-over .x-frame-mr {
  background-image: url(images/btn/btn-plain-toolbar-large-over-sides.png);
}
/* line 581, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-over .x-frame-mc {
  background-color: #ebebeb;
  background-image: url(images/btn/btn-plain-toolbar-large-over-fbg.png);
}

/* line 597, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-menu-active .x-frame-tl,
.x-btn-plain-toolbar-large-menu-active .x-frame-bl,
.x-btn-plain-toolbar-large-menu-active .x-frame-tr,
.x-btn-plain-toolbar-large-menu-active .x-frame-br,
.x-btn-plain-toolbar-large-menu-active .x-frame-tc,
.x-btn-plain-toolbar-large-menu-active .x-frame-bc,
.x-btn-plain-toolbar-large-pressed .x-frame-tl,
.x-btn-plain-toolbar-large-pressed .x-frame-bl,
.x-btn-plain-toolbar-large-pressed .x-frame-tr,
.x-btn-plain-toolbar-large-pressed .x-frame-br,
.x-btn-plain-toolbar-large-pressed .x-frame-tc,
.x-btn-plain-toolbar-large-pressed .x-frame-bc {
  background-image: url(images/btn/btn-plain-toolbar-large-pressed-corners.png);
}
/* line 601, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-menu-active .x-frame-ml,
.x-btn-plain-toolbar-large-menu-active .x-frame-mr,
.x-btn-plain-toolbar-large-pressed .x-frame-ml,
.x-btn-plain-toolbar-large-pressed .x-frame-mr {
  background-image: url(images/btn/btn-plain-toolbar-large-pressed-sides.png);
}
/* line 604, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-menu-active .x-frame-mc,
.x-btn-plain-toolbar-large-pressed .x-frame-mc {
  background-color: #e1e1e1;
  background-image: url(images/btn/btn-plain-toolbar-large-pressed-fbg.png);
}

/* line 619, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-disabled .x-frame-tl,
.x-btn-plain-toolbar-large-disabled .x-frame-bl,
.x-btn-plain-toolbar-large-disabled .x-frame-tr,
.x-btn-plain-toolbar-large-disabled .x-frame-br,
.x-btn-plain-toolbar-large-disabled .x-frame-tc,
.x-btn-plain-toolbar-large-disabled .x-frame-bc {
  background-image: url(images/btn/btn-plain-toolbar-large-disabled-corners.png);
}
/* line 623, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-disabled .x-frame-ml,
.x-btn-plain-toolbar-large-disabled .x-frame-mr {
  background-image: url(images/btn/btn-plain-toolbar-large-disabled-sides.png);
}
/* line 626, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-disabled .x-frame-mc {
  background-color: transparent;
  background-image: url(images/btn/btn-plain-toolbar-large-disabled-fbg.png);
}

/* line 638, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-plain-toolbar-large-focus {
  background-image: url(images/btn/btn-plain-toolbar-large-focus-bg.png);
}

/* line 646, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-plain-toolbar-large-over {
  background-image: url(images/btn/btn-plain-toolbar-large-over-bg.png);
}

/* line 655, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-plain-toolbar-large-menu-active,
.x-nlg .x-btn-plain-toolbar-large-pressed {
  background-image: url(images/btn/btn-plain-toolbar-large-pressed-bg.png);
}

/* line 663, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-nlg .x-btn-plain-toolbar-large-disabled {
  background-image: url(images/btn/btn-plain-toolbar-large-disabled-bg.png);
}

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

/* line 686, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large .x-btn-split-right {
  background-image: url(images/button/plain-toolbar-large-s-arrow.png);
  padding-right: 35px;
}
/* line 691, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large .x-btn-split-right .x-btn-inner {
  padding-right: 13px;
}
/* line 698, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large .x-rtl.x-btn-split-right {
  background-image: url(images/button/plain-toolbar-large-s-arrow-rtl.png);
  padding-right: 0;
  padding-left: 35px;
}
/* line 705, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large .x-btn-split-bottom {
  background-image: url(images/button/plain-toolbar-large-s-arrow-b.png);
  padding-bottom: 29px;
}
/* line 710, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large .x-btn-split-bottom .x-btn-button {
  margin-bottom: 3px;
}

/* line 719, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon .x-btn-split-right .x-btn-icon-el {
  right: 3px;
}
/* line 722, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon .x-btn-split-right .x-btn-inner {
  padding-right: 35px;
}

/* line 728, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon-text-right .x-btn-split-right .x-btn-icon-el {
  right: 3px;
}
/* line 731, ../../../../../../packages/ext-theme-neutral/sass/src/button/Button.scss */
.x-btn-plain-toolbar-large-icon-text-right .x-btn-split-right .x-btn-inner {
  padding-right: 40px;
}

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

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-plain-toolbar-large-focus:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-plain-toolbar-large-focus-corners.png), sides:url(images/btn/btn-plain-toolbar-large-focus-sides.png), frame-bg:url(images/btn/btn-plain-toolbar-large-focus-fbg.png), bg:url(images/btn/btn-plain-toolbar-large-focus-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-plain-toolbar-large-over:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-plain-toolbar-large-over-corners.png), sides:url(images/btn/btn-plain-toolbar-large-over-sides.png), frame-bg:url(images/btn/btn-plain-toolbar-large-over-fbg.png), bg:url(images/btn/btn-plain-toolbar-large-over-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-plain-toolbar-large-pressed:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-plain-toolbar-large-pressed-corners.png), sides:url(images/btn/btn-plain-toolbar-large-pressed-sides.png), frame-bg:url(images/btn/btn-plain-toolbar-large-pressed-fbg.png), bg:url(images/btn/btn-plain-toolbar-large-pressed-bg.png)";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-btn-plain-toolbar-large-disabled:after {
  display: none;
  content: "x-slicer:stretch:bottom, corners:url(images/btn/btn-plain-toolbar-large-disabled-corners.png), sides:url(images/btn/btn-plain-toolbar-large-disabled-sides.png), frame-bg:url(images/btn/btn-plain-toolbar-large-disabled-fbg.png), bg:url(images/btn/btn-plain-toolbar-large-disabled-bg.png)";
}

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

/* line 136, ../../../../../../packages/ext-theme-neptune/sass/src/button/Button.scss */
.x-btn-plain-toolbar-small-disabled .x-btn-icon-el,
.x-btn-plain-toolbar-medium-disabled .x-btn-icon-el,
.x-btn-plain-toolbar-large-disabled .x-btn-icon-el {
  background-color: white;
}
/* line 139, ../../../../../../packages/ext-theme-neptune/sass/src/button/Button.scss */
.x-ie8 .x-btn-plain-toolbar-small-disabled .x-btn-icon-el, .x-ie8
.x-btn-plain-toolbar-medium-disabled .x-btn-icon-el, .x-ie8
.x-btn-plain-toolbar-large-disabled .x-btn-icon-el {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

/* line 3, ../../../../../../packages/ext-theme-neptune/sass/src/toolbar/Toolbar.scss */
.x-toolbar-default .x-toolbar-scroll-left {
  margin-right: 4px;
}
/* line 7, ../../../../../../packages/ext-theme-neptune/sass/src/toolbar/Toolbar.scss */
.x-toolbar-default .x-toolbar-scroll-right {
  margin-left: 4px;
}
/* line 12, ../../../../../../packages/ext-theme-neptune/sass/src/toolbar/Toolbar.scss */
.x-toolbar-default .x-toolbar-scroll-left, .x-toolbar-default .x-toolbar-scroll-right {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}
/* line 17, ../../../../../../packages/ext-theme-neptune/sass/src/toolbar/Toolbar.scss */
.x-toolbar-default .x-toolbar-scroll-left-hover, .x-toolbar-default .x-toolbar-scroll-right-hover {
  background-position: 0 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
/* line 23, ../../../../../../packages/ext-theme-neptune/sass/src/toolbar/Toolbar.scss */
.x-toolbar-default .x-toolbar-scroll-left-pressed, .x-toolbar-default .x-toolbar-scroll-right-pressed {
  background-position: 0 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
/* line 29, ../../../../../../packages/ext-theme-neptune/sass/src/toolbar/Toolbar.scss */
.x-toolbar-default .x-box-scroller-disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
  opacity: 0.25;
}
/* line 33, ../../../../../../packages/ext-theme-neptune/sass/src/toolbar/Toolbar.scss */
.x-toolbar-default .x-box-scroller {
  background-color: white;
}

/* line 41, ../../../../../../packages/ext-theme-neptune/sass/src/toolbar/Toolbar.scss */
.x-toolbar-scroller {
  padding: 6px 4px 6px 4px;
}

/* line 45, ../../../../../../packages/ext-theme-neptune/sass/src/toolbar/Toolbar.scss */
.x-toolbar-vertical-scroller {
  padding: 3px 8px 3px 8px;
}

/* line 242, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-light {
  border-color: #dfeaf2;
  padding: 0;
}

/* line 248, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light {
  font-size: 13px;
  border: 1px solid #dfeaf2;
}
/* line 255, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light .x-tool-img {
  background-image: url(images/tools/tool-sprites-dark.png);
  background-color: #dfeaf2;
}

/* line 268, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-horizontal {
  padding: 9px 9px 10px 9px;
}

/* line 272, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-horizontal-noborder {
  padding: 10px 10px 10px 10px;
}

/* line 276, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-vertical {
  padding: 9px 9px 9px 10px;
}

/* line 280, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-vertical-noborder {
  padding: 10px 10px 10px 10px;
}

/* line 285, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-light-vertical {
  padding: 9px 10px 9px 9px;
}

/* line 289, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-light-vertical-noborder {
  padding: 10px 10px 10px 10px;
}

/* line 296, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-text-container-light {
  color: #666666;
  font-size: 13px;
  font-weight: bold;
  font-family: helvetica, arial, verdana, sans-serif;
  line-height: 16px;
  padding: 0;
  text-transform: none;
}

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

/* line 472, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light {
  background-image: none;
  background-color: #dfeaf2;
}

/* line 476, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-vertical {
  background-image: none;
  background-color: #dfeaf2;
}

/* line 481, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-light-vertical {
  background-image: none;
  background-color: #dfeaf2;
}

/* line 534, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-light-collapsed-border-top {
  border-bottom-width: 1px !important;
}
/* line 538, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-light-collapsed-border-right {
  border-left-width: 1px !important;
}
/* line 542, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-light-collapsed-border-bottom {
  border-top-width: 1px !important;
}
/* line 546, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-light-collapsed-border-left {
  border-right-width: 1px !important;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-light-top:after {
  display: none;
  content: "x-slicer:stretch:bottom";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-light-bottom:after {
  display: none;
  content: "x-slicer:stretch:bottom";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-light-left:after {
  display: none;
  content: "x-slicer:stretch:left";
}

/*</if slicer>*/
/* */
/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-light-right:after {
  display: none;
  content: "x-slicer:stretch:left";
}

/*</if slicer>*/
/* */
/* line 562, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-vertical .x-panel-header-text-container {
  -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;
  transform: rotate(90deg);
  transform-origin: 0 0;
}
/* line 36, ../../../../../../packages/ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x-ie9m .x-panel-header-light-vertical .x-panel-header-text-container {
  background-color: #dfeaf2;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1), progid:DXImageTransform.Microsoft.Chroma(color=#dfeaf2);
}

/* line 567, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-vertical .x-rtl.x-panel-header-text-container {
  -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;
  transform: rotate(270deg);
  transform-origin: 100% 0;
}
/* line 36, ../../../../../../packages/ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x-ie9m .x-panel-header-light-vertical .x-rtl.x-panel-header-text-container {
  background-color: #dfeaf2;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3), progid:DXImageTransform.Microsoft.Chroma(color=#dfeaf2);
}

/* line 591, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light .x-panel-header-icon {
  width: 16px;
  height: 16px;
  background-position: center center;
}
/* line 596, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light .x-panel-header-glyph {
  color: white;
  font-size: 16px;
  line-height: 16px;
  opacity: 0.5;
}
/* line 613, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-ie8 .x-panel-header-light .x-panel-header-glyph {
  color: #eff4f8;
}

/* line 622, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-horizontal .x-panel-header-icon-before-title {
  margin: 0 6px 0 0;
}
/* line 627, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-horizontal .x-rtl.x-panel-header-icon-before-title {
  margin: 0 0 0 6px;
}
/* line 632, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-horizontal .x-panel-header-icon-after-title {
  margin: 0 0 0 6px;
}
/* line 637, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-horizontal .x-rtl.x-panel-header-icon-after-title {
  margin: 0 6px 0 0;
}

/* line 644, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-vertical .x-panel-header-icon-before-title {
  margin: 0 0 6px 0;
}
/* line 649, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-vertical .x-rtl.x-panel-header-icon-before-title {
  margin: 0 0 6px 0;
}
/* line 654, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-vertical .x-panel-header-icon-after-title {
  margin: 6px 0 0 0;
}
/* line 659, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-vertical .x-rtl.x-panel-header-icon-after-title {
  margin: 6px 0 0 0;
}

/* line 667, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-horizontal .x-tool-after-title {
  margin: 0 0 0 6px;
}
/* line 672, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-horizontal .x-rtl.x-tool-after-title {
  margin: 0 6px 0 0;
}
/* line 677, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-horizontal .x-tool-before-title {
  margin: 0 6px 0 0;
}
/* line 682, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-horizontal .x-rtl.x-tool-before-title {
  margin: 0 0 0 6px;
}

/* line 689, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-vertical .x-tool-after-title {
  margin: 6px 0 0 0;
}
/* line 694, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-vertical .x-rtl.x-tool-after-title {
  margin: 6px 0 0 0;
}
/* line 699, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-vertical .x-tool-before-title {
  margin: 0 0 6px 0;
}
/* line 704, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-vertical .x-rtl.x-tool-before-title {
  margin: 0 0 6px 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 242, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-light-framed {
  border-color: #dfeaf2;
  padding: 0;
}

/* line 248, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed {
  font-size: 13px;
  border: 5px solid #dfeaf2;
}
/* line 255, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed .x-tool-img {
  background-image: url(images/tools/tool-sprites-dark.png);
  background-color: #dfeaf2;
}

/* line 268, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-horizontal {
  padding: 5px 5px 5px 5px;
}

/* line 272, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-horizontal-noborder {
  padding: 10px 10px 5px 10px;
}

/* line 276, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-vertical {
  padding: 5px 5px 5px 5px;
}

/* line 280, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-vertical-noborder {
  padding: 10px 10px 10px 5px;
}

/* line 285, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-light-framed-vertical {
  padding: 5px 5px 5px 5px;
}

/* line 289, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-light-framed-vertical-noborder {
  padding: 10px 5px 10px 10px;
}

/* line 296, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-text-container-light-framed {
  color: #666666;
  font-size: 13px;
  font-weight: bold;
  font-family: helvetica, arial, verdana, sans-serif;
  line-height: 16px;
  padding: 0;
  text-transform: none;
}

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

/* line 146, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-light-framed {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  padding: 0px 0px 0px 0px;
  border-width: 5px;
  border-style: solid;
  background-color: white;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-light-framed-mc {
  background-color: white;
}

/* line 243, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-panel-light-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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-light-framed-frameInfo {
  font-family: dh-4-4-4-4-5-5-5-5-0-0-0-0;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-light-framed-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-light-framed-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-light-framed-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-light-framed-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-light-framed-ml {
  background-position: 0 top;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-light-framed-mr {
  background-position: right top;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-light-framed-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-light-framed-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-light-framed-tr,
.x-panel-light-framed-br,
.x-panel-light-framed-mr {
  padding-right: 5px;
}

/* line 365, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-light-framed-tl,
.x-panel-light-framed-bl,
.x-panel-light-framed-ml {
  padding-left: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-light-framed-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-light-framed-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-light-framed-tl,
.x-panel-light-framed-bl,
.x-panel-light-framed-tr,
.x-panel-light-framed-br,
.x-panel-light-framed-tc,
.x-panel-light-framed-bc,
.x-panel-light-framed-ml,
.x-panel-light-framed-mr {
  background-image: url(images/panel/panel-light-framed-corners.png);
}

/* line 423, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-light-framed-ml,
.x-panel-light-framed-mr {
  background-image: url(images/panel/panel-light-framed-sides.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-light-framed-mc {
  padding: 0px 0px 0px 0px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-light-framed:after {
  display: none;
  content: "x-slicer:corners:url(images/panel/panel-light-framed-corners.png), sides:url(images/panel/panel-light-framed-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-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: 5px 5px 5px 5px;
  border-width: 5px 5px 0 5px;
  border-style: solid;
  background-color: #dfeaf2;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-top-mc {
  background-color: #dfeaf2;
}

/* line 243, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-panel-header-light-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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-top-frameInfo {
  font-family: dh-4-4-0-0-5-5-0-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-top-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-top-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-top-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-top-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-top-ml {
  background-position: 0 top;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-top-mr {
  background-position: right top;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-top-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-top-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-top-tr,
.x-panel-header-light-framed-top-br,
.x-panel-header-light-framed-top-mr {
  padding-right: 5px;
}

/* line 365, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-top-tl,
.x-panel-header-light-framed-top-bl,
.x-panel-header-light-framed-top-ml {
  padding-left: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-top-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-top-bc {
  height: 0;
}

/* line 383, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-top-tl,
.x-panel-header-light-framed-top-bl,
.x-panel-header-light-framed-top-tr,
.x-panel-header-light-framed-top-br,
.x-panel-header-light-framed-top-tc,
.x-panel-header-light-framed-top-bc,
.x-panel-header-light-framed-top-ml,
.x-panel-header-light-framed-top-mr {
  background-image: url(images/panel-header/panel-header-light-framed-top-corners.png);
}

/* line 423, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-top-ml,
.x-panel-header-light-framed-top-mr {
  background-image: url(images/panel-header/panel-header-light-framed-top-sides.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-top-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-light-framed-top:after {
  display: none;
  content: "x-slicer:corners:url(images/panel-header/panel-header-light-framed-top-corners.png), sides:url(images/panel-header/panel-header-light-framed-top-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-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: 5px 5px 5px 5px;
  border-width: 5px 5px 5px 0;
  border-style: solid;
  background-color: #dfeaf2;
}

/* line 185, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-panel-header-light-framed-right {
  background-image: none;
  background-color: #dfeaf2;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-right-mc {
  background-color: #dfeaf2;
}

/* line 243, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-panel-header-light-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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-right-frameInfo {
  font-family: dh-0-4-4-0-5-5-5-0-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-right-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-right-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-right-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-right-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-right-ml {
  background-position: 0 right;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-right-mr {
  background-position: right right;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-right-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-right-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-right-tr,
.x-panel-header-light-framed-right-br,
.x-panel-header-light-framed-right-mr {
  padding-right: 5px;
}

/* line 365, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-right-tl,
.x-panel-header-light-framed-right-bl,
.x-panel-header-light-framed-right-ml {
  padding-left: 0;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-right-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-right-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-right-tl,
.x-panel-header-light-framed-right-bl,
.x-panel-header-light-framed-right-tr,
.x-panel-header-light-framed-right-br,
.x-panel-header-light-framed-right-tc,
.x-panel-header-light-framed-right-bc,
.x-panel-header-light-framed-right-ml,
.x-panel-header-light-framed-right-mr {
  background-image: url(images/panel-header/panel-header-light-framed-right-corners.png);
}

/* line 397, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-panel-header-light-framed-right-tl, .x-rtl.x-panel-header-light-framed-right-ml, .x-rtl.x-panel-header-light-framed-right-bl, .x-rtl.x-panel-header-light-framed-right-tr, .x-rtl.x-panel-header-light-framed-right-mr, .x-rtl.x-panel-header-light-framed-right-br {
  background-image: url(images/panel-header/panel-header-light-framed-right-corners-rtl.png);
}

/* line 423, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-right-ml,
.x-panel-header-light-framed-right-mr {
  background-image: url(images/panel-header/panel-header-light-framed-right-sides.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-right-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-light-framed-right:after {
  display: none;
  content: "x-slicer:corners:url(images/panel-header/panel-header-light-framed-right-corners.png), corners-rtl:url(images/panel-header/panel-header-light-framed-right-corners-rtl.png), sides:url(images/panel-header/panel-header-light-framed-right-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-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: 5px 5px 5px 5px;
  border-width: 0 5px 5px 5px;
  border-style: solid;
  background-color: #dfeaf2;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-bottom-mc {
  background-color: #dfeaf2;
}

/* line 243, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-panel-header-light-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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-bottom-frameInfo {
  font-family: dh-0-0-4-4-0-5-5-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-bottom-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-bottom-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-bottom-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-bottom-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-bottom-ml {
  background-position: 0 bottom;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-bottom-mr {
  background-position: right bottom;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-bottom-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-bottom-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-bottom-tr,
.x-panel-header-light-framed-bottom-br,
.x-panel-header-light-framed-bottom-mr {
  padding-right: 5px;
}

/* line 365, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-bottom-tl,
.x-panel-header-light-framed-bottom-bl,
.x-panel-header-light-framed-bottom-ml {
  padding-left: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-bottom-tc {
  height: 0;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-bottom-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-bottom-tl,
.x-panel-header-light-framed-bottom-bl,
.x-panel-header-light-framed-bottom-tr,
.x-panel-header-light-framed-bottom-br,
.x-panel-header-light-framed-bottom-tc,
.x-panel-header-light-framed-bottom-bc,
.x-panel-header-light-framed-bottom-ml,
.x-panel-header-light-framed-bottom-mr {
  background-image: url(images/panel-header/panel-header-light-framed-bottom-corners.png);
}

/* line 423, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-bottom-ml,
.x-panel-header-light-framed-bottom-mr {
  background-image: url(images/panel-header/panel-header-light-framed-bottom-sides.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-bottom-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-light-framed-bottom:after {
  display: none;
  content: "x-slicer:corners:url(images/panel-header/panel-header-light-framed-bottom-corners.png), sides:url(images/panel-header/panel-header-light-framed-bottom-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-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: 5px 5px 5px 5px;
  border-width: 5px 0 5px 5px;
  border-style: solid;
  background-color: #dfeaf2;
}

/* line 185, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-panel-header-light-framed-left {
  background-image: none;
  background-color: #dfeaf2;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-left-mc {
  background-color: #dfeaf2;
}

/* line 243, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-panel-header-light-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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-left-frameInfo {
  font-family: dh-4-0-0-4-5-0-5-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-left-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-left-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-left-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-left-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-left-ml {
  background-position: 0 left;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-left-mr {
  background-position: right left;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-left-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-left-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-left-tr,
.x-panel-header-light-framed-left-br,
.x-panel-header-light-framed-left-mr {
  padding-right: 0;
}

/* line 365, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-left-tl,
.x-panel-header-light-framed-left-bl,
.x-panel-header-light-framed-left-ml {
  padding-left: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-left-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-left-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-left-tl,
.x-panel-header-light-framed-left-bl,
.x-panel-header-light-framed-left-tr,
.x-panel-header-light-framed-left-br,
.x-panel-header-light-framed-left-tc,
.x-panel-header-light-framed-left-bc,
.x-panel-header-light-framed-left-ml,
.x-panel-header-light-framed-left-mr {
  background-image: url(images/panel-header/panel-header-light-framed-left-corners.png);
}

/* line 397, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-panel-header-light-framed-left-tl, .x-rtl.x-panel-header-light-framed-left-ml, .x-rtl.x-panel-header-light-framed-left-bl, .x-rtl.x-panel-header-light-framed-left-tr, .x-rtl.x-panel-header-light-framed-left-mr, .x-rtl.x-panel-header-light-framed-left-br {
  background-image: url(images/panel-header/panel-header-light-framed-left-corners-rtl.png);
}

/* line 423, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-left-ml,
.x-panel-header-light-framed-left-mr {
  background-image: url(images/panel-header/panel-header-light-framed-left-sides.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-left-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-light-framed-left:after {
  display: none;
  content: "x-slicer:corners:url(images/panel-header/panel-header-light-framed-left-corners.png), corners-rtl:url(images/panel-header/panel-header-light-framed-left-corners-rtl.png), sides:url(images/panel-header/panel-header-light-framed-left-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-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: 5px 5px 5px 5px;
  border-width: 5px;
  border-style: solid;
  background-color: #dfeaf2;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-top-mc {
  background-color: #dfeaf2;
}

/* line 243, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-panel-header-light-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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-top-frameInfo {
  font-family: dh-4-4-4-4-5-5-5-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-top-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-top-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-top-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-top-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-top-ml {
  background-position: 0 top;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-top-mr {
  background-position: right top;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-top-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-top-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-top-tr,
.x-panel-header-light-framed-collapsed-top-br,
.x-panel-header-light-framed-collapsed-top-mr {
  padding-right: 5px;
}

/* line 365, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-top-tl,
.x-panel-header-light-framed-collapsed-top-bl,
.x-panel-header-light-framed-collapsed-top-ml {
  padding-left: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-top-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-top-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-top-tl,
.x-panel-header-light-framed-collapsed-top-bl,
.x-panel-header-light-framed-collapsed-top-tr,
.x-panel-header-light-framed-collapsed-top-br,
.x-panel-header-light-framed-collapsed-top-tc,
.x-panel-header-light-framed-collapsed-top-bc,
.x-panel-header-light-framed-collapsed-top-ml,
.x-panel-header-light-framed-collapsed-top-mr {
  background-image: url(images/panel-header/panel-header-light-framed-collapsed-top-corners.png);
}

/* line 423, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-top-ml,
.x-panel-header-light-framed-collapsed-top-mr {
  background-image: url(images/panel-header/panel-header-light-framed-collapsed-top-sides.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-top-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-light-framed-collapsed-top:after {
  display: none;
  content: "x-slicer:corners:url(images/panel-header/panel-header-light-framed-collapsed-top-corners.png), sides:url(images/panel-header/panel-header-light-framed-collapsed-top-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-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: 5px 5px 5px 5px;
  border-width: 5px;
  border-style: solid;
  background-color: #dfeaf2;
}

/* line 185, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-panel-header-light-framed-collapsed-right {
  background-image: none;
  background-color: #dfeaf2;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-right-mc {
  background-color: #dfeaf2;
}

/* line 243, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-panel-header-light-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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-right-frameInfo {
  font-family: dh-4-4-4-4-5-5-5-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-right-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-right-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-right-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-right-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-right-ml {
  background-position: 0 right;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-right-mr {
  background-position: right right;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-right-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-right-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-right-tr,
.x-panel-header-light-framed-collapsed-right-br,
.x-panel-header-light-framed-collapsed-right-mr {
  padding-right: 5px;
}

/* line 365, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-right-tl,
.x-panel-header-light-framed-collapsed-right-bl,
.x-panel-header-light-framed-collapsed-right-ml {
  padding-left: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-right-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-right-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-right-tl,
.x-panel-header-light-framed-collapsed-right-bl,
.x-panel-header-light-framed-collapsed-right-tr,
.x-panel-header-light-framed-collapsed-right-br,
.x-panel-header-light-framed-collapsed-right-tc,
.x-panel-header-light-framed-collapsed-right-bc,
.x-panel-header-light-framed-collapsed-right-ml,
.x-panel-header-light-framed-collapsed-right-mr {
  background-image: url(images/panel-header/panel-header-light-framed-collapsed-right-corners.png);
}

/* line 397, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-panel-header-light-framed-collapsed-right-tl, .x-rtl.x-panel-header-light-framed-collapsed-right-ml, .x-rtl.x-panel-header-light-framed-collapsed-right-bl, .x-rtl.x-panel-header-light-framed-collapsed-right-tr, .x-rtl.x-panel-header-light-framed-collapsed-right-mr, .x-rtl.x-panel-header-light-framed-collapsed-right-br {
  background-image: url(images/panel-header/panel-header-light-framed-collapsed-right-corners-rtl.png);
}

/* line 423, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-right-ml,
.x-panel-header-light-framed-collapsed-right-mr {
  background-image: url(images/panel-header/panel-header-light-framed-collapsed-right-sides.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-right-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-light-framed-collapsed-right:after {
  display: none;
  content: "x-slicer:corners:url(images/panel-header/panel-header-light-framed-collapsed-right-corners.png), corners-rtl:url(images/panel-header/panel-header-light-framed-collapsed-right-corners-rtl.png), sides:url(images/panel-header/panel-header-light-framed-collapsed-right-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-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: 5px 5px 5px 5px;
  border-width: 5px;
  border-style: solid;
  background-color: #dfeaf2;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-bottom-mc {
  background-color: #dfeaf2;
}

/* line 243, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-panel-header-light-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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-bottom-frameInfo {
  font-family: dh-4-4-4-4-5-5-5-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-bottom-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-bottom-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-bottom-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-bottom-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-bottom-ml {
  background-position: 0 bottom;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-bottom-mr {
  background-position: right bottom;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-bottom-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-bottom-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-bottom-tr,
.x-panel-header-light-framed-collapsed-bottom-br,
.x-panel-header-light-framed-collapsed-bottom-mr {
  padding-right: 5px;
}

/* line 365, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-bottom-tl,
.x-panel-header-light-framed-collapsed-bottom-bl,
.x-panel-header-light-framed-collapsed-bottom-ml {
  padding-left: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-bottom-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-bottom-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-bottom-tl,
.x-panel-header-light-framed-collapsed-bottom-bl,
.x-panel-header-light-framed-collapsed-bottom-tr,
.x-panel-header-light-framed-collapsed-bottom-br,
.x-panel-header-light-framed-collapsed-bottom-tc,
.x-panel-header-light-framed-collapsed-bottom-bc,
.x-panel-header-light-framed-collapsed-bottom-ml,
.x-panel-header-light-framed-collapsed-bottom-mr {
  background-image: url(images/panel-header/panel-header-light-framed-collapsed-bottom-corners.png);
}

/* line 423, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-bottom-ml,
.x-panel-header-light-framed-collapsed-bottom-mr {
  background-image: url(images/panel-header/panel-header-light-framed-collapsed-bottom-sides.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-bottom-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-light-framed-collapsed-bottom:after {
  display: none;
  content: "x-slicer:corners:url(images/panel-header/panel-header-light-framed-collapsed-bottom-corners.png), sides:url(images/panel-header/panel-header-light-framed-collapsed-bottom-sides.png)";
}

/*</if slicer>*/
/* */
/* line 146, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-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: 5px 5px 5px 5px;
  border-width: 5px;
  border-style: solid;
  background-color: #dfeaf2;
}

/* line 185, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-panel-header-light-framed-collapsed-left {
  background-image: none;
  background-color: #dfeaf2;
}

/* line 196, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-left-mc {
  background-color: #dfeaf2;
}

/* line 243, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-nbr .x-panel-header-light-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;
}

/* line 258, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-left-frameInfo {
  font-family: dh-4-4-4-4-5-5-5-5-5-5-5-5;
}

/* line 324, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-left-tl {
  background-position: 0 -10px;
}

/* line 328, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-left-tr {
  background-position: right -15px;
}

/* line 332, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-left-bl {
  background-position: 0 -20px;
}

/* line 336, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-left-br {
  background-position: right -25px;
}

/* line 340, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-left-ml {
  background-position: 0 left;
}

/* line 344, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-left-mr {
  background-position: right left;
}

/* line 348, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-left-tc {
  background-position: 0 0;
}

/* line 352, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-left-bc {
  background-position: 0 -5px;
}

/* line 359, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-left-tr,
.x-panel-header-light-framed-collapsed-left-br,
.x-panel-header-light-framed-collapsed-left-mr {
  padding-right: 5px;
}

/* line 365, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-left-tl,
.x-panel-header-light-framed-collapsed-left-bl,
.x-panel-header-light-framed-collapsed-left-ml {
  padding-left: 5px;
}

/* line 369, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-left-tc {
  height: 5px;
}

/* line 372, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-left-bc {
  height: 5px;
}

/* line 383, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-left-tl,
.x-panel-header-light-framed-collapsed-left-bl,
.x-panel-header-light-framed-collapsed-left-tr,
.x-panel-header-light-framed-collapsed-left-br,
.x-panel-header-light-framed-collapsed-left-tc,
.x-panel-header-light-framed-collapsed-left-bc,
.x-panel-header-light-framed-collapsed-left-ml,
.x-panel-header-light-framed-collapsed-left-mr {
  background-image: url(images/panel-header/panel-header-light-framed-collapsed-left-corners.png);
}

/* line 397, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-rtl.x-panel-header-light-framed-collapsed-left-tl, .x-rtl.x-panel-header-light-framed-collapsed-left-ml, .x-rtl.x-panel-header-light-framed-collapsed-left-bl, .x-rtl.x-panel-header-light-framed-collapsed-left-tr, .x-rtl.x-panel-header-light-framed-collapsed-left-mr, .x-rtl.x-panel-header-light-framed-collapsed-left-br {
  background-image: url(images/panel-header/panel-header-light-framed-collapsed-left-corners-rtl.png);
}

/* line 423, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-left-ml,
.x-panel-header-light-framed-collapsed-left-mr {
  background-image: url(images/panel-header/panel-header-light-framed-collapsed-left-sides.png);
  background-repeat: repeat-y;
}

/* line 433, ../../../../../../packages/ext-theme-base/sass/etc/mixins/frame.scss */
.x-panel-header-light-framed-collapsed-left-mc {
  padding: 5px 5px 5px 5px;
}

/*<if slicer>*/
/* line 78, ../../../../../../packages/ext-theme-base/sass/etc/mixins/slicer.scss */
.x-panel-header-light-framed-collapsed-left:after {
  display: none;
  content: "x-slicer:corners:url(images/panel-header/panel-header-light-framed-collapsed-left-corners.png), corners-rtl:url(images/panel-header/panel-header-light-framed-collapsed-left-corners-rtl.png), sides:url(images/panel-header/panel-header-light-framed-collapsed-left-sides.png)";
}

/*</if slicer>*/
/* */
/* line 434, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-light-framed-top {
  border-bottom-width: 5px !important;
}
/* line 438, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-light-framed-right {
  border-left-width: 5px !important;
}
/* line 442, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-light-framed-bottom {
  border-top-width: 5px !important;
}
/* line 446, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel .x-panel-header-light-framed-left {
  border-right-width: 5px !important;
}

/* line 452, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-nbr .x-panel-header-light-framed-collapsed-top {
  border-bottom-width: 0 !important;
}
/* line 456, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-nbr .x-panel-header-light-framed-collapsed-right {
  border-left-width: 0 !important;
}
/* line 460, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-nbr .x-panel-header-light-framed-collapsed-bottom {
  border-top-width: 0 !important;
}
/* line 464, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-nbr .x-panel-header-light-framed-collapsed-left {
  border-right-width: 0 !important;
}

/* line 562, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-vertical .x-panel-header-text-container {
  -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;
  transform: rotate(90deg);
  transform-origin: 0 0;
}
/* line 36, ../../../../../../packages/ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x-ie9m .x-panel-header-light-framed-vertical .x-panel-header-text-container {
  background-color: #dfeaf2;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1), progid:DXImageTransform.Microsoft.Chroma(color=#dfeaf2);
}

/* line 567, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-vertical .x-rtl.x-panel-header-text-container {
  -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;
  transform: rotate(270deg);
  transform-origin: 100% 0;
}
/* line 36, ../../../../../../packages/ext-theme-base/sass/etc/mixins/rotate-element.scss */
.x-ie9m .x-panel-header-light-framed-vertical .x-rtl.x-panel-header-text-container {
  background-color: #dfeaf2;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3), progid:DXImageTransform.Microsoft.Chroma(color=#dfeaf2);
}

/* line 591, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed .x-panel-header-icon {
  width: 16px;
  height: 16px;
  background-position: center center;
}
/* line 596, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed .x-panel-header-glyph {
  color: white;
  font-size: 16px;
  line-height: 16px;
  opacity: 0.5;
}
/* line 613, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-ie8 .x-panel-header-light-framed .x-panel-header-glyph {
  color: #eff4f8;
}

/* line 622, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-horizontal .x-panel-header-icon-before-title {
  margin: 0 6px 0 0;
}
/* line 627, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-horizontal .x-rtl.x-panel-header-icon-before-title {
  margin: 0 0 0 6px;
}
/* line 632, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-horizontal .x-panel-header-icon-after-title {
  margin: 0 0 0 6px;
}
/* line 637, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-horizontal .x-rtl.x-panel-header-icon-after-title {
  margin: 0 6px 0 0;
}

/* line 644, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-vertical .x-panel-header-icon-before-title {
  margin: 0 0 6px 0;
}
/* line 649, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-vertical .x-rtl.x-panel-header-icon-before-title {
  margin: 0 0 6px 0;
}
/* line 654, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-vertical .x-panel-header-icon-after-title {
  margin: 6px 0 0 0;
}
/* line 659, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-vertical .x-rtl.x-panel-header-icon-after-title {
  margin: 6px 0 0 0;
}

/* line 667, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-horizontal .x-tool-after-title {
  margin: 0 0 0 6px;
}
/* line 672, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-horizontal .x-rtl.x-tool-after-title {
  margin: 0 6px 0 0;
}
/* line 677, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-horizontal .x-tool-before-title {
  margin: 0 6px 0 0;
}
/* line 682, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-horizontal .x-rtl.x-tool-before-title {
  margin: 0 0 0 6px;
}

/* line 689, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-vertical .x-tool-after-title {
  margin: 6px 0 0 0;
}
/* line 694, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-vertical .x-rtl.x-tool-after-title {
  margin: 6px 0 0 0;
}
/* line 699, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-vertical .x-tool-before-title {
  margin: 0 0 6px 0;
}
/* line 704, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-header-light-framed-vertical .x-rtl.x-tool-before-title {
  margin: 0 0 6px 0;
}

/* line 712, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-light-framed-collapsed-border-right {
  border-right-width: 5px !important;
}
/* line 715, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-rtl.x-panel-header-light-framed-collapsed-border-left {
  border-left-width: 5px !important;
}

/* line 726, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-light-framed-resizable {
  overflow: visible;
}
/* line 729, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-light-framed-resizable .x-panel-handle {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
/* line 738, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-light-framed-resizable .x-panel-handle-north-br {
  top: -5px;
}
/* line 741, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-light-framed-resizable .x-panel-handle-south-br {
  bottom: -5px;
}
/* line 744, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-light-framed-resizable .x-panel-handle-east-br {
  right: -5px;
}
/* line 747, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-light-framed-resizable .x-panel-handle-west-br {
  left: -5px;
}
/* line 750, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-light-framed-resizable .x-panel-handle-northwest-br {
  left: -5px;
  top: -5px;
}
/* line 754, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-light-framed-resizable .x-panel-handle-northeast-br {
  right: -5px;
  top: -5px;
}
/* line 758, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-light-framed-resizable .x-panel-handle-southeast-br {
  right: -5px;
  bottom: -5px;
}
/* line 762, ../../../../../../packages/ext-theme-neutral/sass/src/panel/Panel.scss */
.x-panel-light-framed-resizable .x-panel-handle-southwest-br {
  left: -5px;
  bottom: -5px;
}

/* line 2, ../../../../../../packages/ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-light-framed-outer-border-l {
  border-left-color: #dfeaf2 !important;
  border-left-width: 5px !important;
}

/* line 6, ../../../../../../packages/ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-light-framed-outer-border-b {
  border-bottom-color: #dfeaf2 !important;
  border-bottom-width: 5px !important;
}

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

/* line 16, ../../../../../../packages/ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-light-framed-outer-border-r {
  border-right-color: #dfeaf2 !important;
  border-right-width: 5px !important;
}

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

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

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

/* line 40, ../../../../../../packages/ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-light-framed-outer-border-t {
  border-top-color: #dfeaf2 !important;
  border-top-width: 5px !important;
}

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

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

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

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

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

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

/* line 86, ../../../../../../packages/ext-theme-base/sass/etc/mixins/border-management.scss */
.x-panel-light-framed-outer-border-trbl {
  border-color: #dfeaf2 !important;
  border-width: 5px !important;
}

/* line 1, ../../../../../../packages/ext-theme-neptune/sass/src/grid/header/Container.scss */
.x-grid-header-ct {
  border: 1px solid #c1c1c1;
}

/* line 6, ../../../../../../packages/ext-theme-neptune/sass/src/grid/column/Column.scss */
.x-column-header-trigger {
  background: #eef6fb url(images/grid/hd-pop.png) no-repeat center center;
  border-left: 1px solid #c1c1c1;
}

/* line 12, ../../../../../../packages/ext-theme-neptune/sass/src/grid/column/Column.scss */
.x-rtl.x-column-header-trigger {
  border-right: 1px solid #c1c1c1;
  border-left: 0;
}

/* line 18, ../../../../../../packages/ext-theme-neptune/sass/src/grid/column/Column.scss */
.x-column-header-last {
  border-right-width: 0;
}
/* line 20, ../../../../../../packages/ext-theme-neptune/sass/src/grid/column/Column.scss */
.x-column-header-last .x-column-header-over .x-column-header-trigger {
  border-right: 1px solid #c1c1c1;
}

/* line 26, ../../../../../../packages/ext-theme-neptune/sass/src/grid/column/Column.scss */
.x-rtl.x-column-header-last {
  border-left-width: 0;
}
/* line 28, ../../../../../../packages/ext-theme-neptune/sass/src/grid/column/Column.scss */
.x-rtl.x-column-header-last .x-column-header-over .x-column-header-trigger {
  border-left: 1px solid #c1c1c1;
}

/* line 3, ../../../../../../packages/ext-theme-neptune/sass/src/form/field/File.scss */
.x-form-file-wrap .x-form-trigger-wrap {
  border: 0;
}

/* line 7, ../../../../../../packages/ext-theme-neptune/sass/src/form/field/File.scss */
.x-form-file-wrap .x-form-trigger-wrap .x-form-text {
  border: 1px solid;
  border-color: #c1c1c1 #d9d9d9 #d9d9d9;
  height: 24px;
}

/* line 1, ../../../../../../packages/ext-theme-neptune/sass/src/form/field/HtmlEditor.scss */
.x-html-editor-container {
  border: 1px solid;
  border-color: #c1c1c1 #d9d9d9 #d9d9d9;
}

/* line 1, ../../../../../../packages/ext-theme-neptune/sass/src/resizer/Resizer.scss */
.x-resizable-handle {
  background-color: #c1c1c1;
  background-repeat: no-repeat;
}

/* line 10, ../../../../../../packages/ext-theme-neptune/sass/src/resizer/Resizer.scss */
.x-resizable-over .x-resizable-handle-east,
.x-resizable-over .x-resizable-handle-west,
.x-resizable-pinned .x-resizable-handle-east,
.x-resizable-pinned .x-resizable-handle-west {
  background-position: center;
}
/* line 15, ../../../../../../packages/ext-theme-neptune/sass/src/resizer/Resizer.scss */
.x-resizable-over .x-resizable-handle-south,
.x-resizable-over .x-resizable-handle-north,
.x-resizable-pinned .x-resizable-handle-south,
.x-resizable-pinned .x-resizable-handle-north {
  background-position: center;
}
/* line 19, ../../../../../../packages/ext-theme-neptune/sass/src/resizer/Resizer.scss */
.x-resizable-over .x-resizable-handle-southeast,
.x-resizable-pinned .x-resizable-handle-southeast {
  background-position: -2px -2px;
}
/* line 23, ../../../../../../packages/ext-theme-neptune/sass/src/resizer/Resizer.scss */
.x-resizable-over .x-resizable-handle-northwest,
.x-resizable-pinned .x-resizable-handle-northwest {
  background-position: 2px 2px;
}
/* line 27, ../../../../../../packages/ext-theme-neptune/sass/src/resizer/Resizer.scss */
.x-resizable-over .x-resizable-handle-northeast,
.x-resizable-pinned .x-resizable-handle-northeast {
  background-position: -2px 2px;
}
/* line 31, ../../../../../../packages/ext-theme-neptune/sass/src/resizer/Resizer.scss */
.x-resizable-over .x-resizable-handle-southwest,
.x-resizable-pinned .x-resizable-handle-southwest {
  background-position: 2px -2px;
}

/* including package sencha-charts */
/*
  Copied from touch/resources/themes/stylesheets/sencha-touch/base/src/chart/_AbstractChart.scss
*/
/* line 8, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-android-3 .x-surface-wrap, .x-android-3 .x-surface-wrap > * {
  -webkit-perspective: 1;
}

/* line 12, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-draw-container {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -ms-user-select: none;
  cursor: default;
}
/* line 17, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-draw-container .x-inner {
  overflow: hidden;
}

/* line 22, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-surface {
  position: absolute;
}

/* line 26, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-chart-watermark {
  opacity: 0.5;
  z-index: 9;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 4px 6px;
  font-family: "Helvetica";
  font-size: 12px;
  position: absolute;
  white-space: nowrap;
  border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
}

/* line 42, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-chart-image {
  width: 100%;
  height: auto;
}

/* line 47, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-legend-container {
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #cccccc;
  background: white;
  -webkit-box-shadow: rgba(255, 255, 255, 0.6) 0 1px 1px;
  -moz-box-shadow: rgba(255, 255, 255, 0.6) 0 1px 1px;
  box-shadow: rgba(255, 255, 255, 0.6) 0 1px 1px;
}

/* line 60, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-legend-item {
  padding: 0.8em 1em 0.8em 1.8em;
  color: #333333;
  background: rgba(255, 255, 255, 0);
  max-width: 16em;
  min-width: 0;
  font-size: 13px;
  font-family: helvetica, arial, verdana, sans-serif;
  line-height: 14px;
  font-weight: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
/* line 75, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-legend-item .x-legend-inactive {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
}
/* line 79, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-legend-item .x-legend-item-marker {
  position: absolute;
  width: 0.8em;
  height: 0.8em;
  -webkit-border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  -ms-border-radius: 0.4em;
  -o-border-radius: 0.4em;
  border-radius: 0.4em;
  -webkit-box-shadow: rgba(255, 255, 255, 0.3) 0 1px 0, rgba(0, 0, 0, 0.4) 0 1px 0 inset;
  -moz-box-shadow: rgba(255, 255, 255, 0.3) 0 1px 0, rgba(0, 0, 0, 0.4) 0 1px 0 inset;
  box-shadow: rgba(255, 255, 255, 0.3) 0 1px 0, rgba(0, 0, 0, 0.4) 0 1px 0 inset;
  left: .7em;
  top: .85em;
}

/* line 90, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-legend, .x-legend-panel {
  background: white;
}
/* line 94, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-legend.x-docked-top .x-legend-item, .x-legend.x-docked-bottom .x-legend-item, .x-legend-panel.x-docked-top .x-legend-item, .x-legend-panel.x-docked-bottom .x-legend-item {
  border-left: 1px solid rgba(204, 204, 204, 0.5);
}
/* line 96, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-legend.x-docked-top .x-legend-item:first-child, .x-legend.x-docked-bottom .x-legend-item:first-child, .x-legend-panel.x-docked-top .x-legend-item:first-child, .x-legend-panel.x-docked-bottom .x-legend-item:first-child {
  border-left: none;
}
/* line 103, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-legend.x-docked-left .x-legend-item, .x-legend.x-docked-right .x-legend-item, .x-legend-panel.x-docked-left .x-legend-item, .x-legend-panel.x-docked-right .x-legend-item {
  border-top: 1px solid rgba(204, 204, 204, 0.5);
}
/* line 105, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-legend.x-docked-left .x-legend-item:first-child, .x-legend.x-docked-right .x-legend-item:first-child, .x-legend-panel.x-docked-left .x-legend-item:first-child, .x-legend-panel.x-docked-right .x-legend-item:first-child {
  border-top: none;
}
/* line 109, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-legend.x-docked-left .x-legend-inner, .x-legend.x-docked-right .x-legend-inner, .x-legend-panel.x-docked-left .x-legend-inner, .x-legend-panel.x-docked-right .x-legend-inner {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
}

/* line 117, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-legend.x-horizontal {
  white-space: nowrap;
}
/* line 119, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-legend.x-horizontal .x-legend-item {
  display: table-cell;
}

/* line 124, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-chart-toolbar {
  position: absolute;
  z-index: 9;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: box;
  padding: .6em;
}
/* line 130, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-chart-toolbar .x-button {
  margin: .2em;
}
/* line 134, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-chart-toolbar[data-side=left], .x-chart-toolbar[data-side=right] {
  top: 0;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  box-orient: vertical;
}
/* line 139, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-chart-toolbar[data-side=left] {
  left: 0;
}
/* line 143, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-chart-toolbar[data-side=right] {
  right: 0;
}
/* line 147, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-chart-toolbar[data-side=top], .x-chart-toolbar[data-side=bottom] {
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
  right: 0;
}
/* line 152, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-chart-toolbar[data-side=top] {
  top: 0;
}
/* line 156, ../../../../../../../packages/sencha-charts/sass/src/chart/AbstractChart.scss */
.x-chart-toolbar[data-side=bottom] {
  bottom: 0;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -ms-box-orient: horizontal;
  box-orient: horizontal;
}

/* including package Portal */
/* line 24, ../../../../../portal/sass/src/view/main/Header.scss */
.app-header {
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8fc33a), color-stop(100%, #739b2e));
  background-image: -webkit-linear-gradient(top, #8fc33a, #739b2e);
  background-image: -moz-linear-gradient(top, #8fc33a, #739b2e);
  background-image: -o-linear-gradient(top, #8fc33a, #739b2e);
  background-image: -ms-linear-gradient(top, #8fc33a, #739b2e);
  background-image: linear-gradient(top, #8fc33a, #739b2e);
  border-bottom: 1px solid #567422;
}
/* line 33, ../../../../../portal/sass/src/view/main/Header.scss */
.x-nlg .app-header {
  background-image: url(images/header-bg.png);
}

/* line 39, ../../../../../portal/sass/src/view/main/Header.scss */
.app-header-title {
  padding: 15px 0 10px 0;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-shadow: 0 1px 0 #4e691f;
}

/* line 50, ../../../../../portal/sass/src/view/main/Header.scss */
.app-header-logo {
  width: 40px;
  height: 25px;
  background: url(images/logo.png) no-repeat center 4px;
}