yvan-ext-mobile/assets/ext-7.4/packages/ux/modern/material/resources/ux-all-debug.css

/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:36 */
.fi:before {
    font-family: 'Material Icons' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-align-center:before {
    content: 'format_align_center' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-align-justify:before {
    content: 'format_align_justify' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-align-left:before {
    content: 'format_align_left' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-align-right:before {
    content: 'format_align_right' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-arrow-down:before {
    content: 'arrow_downward' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-arrow-left:before {
    content: '\f060' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-arrow-right:before {
    content: 'arrow_forward' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-arrow-up:before {
    content: 'arrow_upward' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-bars:before {
    content: 'menu' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-caret-down:before {
    content: 'arrow_drop_down' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-caret-left:before {
    content: 'arrow_drop_up' !important;
    display: inline-block;
    transform: rotate(270deg);
    transform-origin: 50% 50%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-caret-right:before {
    content: 'arrow_drop_up' !important;
    display: inline-block;
    transform: rotate(90deg);
    transform-origin: 50% 50%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-caret-up:before {
    content: 'arrow_drop_up' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-check:before {
    content: 'check' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-chevron-down:before {
    content: 'chevron_left' !important;
    display: inline-block;
    transform: rotate(270deg);
    transform-origin: 50% 50%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-chevron-left:before {
    content: 'chevron_left' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-chevron-right:before {
    content: 'chevron_right' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-chevron-up:before {
    content: 'chevron_left' !important;
    display: inline-block;
    transform: rotate(90deg);
    transform-origin: 50% 50%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-edit:before {
    content: 'edit' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-ellipsis-h:before {
    content: 'more_horiz' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-ellipsis-v:before {
    content: 'more_vert' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-filter:before {
    content: 'filter_list' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-gear:before {
    content: 'settings' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-group:before {
    content: 'group' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-home:before {
    content: 'home' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-lock:before {
    content: 'lock' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-minus:before {
    content: 'remove' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-pencil:before {
    content: 'edit' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-plus:before {
    content: 'add' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-print:before {
    content: 'print' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-redo:before {
    content: 'redo' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-refresh:before {
    content: 'refresh' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-save:before {
    content: 'save' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-search:before {
    content: 'search' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-star:before {
    content: 'star' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-times:before {
    content: 'close' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-trash:before {
    content: 'delete' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-th:before {
    content: 'view_module' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-th-list:before {
    content: 'list' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-undo:before {
    content: 'undo' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-unlock:before {
    content: 'lock_open' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-user:before {
    content: 'person' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1599 */
.x-button-alt.x-button-decline {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1602 */
.x-button-alt.x-button-decline .x-inner-el {
    background-color: #c62828;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1606 */
.x-button-alt.x-button-decline .x-icon-el {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1610 */
.x-button-alt.x-button-decline.x-hovered {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1613 */
.x-button-alt.x-button-decline.x-hovered .x-inner-el {
    background-color: #c62828;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1617 */
.x-button-alt.x-button-decline.x-hovered .x-icon-el {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1622 */
.x-button-alt.x-button-decline.x-pressing,
.x-button-alt.x-button-decline.x-pressed {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1625 */
.x-button-alt.x-button-decline.x-pressing .x-inner-el,
.x-button-alt.x-button-decline.x-pressed .x-inner-el {
    background-color: #c62828;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1629 */
.x-button-alt.x-button-decline.x-pressing .x-icon-el,
.x-button-alt.x-button-decline.x-pressed .x-icon-el {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1635 */
.x-keyboard-mode .x-button-alt.x-button-decline.x-focused {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1638 */
.x-keyboard-mode .x-button-alt.x-button-decline.x-focused .x-inner-el {
    background-color: #c62828;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1642 */
.x-keyboard-mode .x-button-alt.x-button-decline.x-focused .x-icon-el {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1599 */
.x-button-alt.x-button-confirm {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1602 */
.x-button-alt.x-button-confirm .x-inner-el {
    background-color: #7cb342;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1606 */
.x-button-alt.x-button-confirm .x-icon-el {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1610 */
.x-button-alt.x-button-confirm.x-hovered {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1613 */
.x-button-alt.x-button-confirm.x-hovered .x-inner-el {
    background-color: #7cb342;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1617 */
.x-button-alt.x-button-confirm.x-hovered .x-icon-el {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1622 */
.x-button-alt.x-button-confirm.x-pressing,
.x-button-alt.x-button-confirm.x-pressed {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1625 */
.x-button-alt.x-button-confirm.x-pressing .x-inner-el,
.x-button-alt.x-button-confirm.x-pressed .x-inner-el {
    background-color: #7cb342;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1629 */
.x-button-alt.x-button-confirm.x-pressing .x-icon-el,
.x-button-alt.x-button-confirm.x-pressed .x-icon-el {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1635 */
.x-keyboard-mode .x-button-alt.x-button-confirm.x-focused {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1638 */
.x-keyboard-mode .x-button-alt.x-button-confirm.x-focused .x-inner-el {
    background-color: #7cb342;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1642 */
.x-keyboard-mode .x-button-alt.x-button-confirm.x-focused .x-icon-el {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1659 */
.x-button .x-icon-el.fa-1x {
    /**
 * To make the font-awesome mentioned class styles applicable if .#{$prefix}icon-el class is present.
 * Because .#{$prefix}icon-el styles overrides font-awesome icon sizes
 */
    width: 100%;
    height: 100%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1663 */
.x-button .x-icon-el.fa-1x:before {
    font-size: 1em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1668 */
.x-ie11 .x-button .x-icon-el.fa-1x:before {
    font-size: 1em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1659 */
.x-button .x-icon-el.fa-2x {
    /**
 * To make the font-awesome mentioned class styles applicable if .#{$prefix}icon-el class is present.
 * Because .#{$prefix}icon-el styles overrides font-awesome icon sizes
 */
    width: 100%;
    height: 100%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1663 */
.x-button .x-icon-el.fa-2x:before {
    font-size: 1em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1668 */
.x-ie11 .x-button .x-icon-el.fa-2x:before {
    font-size: 2em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1659 */
.x-button .x-icon-el.fa-3x {
    /**
 * To make the font-awesome mentioned class styles applicable if .#{$prefix}icon-el class is present.
 * Because .#{$prefix}icon-el styles overrides font-awesome icon sizes
 */
    width: 100%;
    height: 100%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1663 */
.x-button .x-icon-el.fa-3x:before {
    font-size: 1em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1668 */
.x-ie11 .x-button .x-icon-el.fa-3x:before {
    font-size: 3em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1659 */
.x-button .x-icon-el.fa-4x {
    /**
 * To make the font-awesome mentioned class styles applicable if .#{$prefix}icon-el class is present.
 * Because .#{$prefix}icon-el styles overrides font-awesome icon sizes
 */
    width: 100%;
    height: 100%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1663 */
.x-button .x-icon-el.fa-4x:before {
    font-size: 1em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1668 */
.x-ie11 .x-button .x-icon-el.fa-4x:before {
    font-size: 4em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1659 */
.x-button .x-icon-el.fa-5x {
    /**
 * To make the font-awesome mentioned class styles applicable if .#{$prefix}icon-el class is present.
 * Because .#{$prefix}icon-el styles overrides font-awesome icon sizes
 */
    width: 100%;
    height: 100%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1663 */
.x-button .x-icon-el.fa-5x:before {
    font-size: 1em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1668 */
.x-ie11 .x-button .x-icon-el.fa-5x:before {
    font-size: 5em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1659 */
.x-button .x-icon-el.fa-6x {
    /**
 * To make the font-awesome mentioned class styles applicable if .#{$prefix}icon-el class is present.
 * Because .#{$prefix}icon-el styles overrides font-awesome icon sizes
 */
    width: 100%;
    height: 100%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1663 */
.x-button .x-icon-el.fa-6x:before {
    font-size: 1em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1668 */
.x-ie11 .x-button .x-icon-el.fa-6x:before {
    font-size: 6em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1659 */
.x-button .x-icon-el.fa-7x {
    /**
 * To make the font-awesome mentioned class styles applicable if .#{$prefix}icon-el class is present.
 * Because .#{$prefix}icon-el styles overrides font-awesome icon sizes
 */
    width: 100%;
    height: 100%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1663 */
.x-button .x-icon-el.fa-7x:before {
    font-size: 1em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1668 */
.x-ie11 .x-button .x-icon-el.fa-7x:before {
    font-size: 7em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1659 */
.x-button .x-icon-el.fa-8x {
    /**
 * To make the font-awesome mentioned class styles applicable if .#{$prefix}icon-el class is present.
 * Because .#{$prefix}icon-el styles overrides font-awesome icon sizes
 */
    width: 100%;
    height: 100%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1663 */
.x-button .x-icon-el.fa-8x:before {
    font-size: 1em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1668 */
.x-ie11 .x-button .x-icon-el.fa-8x:before {
    font-size: 8em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1659 */
.x-button .x-icon-el.fa-9x {
    /**
 * To make the font-awesome mentioned class styles applicable if .#{$prefix}icon-el class is present.
 * Because .#{$prefix}icon-el styles overrides font-awesome icon sizes
 */
    width: 100%;
    height: 100%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1663 */
.x-button .x-icon-el.fa-9x:before {
    font-size: 1em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1668 */
.x-ie11 .x-button .x-icon-el.fa-9x:before {
    font-size: 9em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1659 */
.x-button .x-icon-el.fa-10x {
    /**
 * To make the font-awesome mentioned class styles applicable if .#{$prefix}icon-el class is present.
 * Because .#{$prefix}icon-el styles overrides font-awesome icon sizes
 */
    width: 100%;
    height: 100%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1663 */
.x-button .x-icon-el.fa-10x:before {
    font-size: 1em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1668 */
.x-ie11 .x-button .x-icon-el.fa-10x:before {
    font-size: 10em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1675 */
.x-button .x-icon-el.fa-lg,
.x-button .x-icon-el.fa-sm,
.x-button .x-icon-el.fa-xs {
    width: 100%;
    height: 100%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1683 */
.x-button .x-icon-el.fa-lg:before,
.x-button .x-icon-el.fa-sm:before,
.x-button .x-icon-el.fa-xs:before {
    font-size: 1em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1692 */
.x-ie11 .x-button .x-icon-el.fa-lg:before {
    font-size: 1.33333em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1696 */
.x-ie11 .x-button .x-icon-el.fa-xs:before {
    font-size: 0.75em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/Button.scss:1700 */
.x-ie11 .x-button .x-icon-el.fa-sm:before {
    font-size: 0.875em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1456 */
.x-splitButton-alt.x-splitButton-decline {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1459 */
.x-splitButton-alt.x-splitButton-decline .x-icon-el {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1463 */
.x-splitButton-alt.x-splitButton-decline .x-arrow-el {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1467 */
.x-splitButton-alt.x-splitButton-decline .x-splitBody-el {
    background-color: #c62828;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1477 */
.x-splitButton-alt.x-splitButton-decline.x-arrow-align-right .x-splitArrow-el {
    border-left: 1px solid #fff;
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1480 */
.x-splitButton-alt.x-splitButton-decline.x-arrow-align-right .x-splitArrow-el.x-hovered {
    border-left: 1px solid #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1484 */
.x-splitButton-alt.x-splitButton-decline.x-arrow-align-right .x-splitArrow-el.x-focused {
    border-left: 1px solid #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1488 */
.x-splitButton-alt.x-splitButton-decline.x-arrow-align-right .x-splitArrow-el.x-pressing,
.x-splitButton-alt.x-splitButton-decline.x-arrow-align-right .x-splitArrow-el.x-pressed {
    border-left: 1px solid #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1493 */
.x-splitButton-alt.x-splitButton-decline.x-arrow-align-bottom .x-splitArrow-el {
    border-top: 1px solid #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1496 */
.x-splitButton-alt.x-splitButton-decline.x-arrow-align-bottom .x-splitArrow-el.x-hovered {
    border-top: 1px solid #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1500 */
.x-splitButton-alt.x-splitButton-decline.x-arrow-align-bottom .x-splitArrow-el.x-focused {
    border-top: 1px solid #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1504 */
.x-splitButton-alt.x-splitButton-decline.x-arrow-align-bottom .x-splitArrow-el.x-pressing,
.x-splitButton-alt.x-splitButton-decline.x-arrow-align-bottom .x-splitArrow-el.x-pressed {
    border-top: 1px solid #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1509 */
.x-splitButton-alt.x-splitButton-decline.x-hovered {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1512 */
.x-splitButton-alt.x-splitButton-decline.x-hovered .x-icon-el {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1517 */
.x-splitButton-alt.x-splitButton-decline .x-hovered {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1520 */
.x-splitButton-alt.x-splitButton-decline .x-hovered.x-splitBody-el {
    background-color: #c62828;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1524 */
.x-splitButton-alt.x-splitButton-decline .x-hovered.x-splitInner-el {
    background-color: #c62828;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1528 */
.x-splitButton-alt.x-splitButton-decline .x-hovered.x-splitArrow-el {
    background-color: #c62828;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1533 */
.x-splitButton-alt.x-splitButton-decline.x-pressing,
.x-splitButton-alt.x-splitButton-decline.x-pressed {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1536 */
.x-splitButton-alt.x-splitButton-decline.x-pressing .x-icon-el,
.x-splitButton-alt.x-splitButton-decline.x-pressed .x-icon-el {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1541 */
.x-splitButton-alt.x-splitButton-decline .x-pressing,
.x-splitButton-alt.x-splitButton-decline .x-pressed {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1544 */
.x-splitButton-alt.x-splitButton-decline .x-pressing.x-splitBody-el,
.x-splitButton-alt.x-splitButton-decline .x-pressed.x-splitBody-el {
    background-color: #c62828;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1548 */
.x-splitButton-alt.x-splitButton-decline .x-pressing.x-splitInner-el,
.x-splitButton-alt.x-splitButton-decline .x-pressed.x-splitInner-el {
    background-color: #c62828;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1552 */
.x-splitButton-alt.x-splitButton-decline .x-pressing.x-splitArrow-el,
.x-splitButton-alt.x-splitButton-decline .x-pressed.x-splitArrow-el {
    background-color: #c62828;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1558 */
.x-keyboard-mode .x-splitButton-alt.x-splitButton-decline.x-focused {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1561 */
.x-keyboard-mode .x-splitButton-alt.x-splitButton-decline.x-focused .x-icon-el {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1568 */
.x-keyboard-mode .x-splitButton-alt.x-splitButton-decline .x-focused {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1571 */
.x-keyboard-mode .x-splitButton-alt.x-splitButton-decline .x-focused.x-splitBody-el {
    background-color: #c62828;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1575 */
.x-keyboard-mode .x-splitButton-alt.x-splitButton-decline .x-focused.x-splitInner-el {
    background-color: #c62828;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1579 */
.x-keyboard-mode .x-splitButton-alt.x-splitButton-decline .x-focused.x-splitArrow-el {
    background-color: #c62828;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1456 */
.x-splitButton-alt.x-splitButton-confirm {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1459 */
.x-splitButton-alt.x-splitButton-confirm .x-icon-el {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1463 */
.x-splitButton-alt.x-splitButton-confirm .x-arrow-el {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1467 */
.x-splitButton-alt.x-splitButton-confirm .x-splitBody-el {
    background-color: #7cb342;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1477 */
.x-splitButton-alt.x-splitButton-confirm.x-arrow-align-right .x-splitArrow-el {
    border-left: 1px solid #fff;
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1480 */
.x-splitButton-alt.x-splitButton-confirm.x-arrow-align-right .x-splitArrow-el.x-hovered {
    border-left: 1px solid #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1484 */
.x-splitButton-alt.x-splitButton-confirm.x-arrow-align-right .x-splitArrow-el.x-focused {
    border-left: 1px solid #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1488 */
.x-splitButton-alt.x-splitButton-confirm.x-arrow-align-right .x-splitArrow-el.x-pressing,
.x-splitButton-alt.x-splitButton-confirm.x-arrow-align-right .x-splitArrow-el.x-pressed {
    border-left: 1px solid #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1493 */
.x-splitButton-alt.x-splitButton-confirm.x-arrow-align-bottom .x-splitArrow-el {
    border-top: 1px solid #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1496 */
.x-splitButton-alt.x-splitButton-confirm.x-arrow-align-bottom .x-splitArrow-el.x-hovered {
    border-top: 1px solid #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1500 */
.x-splitButton-alt.x-splitButton-confirm.x-arrow-align-bottom .x-splitArrow-el.x-focused {
    border-top: 1px solid #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1504 */
.x-splitButton-alt.x-splitButton-confirm.x-arrow-align-bottom .x-splitArrow-el.x-pressing,
.x-splitButton-alt.x-splitButton-confirm.x-arrow-align-bottom .x-splitArrow-el.x-pressed {
    border-top: 1px solid #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1509 */
.x-splitButton-alt.x-splitButton-confirm.x-hovered {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1512 */
.x-splitButton-alt.x-splitButton-confirm.x-hovered .x-icon-el {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1517 */
.x-splitButton-alt.x-splitButton-confirm .x-hovered {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1520 */
.x-splitButton-alt.x-splitButton-confirm .x-hovered.x-splitBody-el {
    background-color: #7cb342;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1524 */
.x-splitButton-alt.x-splitButton-confirm .x-hovered.x-splitInner-el {
    background-color: #7cb342;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1528 */
.x-splitButton-alt.x-splitButton-confirm .x-hovered.x-splitArrow-el {
    background-color: #7cb342;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1533 */
.x-splitButton-alt.x-splitButton-confirm.x-pressing,
.x-splitButton-alt.x-splitButton-confirm.x-pressed {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1536 */
.x-splitButton-alt.x-splitButton-confirm.x-pressing .x-icon-el,
.x-splitButton-alt.x-splitButton-confirm.x-pressed .x-icon-el {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1541 */
.x-splitButton-alt.x-splitButton-confirm .x-pressing,
.x-splitButton-alt.x-splitButton-confirm .x-pressed {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1544 */
.x-splitButton-alt.x-splitButton-confirm .x-pressing.x-splitBody-el,
.x-splitButton-alt.x-splitButton-confirm .x-pressed.x-splitBody-el {
    background-color: #7cb342;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1548 */
.x-splitButton-alt.x-splitButton-confirm .x-pressing.x-splitInner-el,
.x-splitButton-alt.x-splitButton-confirm .x-pressed.x-splitInner-el {
    background-color: #7cb342;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1552 */
.x-splitButton-alt.x-splitButton-confirm .x-pressing.x-splitArrow-el,
.x-splitButton-alt.x-splitButton-confirm .x-pressed.x-splitArrow-el {
    background-color: #7cb342;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1558 */
.x-keyboard-mode .x-splitButton-alt.x-splitButton-confirm.x-focused {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1561 */
.x-keyboard-mode .x-splitButton-alt.x-splitButton-confirm.x-focused .x-icon-el {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1568 */
.x-keyboard-mode .x-splitButton-alt.x-splitButton-confirm .x-focused {
    color: #fff;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1571 */
.x-keyboard-mode .x-splitButton-alt.x-splitButton-confirm .x-focused.x-splitBody-el {
    background-color: #7cb342;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1575 */
.x-keyboard-mode .x-splitButton-alt.x-splitButton-confirm .x-focused.x-splitInner-el {
    background-color: #7cb342;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/var/SplitButton.scss:1579 */
.x-keyboard-mode .x-splitButton-alt.x-splitButton-confirm .x-focused.x-splitArrow-el {
    background-color: #7cb342;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/sass/src/gauge/Gauge.scss:1 */
.x-gauge svg {
    display: block;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/sass/src/gauge/Gauge.scss:6 */
.x-gauge-text {
    position: absolute;
    text-align: center;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/sass/var/gauge/Gauge.scss:39 */
.x-gauge svg {
    display: block;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/sass/var/gauge/Gauge.scss:42 */
.x-gauge .x-gauge-track {
    fill: #bbdefb;
    fill-opacity: 1;
    stroke-opacity: 1;
    stroke-width: 1;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/sass/var/gauge/Gauge.scss:50 */
.x-gauge .x-gauge-value {
    fill: #2196f3;
    fill-opacity: 1;
    stroke: none;
    stroke-opacity: 1;
    stroke-width: 1;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/sass/var/gauge/Gauge.scss:58 */
.x-gauge .x-gauge-needle {
    fill-opacity: 1;
    stroke: none;
    stroke-opacity: 1;
    stroke-width: 1;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/sass/src/rating/Picker.scss:1 */
.ux-rating-picker {
    overflow: hidden;
    color: #ccc;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
    display: inline-block;
    vertical-align: top;
    line-height: 1;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/sass/src/rating/Picker.scss:15 */
.ux-rating-picker-inner {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    white-space: nowrap;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/sass/src/rating/Picker.scss:28 */
.ux-rating-picker-over.ux-rating-picker-track-over {
    color: #ccc;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/sass/src/rating/Picker.scss:31 */
.ux-rating-picker-over.ux-rating-picker-track-over > * > .ux-rating-picker-value {
    display: none;
    width: 0;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/sass/src/rating/Picker.scss:36 */
.ux-rating-picker-over.ux-rating-picker-track-over > * > .ux-rating-picker-value:hover {
    color: inherit;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/sass/src/rating/Picker.scss:40 */
.ux-rating-picker-over.ux-rating-picker-track-over > * > .ux-rating-picker-tracker {
    display: inline-block;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/sass/src/rating/Picker.scss:45 */
.ux-rating-picker-value,
.ux-rating-picker-tracker {
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    top: 0;
    width: 0;
    height: 100%;
    color: #ffe850;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/sass/src/rating/Picker.scss:58 */
.ux-rating-picker-tracker {
    display: none;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/sass/src/rating/Picker.scss:62 */
.ux-rating-picker-over {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:2 */
.x-colorpicker {
    /* The actual pop window with the color picker components */
    overflow: visible;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:8 */
.x-colorpicker >.x-box-inner {
    overflow: visible;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:12 */
.x-colorpicker .x-field.x-label-text-align-left >.x-label-el {
    text-align: center;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:16 */
.x-colorpicker .x-body-el {
    overflow: visible;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:20 */
.x-colorpicker .x-colorpicker-escape-overflow {
    overflow: visible;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:24 */
.x-colorpicker .x-colorpicker-slider {
    overflow: visible;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:28 */
.x-colorpicker .x-button.x-has-text .x-inner-el {
    padding: 8px 0;
    text-align: center;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:35 */
.x-colorpicker .x-textfield > .x-label-el:after {
    display: none;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:43 */
.x-phone.x-portrait .x-colorpicker-column-sslider,
.x-phone.x-portrait .x-colorpicker-column-vslider,
.x-phone.x-portrait .x-colorpicker-column-preview {
    display: none;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:51 */
.x-phone.x-landscape .x-colorpicker {
    max-height: 90vh;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:56 */
.x-phone .x-colorpicker-escape-overflow .x-input-el {
    padding-left: 2px;
    padding-right: 2px;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:63 */
.x-colorpicker-colormap {
    background-image: url(images/colorpick/map_gradient.png);
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:70 */
.x-colorpicker-colormap-draghandle-container {
    overflow: visible;
    z-index: 1;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:76 */
.x-colorpicker-colormap-blender {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:84 */
.x-colorpicker-colormap-draghandle {
    width: 15px;
    height: 15px;
    position: relative;
    left: -7px;
    top: -7px;
    background-image: url(images/colorpick/drag_circle.png);
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:95 */
.x-colorpicker-draghandle-container {
    width: 20px;
    overflow: visible;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:98 */
.x-colorpicker-draghandle-container .x-autocontainer-outerCt {
    height: 100%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:103 */
.x-colorpicker-draghandle {
    width: 32px;
    height: 9px;
    position: relative;
    left: -6px;
    top: -4px;
    background-image: url(images/colorpick/pickerslider.png);
    background-repeat: no-repeat;
    z-index: 1;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:114 */
.x-colorpicker-hue {
    background-image: url(images/colorpick/huegradient.png);
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:121 */
.x-colorpicker-hue-gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:135 */
.x-colorpicker-saturation .x-colorpicker-draghandle-container {
    background: -moz-linear-gradient(top, #fff 0%, #000 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, #fff 0%, #000 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fff 0%, #000 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fff 0%, #000 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fff 0%, #000 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:146 */
.x-colorpicker-value .x-colorpicker-draghandle-container {
    background: -moz-linear-gradient(top, red 0%, #000 100%);
    /* FF3.6+ */
    background: -webkit-linear-gradient(top, red 0%, #000 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, red 0%, #000 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, red 0%, #000 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, red 0%, #000 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#000000',GradientType=0 );
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:157 */
.x-colorpicker-alpha .x-colorpicker-draghandle-container {
    background-image: url(images/colorpick/checkerboard.png);
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:163 */
.x-colorpicker-preview {
    background-image: url(images/colorpick/checkerboard.png);
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:167 */
.x-colorpreview {
    position: relative;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:170 */
.x-colorpreview .x-colorpreview-filter-el {
    height: 100%;
    position: absolute;
    width: 100%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Selector.scss:176 */
.x-colorpreview .x-colorpreview-btn-el {
    height: 100%;
    position: absolute;
    width: 100%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Button.scss:1 */
.x-colorpicker-button {
    position: relative;
    border: 1px solid gray;
    background-image: url(images/colorpick/checkerboard.png);
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Button.scss:6 */
.x-colorpicker-button .x-colorbutton-filter-el {
    height: 100%;
    position: absolute;
    width: 100%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Button.scss:12 */
.x-colorpicker-button .x-colorbutton-btn-el {
    height: 100%;
    position: absolute;
    width: 100%;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Field.scss:3 */
.x-colorpicker-field .x-form-item-body {
    position: relative;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Field.scss:8 */
.x-colorpicker-field .x-input-el.x-input-el {
    padding-left: 26px;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Field.scss:14 */
.x-colorpicker-field-swatch {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 4px;
    background-image: url(images/colorpick/checkerboard.png);
    top: 0px;
    bottom: 0px;
    margin: auto;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/ux/modern/sass/src/colorpick/Field.scss:27 */
.x-colorpicker-field-swatch-inner {
    position: absolute;
    height: 100%;
    width: 100%;
}