.plottable-colors-0
{
    background-color: #5279c7
}

.plottable-colors-1
{
    background-color: #fd373e
}

.plottable-colors-2
{
    background-color: #63c261
}

.plottable-colors-3
{
    background-color: #fad419
}

.plottable-colors-4
{
    background-color: #2c2b6f
}

.plottable-colors-5
{
    background-color: #ff7939
}

.plottable-colors-6
{
    background-color: #db2e65
}

.plottable-colors-7
{
    background-color: #99ce50
}

.plottable-colors-8
{
    background-color: #962565
}

.plottable-colors-9
{
    background-color: #06cccc
}

.plottable
{
    display: block;
    pointer-events: visibleFill;
    position: relative;
    width: 100%;
    height: 100%
}

    .plottable .component
    {
        position: absolute
    }

    .plottable .background-container, .plottable .content, .plottable .foreground-container
    {
        position: absolute;
        width: 100%;
        height: 100%
    }

    .plottable .foreground-container
    {
        pointer-events: none
    }

    .plottable .component-overflow-hidden
    {
        overflow: hidden
    }

    .plottable .component-overflow-visible
    {
        overflow: visible
    }

    .plottable .plot-canvas-container
    {
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .plottable .plot-canvas
    {
        width: 100%;
        height: 100%;
        transform-origin: 0 0 0
    }

    .plottable text
    {
        text-rendering: geometricPrecision
    }

    .plottable .label text
    {
        fill: #32313f
    }

    .plottable .bar-label-text-area.label-12 text, .plottable .scatter-label-text-area.label-12 text, .plottable .tick-label-container.label-12 text
    {
        font-size: 12px
    }

    .plottable .bar-label-text-area.label-13 text, .plottable .scatter-label-text-area.label-13 text, .plottable .tick-label-container.label-13 text
    {
        font-size: 13px
    }

    .plottable .bar-label-text-area.label-14 text, .plottable .scatter-label-text-area.label-14 text, .plottable .tick-label-container.label-14 text
    {
        font-size: 14px
    }

    .plottable .bar-label-text-area.label-15 text, .plottable .scatter-label-text-area.label-15 text, .plottable .tick-label-container.label-15 text
    {
        font-size: 15px
    }

    .plottable .bar-label-text-area.label-16 text, .plottable .scatter-label-text-area.label-16 text, .plottable .tick-label-container.label-16 text
    {
        font-size: 16px
    }

    .plottable .bar-label-text-area.label-17 text, .plottable .scatter-label-text-area.label-17 text, .plottable .tick-label-container.label-17 text
    {
        font-size: 17px
    }

    .plottable .bar-label-text-area.label-18 text, .plottable .scatter-label-text-area.label-18 text, .plottable .tick-label-container.label-18 text
    {
        font-size: 18px
    }

    .plottable .bar-label-text-area.label-19 text, .plottable .scatter-label-text-area.label-19 text, .plottable .tick-label-container.label-19 text
    {
        font-size: 19px
    }

    .plottable .bar-label-text-area.label-20 text, .plottable .scatter-label-text-area.label-20 text, .plottable .tick-label-container.label-20 text
    {
        font-size: 20px
    }

    .plottable .bar-label-text-area.label-21 text, .plottable .scatter-label-text-area.label-21 text, .plottable .tick-label-container.label-21 text
    {
        font-size: 21px
    }

    .plottable .bar-label-text-area.label-22 text, .plottable .scatter-label-text-area.label-22 text, .plottable .tick-label-container.label-22 text
    {
        font-size: 22px
    }

    .plottable .bar-label-text-area.label-23 text, .plottable .scatter-label-text-area.label-23 text, .plottable .tick-label-container.label-23 text
    {
        font-size: 23px
    }

    .plottable .bar-label-text-area.label-24 text, .plottable .scatter-label-text-area.label-24 text, .plottable .tick-label-container.label-24 text
    {
        font-size: 24px
    }

    .plottable .label-area text
    {
        fill: #32313f;
        font-size: 14px
    }

    .plottable .light-label text
    {
        fill: #fff
    }

    .plottable .dark-label text
    {
        fill: #32313f
    }

    .plottable .off-bar-label text
    {
        fill: #32313f
    }

    .plottable .stacked-bar-label text
    {
        fill: #32313f;
        font-style: normal
    }

    .plottable .stacked-bar-plot .off-bar-label
    {
        visibility: hidden !important
    }

    .plottable .axis-label text
    {
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 1px;
        line-height: normal;
        text-transform: uppercase
    }

    .plottable .title-label text
    {
        font-size: 20px;
        font-weight: 700
    }

    .plottable .axis line.baseline
    {
        stroke: #ccc;
        stroke-width: 1px
    }

    .plottable .axis line.tick-mark
    {
        stroke: #ccc;
        stroke-width: 1px
    }

    .plottable .axis text
    {
        fill: #32313f;
        font-size: 12px;
        font-weight: 200;
        line-height: normal
    }

    .plottable .axis .annotation-circle
    {
        fill: #fff;
        stroke-width: 1px;
        stroke: #ccc
    }

    .plottable .axis .annotation-line
    {
        stroke: #ccc;
        stroke-width: 1px
    }

    .plottable .axis .annotation-rect
    {
        stroke: #ccc;
        stroke-width: 1px;
        fill: #fff
    }

    .plottable .bar-plot .baseline
    {
        stroke: #999
    }

    .plottable .gridlines line
    {
        stroke: #3c3c3c;
        opacity: .25;
        stroke-width: 1px
    }

    .plottable .selection-box-layer .selection-area
    {
        fill: #000;
        fill-opacity: .03;
        stroke: #ccc
    }

    .plottable .drag-box-layer.x-resizable .drag-edge-lr
    {
        cursor: ew-resize
    }

    .plottable .drag-box-layer.y-resizable .drag-edge-tb
    {
        cursor: ns-resize
    }

    .plottable .drag-box-layer.x-resizable.y-resizable .drag-corner-tl
    {
        cursor: nwse-resize
    }

    .plottable .drag-box-layer.x-resizable.y-resizable .drag-corner-tr
    {
        cursor: nesw-resize
    }

    .plottable .drag-box-layer.x-resizable.y-resizable .drag-corner-bl
    {
        cursor: nesw-resize
    }

    .plottable .drag-box-layer.x-resizable.y-resizable .drag-corner-br
    {
        cursor: nwse-resize
    }

    .plottable .drag-box-layer.movable .selection-area
    {
        cursor: move;
        cursor: -moz-grab;
        cursor: -webkit-grab;
        cursor: grab
    }

        .plottable .drag-box-layer.movable .selection-area:active
        {
            cursor: -moz-grabbing;
            cursor: -webkit-grabbing;
            cursor: grabbing
        }

    .plottable .guide-line-layer line.guide-line
    {
        stroke: #ccc;
        stroke-width: 1px
    }

    .plottable .drag-line-layer.enabled.vertical line.drag-edge
    {
        cursor: ew-resize
    }

    .plottable .drag-line-layer.enabled.horizontal line.drag-edge
    {
        cursor: ns-resize
    }

    .plottable .legend text
    {
        fill: #32313f;
        font-size: 12px;
        font-weight: 700;
        line-height: normal
    }

    .plottable .interpolated-color-legend rect.swatch-bounding-box
    {
        fill: none;
        stroke: #ccc;
        stroke-width: 1px;
        pointer-events: none
    }

    .plottable .waterfall-plot line.connector
    {
        stroke: #ccc;
        stroke-width: 1px
    }

    .plottable .pie-plot .arc.outline
    {
        stroke-linejoin: round
    }