/*Ver 3.0.3*/

.dc-chart path.dc-symbol,
.dc-legend g.dc-legend-item.fadeout {
    fill-opacity: .5;
    stroke-opacity: .5
}

div.dc-chart {
    float: left
}

.dc-chart rect.bar {
    stroke: none;
    cursor: pointer
}

    .dc-chart rect.bar:hover {
        fill-opacity: .5
    }

.dc-chart rect.deselected {
    stroke: none;
    fill: #ccc
}

.dc-chart .pie-slice {
    fill: #fff;
    font-size: 12px;
    cursor: pointer
}

    .dc-chart .pie-slice.external {
        fill: #000
    }

    .dc-chart .pie-slice:hover,
    .dc-chart .pie-slice.highlight {
        fill-opacity: .8
    }

.dc-chart .pie-path {
    fill: none;
    stroke-width: 2px;
    stroke: #000;
    opacity: .4
}

.dc-chart .selected circle,
.dc-chart .selected path {
    stroke-width: 3;
    stroke: #ccc;
    fill-opacity: 1
}

.dc-chart .deselected circle,
.dc-chart .deselected path {
    stroke: none;
    fill-opacity: .5;
    fill: #ccc
}

.dc-chart .axis line,
.dc-chart .axis path {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges
}

.dc-chart .axis text {
    font: 10px sans-serif
}

.dc-chart .axis .grid-line,
.dc-chart .axis .grid-line line,
.dc-chart .grid-line,
.dc-chart .grid-line line {
    fill: none;
    stroke: #ccc;
    opacity: .5;
    shape-rendering: crispEdges
}

.dc-chart .brush rect.selection {
    fill: #4682b4;
    fill-opacity: .125
}

.dc-chart .brush .custom-brush-handle {
    fill: #eee;
    stroke: #666;
    cursor: ew-resize
}

.dc-chart path.line {
    fill: none;
    stroke-width: 1.5px
}

.dc-chart path.area {
    fill-opacity: .3;
    stroke: none
}

.dc-chart path.highlight {
    stroke-width: 3;
    fill-opacity: 1;
    stroke-opacity: 1
}

.dc-chart g.state {
    cursor: pointer
}

    .dc-chart g.state:hover {
        fill-opacity: .8
    }

    .dc-chart g.state path {
        stroke: #fff
    }

.dc-chart g.deselected path {
    fill: grey
}

.dc-chart g.deselected text {
    display: none
}

.dc-chart g.row rect {
    fill-opacity: .8;
    cursor: pointer
}

    .dc-chart g.row rect:hover {
        fill-opacity: .6
    }

.dc-chart g.row text {
    fill: #fff;
    font-size: 12px;
    cursor: pointer
}

.dc-chart g.dc-tooltip path {
    fill: none;
    stroke: grey;
    stroke-opacity: .8
}

.dc-chart g.county path {
    stroke: #fff;
    fill: none
}

.dc-chart g.debug rect {
    fill: #00f;
    fill-opacity: .2
}

.dc-chart g.axis text {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.dc-chart .node {
    font-size: .7em;
    cursor: pointer
}

    .dc-chart .node:hover {
        fill-opacity: .8
    }

.dc-chart .bubble {
    stroke: none;
    fill-opacity: .6
}

.dc-chart .highlight {
    fill-opacity: 1;
    stroke-opacity: 1
}

.dc-chart .fadeout {
    fill-opacity: .2;
    stroke-opacity: .2
}

.dc-chart .box text {
    font: 10px sans-serif;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.dc-chart .box circle,
.dc-chart .box line {
    fill: #fff
}

.dc-chart .box circle,
.dc-chart .box line,
.dc-chart .box rect {
    stroke: #000;
    stroke-width: 1.5px
}

.dc-chart .box .center {
    stroke-dasharray: 3, 3
}

.dc-chart .box .outlier {
    fill: none;
    stroke: #ccc
}

.dc-chart .box.deselected {
    opacity: .5
}

    .dc-chart .box.deselected .box {
        fill: #ccc
    }

.dc-chart .symbol {
    stroke: none
}

.dc-chart .heatmap .box-group.deselected rect {
    stroke: none;
    fill-opacity: .5;
    fill: #ccc
}

.dc-chart .heatmap g.axis text {
    pointer-events: all;
    cursor: pointer
}

.dc-chart .empty-chart .pie-slice {
    cursor: default
}

    .dc-chart .empty-chart .pie-slice path {
        fill: #fee;
        cursor: default
    }

.dc-chart circle.dot {
    stroke: none
}

.dc-data-count {
    float: right;
    margin-top: 15px;
    margin-right: 15px
}

    .dc-data-count .filter-count,
    .dc-data-count .total-count {
        color: #3182bd;
        font-weight: 700
    }

.dc-legend {
    font-size: 11px
}

    .dc-legend .dc-legend-item {
        cursor: pointer
    }

.dc-hard .number-display {
    float: none
}

div.dc-html-legend {
    overflow-y: auto;
    overflow-x: hidden;
    height: inherit;
    float: right;
    padding-right: 2px
}

    div.dc-html-legend .dc-legend-item-horizontal {
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
        cursor: pointer
    }

        div.dc-html-legend .dc-legend-item-horizontal.selected {
            background-color: #3182bd;
            color: #fff
        }

    div.dc-html-legend .dc-legend-item-vertical {
        display: block;
        margin-top: 5px;
        padding-top: 1px;
        padding-bottom: 1px;
        cursor: pointer
    }

        div.dc-html-legend .dc-legend-item-vertical.selected {
            background-color: #3182bd;
            color: #fff
        }

    div.dc-html-legend .dc-legend-item-color {
        display: table-cell;
        width: 12px;
        height: 12px
    }

    div.dc-html-legend .dc-legend-item-label {
        line-height: 12px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 3px;
        padding-right: 3px;
        font-size: .75em
    }

.dc-html-legend-container {
    height: inherit
}