.dvx-chart {
    font-family: sans-serif;
    font-size: 16px;
    line-height: 18px;
    position: relative;
    width: 100%;
    height: 100%;
}
.dvx-chart .dvx-chart-svg {
    width: 100%;
    height: 100%;
    display: inline-block;
}
.dvx-chart .dvx-chart-area-polygon {
    stroke-width: 0;
}
.dvx-chart .dvx-chart-area-line {
    fill: none;
}
.dvx-chart .dvx-chart-toolbar {
    position: absolute;
    margin: 0;
    padding: 2px;
    list-style-type: none;
    white-space: nowrap;
}
.dvx-chart .dvx-chart-toolbar li {
    display: inline-block;
    vertical-align: top;
    margin: 0 2px;
    padding: 2px 0;
    cursor: pointer;
}
.dvx-chart .dvx-chart-toolbar span.ui-icon {
    float: left;
    margin: 0 2px;
}
.dvx-chart .dvx-chart-toolbar .dvx-chart-toolbar-separator {
    height: 16px;
    width: 1px;
}
.dvx-chart .dvx-chart-selection-rect {
    fill: rgba(125, 125, 125, 0.2);
}
.dvx-chart .dvx-chart-crosshair {
    stroke: red;
    stroke-width: 1px;
}
.dvx-chart .dvx-chart-tooltip {
    position: absolute;
    white-space: nowrap;
    padding: 8px;
    z-index: 9999;
    border: 1px solid #ddd;
    color: #333;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 5px #aaa;
    border-width: 2px;
    background-image: none;
    pointer-events: none;
}
.dvx-chart .dvx-chart-tooltip-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}
.dvx-chart-no-data-text {
    font-size: 24px;
}
.dvx-chart-area {
    /* stroke: #ccc;
    stroke-width: 1; */
    fill: none;
}
.dvx-chart-grid-area {
    fill: none;
}
.dvx-chart-title {
    font-size: 16px;
    font-weight: bold;
    fill: black;
}
.dvx-chart-series-area {
    fill: none;
}
.dvx-chart-legend {
    stroke: #ccc;
    stroke-width: 1;
    fill: none;
}
.dvx-chart-legend-title {
    font-size: 14px;
    font-weight: bold;
    fill: #fff;
    stroke: none;
}
.dvx-chart-legend-item-text {
    font-size: 14px;
    fill: #fff;
}
.dvx-chart-legend-item-text-inactive {
    font-size: 14px;
    fill: gray;
}
.dvx-chart-legend-item-fill-inactive {
    fill: gray;
}
.dvx-chart-legend-item-stroke-inactive {
    stroke: gray;
}
.dvx-chart-axis-main-line {
    stroke-width: 1;
    stroke: black;
    fill: none;
}
.dvx-chart-axis-label {
    font-size: 12px;
    fill: black;
}
.dvx-chart-axis-title {
    font-size: 16px;
    fill: black;
}
.dvx-chart-axis-minor-tick-mark {
    stroke: black;
    stroke-width: 1;
    fill: none;
}
.dvx-chart-axis-major-tick-mark {
    stroke: black;
    stroke-width: 1;
    fill: none;
}
.dvx-chart-axis-minor-grid-line {
    stroke: gray;
    stroke-width: 1;
    fill: none;
}
.dvx-chart-axis-major-grid-line {
    stroke: gray;
    stroke-width: 1;
    fill: none;
}
.dvx-chart-stroke-series {
    stroke-width: 2;
    fill: none;
}
.dvx-chart-legend-item {
    cursor: pointer;
    fill: none;
    stroke: none;
}
.dvx-chart-legend-item .dvx-chart-marker-stroke-width {
    stroke-width: 4;
}
.dvx-chart-legend-item .dvx-chart-series-data-group.dvx-chart-marker-stroke-width {
    stroke-width: 4;
}
.dvx-chart-series-label {
    font-size: 18px;
    fill: #000;
}
.dvx-chart-trial-watermark {
    fill: red;
}
.dvx-chart-stroke-color-0 {
    stroke: #418cf0;
}
.dvx-chart-stroke-color-1 {
    stroke: #fcb441;
}
.dvx-chart-stroke-color-2 {
    stroke: #e0400a;
}
.dvx-chart-stroke-color-3 {
    stroke: #056492;
}
.dvx-chart-stroke-color-4 {
    stroke: #bfbfbf;
}
.dvx-chart-stroke-color-5 {
    stroke: #1a3b69;
}
.dvx-chart-stroke-color-6 {
    stroke: #ffe382;
}
.dvx-chart-stroke-color-7 {
    stroke: #129cdd;
}
.dvx-chart-stroke-color-8 {
    stroke: #ca6b4b;
}
.dvx-chart-stroke-color-9 {
    stroke: #005cdb;
}
.dvx-chart-stroke-color-10 {
    stroke: #f3d288;
}
.dvx-chart-stroke-color-11 {
    stroke: #506381;
}
.dvx-chart-stroke-color-12 {
    stroke: #f1b9a8;
}
.dvx-chart-stroke-color-13 {
    stroke: #e0830a;
}
.dvx-chart-stroke-color-14 {
    stroke: #7893be;
}
.dvx-chart-fill-color-0 {
    fill: #01e6eb;
}
.dvx-chart-fill-color-1 {
    fill: #e2a100;
}
.dvx-chart-fill-color-2 {
    fill: #0d3a97;
}
.dvx-chart-fill-color-3 {
    fill: #ebc701;
}
.dvx-chart-fill-color-4 {
    fill: #14b6ff;
}
.dvx-chart-fill-color-5 {
    fill: #ef3c25;
}
.dvx-chart-fill-color-6 {
    fill: #ffe382;
}
.dvx-chart-fill-color-7 {
    fill: #129cdd;
}
.dvx-chart-fill-color-8 {
    fill: #ca6b4b;
}
.dvx-chart-fill-color-9 {
    fill: #005cdb;
}
.dvx-chart-fill-color-10 {
    fill: #f3d288;
}
.dvx-chart-fill-color-11 {
    fill: #506381;
}
.dvx-chart-fill-color-12 {
    fill: #f1b9a8;
}
.dvx-chart-fill-color-13 {
    fill: #e0830a;
}
.dvx-chart-fill-color-14 {
    fill: #7893be;
}
.dvx-chart-fill-color-0 .dvx-chart-series-item:hover {
    fill: #01e6eb;
}
.dvx-chart-fill-color-1 .dvx-chart-series-item:hover {
    fill: #14b6ff;
}
.dvx-chart-fill-color-2 .dvx-chart-series-item:hover {
    fill: #0d3a97;
}
.dvx-chart-fill-color-3 .dvx-chart-series-item:hover {
    fill: #e2a100;
}
.dvx-chart-fill-color-4 .dvx-chart-series-item:hover {
    fill: #ebc701;
}
.dvx-chart-fill-color-5 .dvx-chart-series-item:hover {
    fill: #ef3c25;
}
.dvx-chart-fill-color-6 .dvx-chart-series-item:hover {
    fill: #ffeeb5;
}
.dvx-chart-fill-color-7 .dvx-chart-series-item:hover {
    fill: #34b3ee;
}
.dvx-chart-fill-color-8 .dvx-chart-series-item:hover {
    fill: #d68b72;
}
.dvx-chart-fill-color-9 .dvx-chart-series-item:hover {
    fill: #0f74ff;
}
.dvx-chart-fill-color-10 .dvx-chart-series-item:hover {
    fill: #f8e4b6;
}
.dvx-chart-fill-color-11 .dvx-chart-series-item:hover {
    fill: #657b9f;
}
.dvx-chart-fill-color-12 .dvx-chart-series-item:hover {
    fill: #f8dcd4;
}
.dvx-chart-fill-color-13 .dvx-chart-series-item:hover {
    fill: #f59c28;
}
.dvx-chart-fill-color-14 .dvx-chart-series-item:hover {
    fill: #9aafcf;
}
.dvx-chart-measuring-svg {
    font-family: sans-serif;
    font-size: 16px;
    line-height: 18px;
    position: absolute;
    display: inline-block;
    left: -10000px;
    top: -10000px;
}
.dvx-rangeslider {
    position: relative;
    width: 100%;
    height: 100%;
}
.dvx-rangeslider .ui-icon {
    margin: 0;
}
.dvx-rangeslider .dvx-rangeslider-arrow-left {
    position: absolute;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    left: 0;
}
.dvx-rangeslider .dvx-rangeslider-arrow-right {
    position: absolute;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
}
.dvx-rangeslider .dvx-rangeslider-handle-left {
    position: absolute;
    cursor: ew-resize;
    display: inline-flex;
    align-items: center;
}
.dvx-rangeslider .dvx-rangeslider-handle-right {
    position: absolute;
    cursor: ew-resize;
    display: inline-flex;
    align-items: center;
}
.dvx-rangeslider .dvx-rangeslider-slider-horizontal {
    position: absolute;
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
}
.dvx-rangeslider .dvx-rangeslider-slider-horizontal-dragging {
    cursor: -moz-grabbing;
    cursor: grabbing;
}
.dvx-rangeslider .dvx-rangeslider-background-horizontal {
    position: absolute;
}
.dvx-rangeslider .dvx-rangeslider-background-horizontal-left {
    position: absolute;
}
.dvx-rangeslider .dvx-rangeslider-background-horizontal-right {
    position: absolute;
}
.dvx-rangeslider .dvx-rangeslider-arrow-bottom {
    position: absolute;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
}
.dvx-rangeslider .dvx-rangeslider-arrow-top {
    position: absolute;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
}
.dvx-rangeslider .dvx-rangeslider-handle-bottom {
    position: absolute;
    cursor: ns-resize;
    display: inline-flex;
    justify-content: center;
}
.dvx-rangeslider .dvx-rangeslider-handle-top {
    position: absolute;
    cursor: ns-resize;
    display: inline-flex;
    justify-content: center;
}
.dvx-rangeslider .dvx-rangeslider-slider-vertical {
    position: absolute;
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
}
.dvx-rangeslider .dvx-rangeslider-slider-vertical-dragging {
    cursor: -moz-grabbing;
    cursor: grabbing;
}
.dvx-rangeslider .dvx-rangeslider-background-vertical {
    position: absolute;
}
.dvx-rangeslider .dvx-rangeslider-background-vertical-bottom {
    position: absolute;
}
.dvx-rangeslider .dvx-rangeslider-background-vertical-top {
    position: absolute;
}