.x-surface,.x-surface-canvas{position:absolute}.x-draw-container{position:relative;cursor:default}.x-legend{background:#fff;outline:none}.x-legend-horizontal{overflow-x:auto;overflow-y:hidden}.x-legend-horizontal .x-legend-item{display:inline-block;border-right:1px solid #ccc;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.x-legend-horizontal .x-legend-item:first-child{border-left:1px solid #ccc;border-bottom-left-radius:0;border-top-left-radius:0}.x-legend-horizontal .x-legend-item:last-child{border-bottom-right-radius:0;border-top-right-radius:0}.x-legend-horizontal.x-rtl .x-legend-item:first-child{border-right:1px solid #ccc;border-bottom-right-radius:0;border-top-right-radius:0}.x-legend-horizontal.x-rtl .x-legend-item:last-child{border-right:none;border-bottom-left-radius:0;border-top-left-radius:0}.x-legend-vertical{overflow-x:hidden;overflow-y:auto}.x-legend-vertical .x-legend-item{border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc}.x-legend-vertical .x-legend-item:first-child{border-top:1px solid #ccc;border-top-left-radius:0;border-top-right-radius:0}.x-legend-vertical .x-legend-item:last-child{border-bottom-left-radius:0;border-bottom-right-radius:0}.x-legend-item-inactive{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";opacity:0.3}.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, verdana, sans-serif;line-height:13px;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}.x-rtl > * > .x-legend-item{padding:0.8em 1.8em 0.8em 1em}.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}.x-rtl > * > * > .x-legend-item-marker{right:0.7em}.x-legend-inner{display:table;text-align:center;padding:10px}.x-legend-horizontal .x-legend-inner{min-width:100%}.x-legend-vertical .x-legend-inner{min-height:100%}.x-legend-container{display:table-cell;vertical-align:middle;white-space:nowrap;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}.x-chart-image{width:100%;height:auto}