body {
}

svg {
    height:100%;
}

path.sc-tick {
    fill: none;
    stroke: #ccc;
    stroke-width: 2;
}

svg.neochart text {
    font-size: 12px;
}

path.sc-gridline {
    fill: none;
    stroke-dasharray: 2, 2;
    stroke: #ccc;
    stroke-width: 1;
    pointer-events: none;
    opacity: 0.25;
}

g.datatips {
    pointer-events: none;
}

text {
    font-family: 'Segoe UI', Arial, sans-serif;
    font-size: 12px;
    fill: #eee;
}

    text.title {
        font-family: 'Segoe UI', Arial, sans-serif;
        font-size: 22px;
        fill: #CCCCCC;
    }

    text.subtitle {
        font-family: 'Segoe UI', Arial, sans-serif;
        font-size: 14px;
        fill: #CCCCCC;
    }

    text.datalabel {
        fill: #222;
    }

    text.dataprimary {
        font-family: 'Segoe UI', Arial, sans-serif;
        font-size: 12px;
        fill: #FFFFFF;
    }

    text.datasecondary {
        fill: #CCCCCC;
    }

    text.errortext {
        fill: #FF3333;
        font-size: 24px;
    }

    text.datatertiary {
        fill: #FFFFFF;
        text-anchor: start;
    }