yvan-ext-mobile/assets/ext-7.4/packages/charts/modern/modern-triton/resources/charts-all-rtl-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: 'Font Awesome 5 Free' !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: '\f037' !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: '\f039' !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: '\f036' !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: '\f038' !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: '\f063' !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: '\f061' !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: '\f062' !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: '\f0c9' !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: '\f0d7' !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: '\f0d9' !important;
}
/* 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: '\f0da' !important;
}
/* 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: '\f0d8' !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: '\f00c' !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: '\f078' !important;
}
/* 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: '\f053' !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: '\f054' !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: '\f077' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-neptune/sass/etc/font-icons.scss:11 */
.fi-edit:before {
    content: '\f044' !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: '\f141' !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: '\f142' !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: '\f0b0' !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: '\f013' !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: '\f0c0' !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: '\f015' !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: '\f023' !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: '\f068' !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: '\f303' !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: '\f067' !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: '\f02f' !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: '\f021' !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: '\f021' !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: '\f0c7' !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: '\f002' !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: '\f005' !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: '\f00d' !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: '\f2ed' !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: '\f00a' !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: '\f00b' !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: '\f0e2' !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: '\f09c' !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: '\f007' !important;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-triton/sass/etc/all.scss:4 */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Light.ttf');
    font-weight: 300;
    font-style: normal;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-triton/sass/etc/all.scss:11 */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-LightItalic.ttf');
    font-weight: 300;
    font-style: italic;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-triton/sass/etc/all.scss:18 */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-triton/sass/etc/all.scss:25 */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Italic.ttf');
    font-weight: 400;
    font-style: italic;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-triton/sass/etc/all.scss:32 */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Semibold.ttf');
    font-weight: 600;
    font-style: normal;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-triton/sass/etc/all.scss:39 */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-SemiboldItalic.ttf');
    font-weight: 600;
    font-style: italic;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-triton/sass/etc/all.scss:46 */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Bold.ttf');
    font-weight: 700;
    font-style: normal;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-triton/sass/etc/all.scss:53 */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-BoldItalic.ttf');
    font-weight: 700;
    font-style: italic;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-triton/sass/etc/all.scss:60 */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-ExtraBold.ttf');
    font-weight: 800;
    font-style: normal;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/modern/theme-triton/sass/etc/all.scss:67 */
@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-ExtraBoldItalic.ttf');
    font-weight: 800;
    font-style: italic;
}
/* 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/packages/charts/sass/src/draw/Surface.scss:2 */
.x-surface,
.x-surface-canvas {
    position: absolute;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/sass/src/draw/Container.scss:1 */
.x-draw-container {
    position: relative;
    cursor: default;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/sass/src/chart/legend/Legend.scss:1 */
.x-legend {
    background: #fff;
    outline: none;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/sass/src/chart/legend/Legend.scss:6 */
.x-legend-horizontal {
    overflow-x: auto;
    overflow-y: hidden;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/sass/src/chart/legend/Legend.scss:12 */
.x-legend-horizontal .x-legend-item {
    display: inline-block;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/sass/src/chart/legend/Legend.scss:19 */
.x-legend-horizontal .x-legend-item:first-child {
    border-left: 1px solid #ccc;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/sass/src/chart/legend/Legend.scss:31 */
.x-legend-horizontal.x-rtl .x-legend-item:first-child {
    border-right: 1px solid #ccc;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/sass/src/chart/legend/Legend.scss:36 */
.x-legend-horizontal.x-rtl .x-legend-item:last-child {
    border-right: none;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/sass/src/chart/legend/Legend.scss:44 */
.x-legend-vertical {
    overflow-x: hidden;
    overflow-y: auto;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/sass/src/chart/legend/Legend.scss:49 */
.x-legend-vertical .x-legend-item {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/sass/src/chart/legend/Legend.scss:54 */
.x-legend-vertical .x-legend-item:first-child {
    border-top: 1px solid #ccc;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/sass/src/chart/legend/Legend.scss:67 */
.x-legend-item-inactive {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    opacity: 0.3;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/sass/src/chart/legend/Legend.scss:71 */
.x-legend-item {
    padding: 0.8em 0.6em 0.8em 1.8em;
    color: #333;
    background: rgba(255, 255, 255, 0);
    max-width: 16em;
    min-width: 0;
    font-size: 13px;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, sans-serif;
    line-height: 13px;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/sass/src/chart/legend/Legend.scss:87 */
.x-rtl > * > .x-legend-item {
    padding: 0.8em 1.8em 0.8em 1em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/sass/src/chart/legend/Legend.scss:91 */
.x-legend-item-marker {
    position: absolute;
    width: 0.8em;
    height: 0.8em;
    -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: 0.7em;
    top: 0.85em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/sass/src/chart/legend/Legend.scss:103 */
.x-rtl > * > * > .x-legend-item-marker {
    right: 0.7em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/modern/sass/src/draw/Container.scss:1 */
.x-chart-preview > img {
    width: 100% !important;
    height: auto !important;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/modern/sass/src/chart/legend/Legend.scss:13 */
.x-legend .x-legend-body-el {
    /*
 * The DOM looks like this:
 *
 *     ext-legend
 *         x-legend-body-el x-legend-horizontal/vertical
 *             x-legend-item
 *             x-legend-item
 *
 * The `x-legend-body-el` is what is being scrolled.
 */
    display: inline-block;
    margin: auto;
    white-space: nowrap !important;
    line-height: 0;
    background: #fff;
    -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;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/modern/sass/src/chart/legend/Legend.scss:29 */
.x-legend-horizontal .x-legend-body-el {
    display: table;
    margin: 0 auto;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/modern/sass/src/chart/legend/Legend.scss:35 */
.x-legend-item {
    font-size: 13px;
    line-height: 13px;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/modern/sass/src/chart/legend/Legend.scss:40 */
.x-legend-item-marker {
    top: 0.95em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/modern/sass/src/chart/legend/Legend.scss:44 */
.x-legend-body-el {
    white-space: nowrap;
    padding: 10px;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/modern/sass/src/chart/legend/Legend.scss:49 */
.x-legend-horizontal {
    overflow-x: auto;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/modern/sass/src/chart/legend/Legend.scss:53 */
.x-legend-vertical .x-legend-body-el {
    overflow-y: auto;
    flex: none;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/modern/sass/src/chart/AbstractChart.scss:1 */
.x-chart-toolbar {
    position: absolute;
    z-index: 9;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: box;
    padding: 0.6em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/modern/sass/src/chart/AbstractChart.scss:7 */
.x-chart-toolbar .x-button {
    margin: 0.2em;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/modern/sass/src/chart/AbstractChart.scss:11 */
.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;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/modern/sass/src/chart/AbstractChart.scss:16 */
.x-chart-toolbar[data-side=left] {
    left: 0;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/modern/sass/src/chart/AbstractChart.scss:20 */
.x-chart-toolbar[data-side=right] {
    right: 0;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/modern/sass/src/chart/AbstractChart.scss:24 */
.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;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/modern/sass/src/chart/AbstractChart.scss:29 */
.x-chart-toolbar[data-side=top] {
    top: 0;
}
/* D:/SourceCode/ext-js/ext-framework/ext-7.4.0.42/packages/charts/modern/sass/src/chart/AbstractChart.scss:33 */
.x-chart-toolbar[data-side=bottom] {
    bottom: 0;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -ms-box-orient: horizontal;
    box-orient: horizontal;
}