@font-face {
    font-weight: 300
}

.britechart {
    font-family: Karla, sans-serif;
    -webkit-font-smoothing: antialiased
}

.select-disable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bar-load-state .chart-filter,
.donut-load-state .chart-filter,
.line-load-state .chart-filter,
.stacked-area-load-state .chart-filter {
    will-change: transform;
    animation: swipe 1.5s linear infinite forwards
}

@keyframes swipe {
    from {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(100%)
    }
}

.horizontal-grid-line,
.vertical-grid-line {
    fill: none;
    shape-rendering: crispEdges;
    stroke: #eff2f5;
    stroke-width: 1;
    stroke-dasharray: 4, 4
}

.horizontal-grid-line--highlighted {
    stroke: #45494e;
    stroke-dasharray: 2, 2
}

.extended-x-line,
.extended-y-line {
    fill: none;
    shape-rendering: crispEdges;
    stroke: #d2d6df;
    stroke-width: 1
}

.tick line {
    fill: none;
    stroke: #adb0b6;
    stroke-width: 1;
    shape-rendering: crispEdges
}

.tick text {
    font-size: 0.7rem;
    fill: #666a73;
    padding: 12px
}

.x-axis-label,
.y-axis-label {
    font-size: 1rem;
    fill: #adb0b6
}

.vertical-marker-container .vertical-marker {
    stroke: #d2d6df;
    stroke-width: 1;
    fill: none
}

.vertical-marker-container .data-point-highlighter {
    fill: #fff;
    stroke-width: 2
}

.tooltip-background {
    fill: rgba(255, 255, 255, .97);
    stroke: #d2d6df;
    stroke-width: 1;
    border-radius: 2px
}

.britechart-legend .legend-entry.is-faded .legend-circle,
.britechart-legend .legend-entry.is-faded .legend-entry-name,
.britechart-legend .legend-entry.is-faded .legend-entry-value {
    opacity: .97;
    transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -webkit-transition: opacity .2s ease-out
}

.britechart-legend .legend-entry.is-faded .legend-circle,
.britechart-legend .legend-entry.is-faded .legend-entry-name,
.britechart-legend .legend-entry.is-faded .legend-entry-value {
    opacity: .2
}

.bar-chart .bar {
    shape-rendering: crispEdges
}

.bar-chart .y-axis-group .tick text {
    font-size: 14px
}

.bar-chart .axis path {
    display: none
}

.bar-chart .tick line {
    display: none
}

.bar-chart .adjust-upwards {
    transform: translate(0, -10px)
}

.bar-chart .percentage-label {
    fill: #666a73
}

.line-chart .data-point-mark {
    fill: #fff
}

.line-chart .topic .line {
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round
}

.line-chart .x.axis path,
.line-chart .y.axis path {
    display: none
}

.line-chart .month-axis path {
    display: none
}

.line-chart .custom-line {
    shape-rendering: crispEdges;
    stroke-width: 1
}

.line-chart .custom-line-annotation {
    font-size: .75rem;
    line-height: .75rem;
    fill: #666a73
}

.line-chart .masking-rectangle {
    fill: #fff
}

.scatter-plot .y-axis-group .tick line {
    display: none
}

.scatter-plot .y-axis-group .axis path {
    display: none
}

.scatter-plot .x.axis path {
    display: none
}

.scatter-plot .data-point-highlighter {
    stroke-width: 1.2
}

.sparkline {
    stroke: #adb0b6;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round
}

.sparkline .line {
    stroke-width: 2
}

.sparkline .sparkline-circle {
    fill: #ff584c;
    stroke-width: 0;
    display: none
}

.sparkline .sparkline-area {
    stroke: none
}

.stacked-area .dot {
    display: none
}

.stacked-area .y-axis-group path {
    display: none
}

.stacked-area .x-axis-group path {
    display: none
}

.stacked-area .area-outline {
    shape-rendering: geometricPrecision;
    stroke-width: 1.2
}

.stacked-area .data-point-highlighter {
    stroke-width: 1.2
}

.stacked-area .empty-data-line {
    stroke-width: 2px;
    stroke-linecap: round
}

.stacked-bar .x-axis-group path,
.stacked-bar .y-axis-group path {
    display: none
}

.stacked-bar .y-axis-group .tick text {
    font-size: 14px
}

.stacked-bar .tick line {
    display: none
}

.grouped-bar .x-axis-group path,
.grouped-bar .y-axis-group path {
    display: none
}

.grouped-bar .y-axis-group .tick text {
    font-size: 14px
}

.grouped-bar .tick line {
    display: none
}

.step-chart .step {
    fill: #8fdad8;
    stroke-width: 0;
    shape-rendering: crispEdges
}

.step-chart .step:hover {
    fill: #39c2c9
}

.step-chart .axis path {
    display: none
}

.step-chart .tick line {
    display: none
}

.brush-chart .brush-area {
    fill: #eff2f5
}

.brush-chart rect.brush-rect.selection {
    fill-opacity: .08;
    stroke-linejoin: round
}

.brush-chart rect.brush-rect.handle {
    fill: #00d8d2;
    width: .2rem
}

.brush-chart .axis path {
    display: none
}

.bullet-chart .marker-line {
    shape-rendering: crispEdges
}

.bullet-chart .axis-group path {
    display: none
}

.bullet-chart .bullet-title {
    font-size: 16px
}