#metric-modal .metric-chart text {
        fill: #565656;
        font-size: 9px;
        font-family: Helvetica, Arial, "sans serif";
    }

    #metric-modal .metric-chart text.no-data {
        font-size: 16px;
        font-weight: 100;
        fill: #d0d0d0;
    }

    #metric-modal .metric-chart rect.no-data {
        fill: #f5f5f5;
    }

    /* When there is data ...*/

    /* CB: padding to display better on bl.ocks.org */
    #metric-modal {
        padding: 64px;
    }

    #metric-modal .metric-chart rect.plot-background {
        fill: white;
    }

    #metric-modal .metric-chart path.line {
        fill: none;
        stroke: rgb(92, 18, 0);
        /* default, changed in each theme */
        stroke-width: 1.5px;
        clip-path: url(#clip);
    }
    #metric-modal .metric-chart path.area {
        fill: #e26262;
        /* CB default, changed in each theme */
        opacity: 0.6;
        clip-path: url(#clip);
    }

    #metric-modal .metric-chart .axis {
        shape-rendering: crispEdges;
    }

    #metric-modal .metric-chart .x.axis .domain {
        display: none;
    }

    #metric-modal .metric-chart .x.axis line {
        stroke: white;
        opacity: 0.4;
    }

    #metric-modal .metric-chart .context .x.axis line {
        display: none;
    }

    #metric-modal .metric-chart .y.axis .domain {
        display: none;
    }

    #metric-modal .metric-chart .y.axis.title {
        font-size: 13px;
        font-weight: 100;
    }

    #metric-modal .metric-chart .y.axis line {
        stroke: #565656;
        stroke-dasharray: 2, 2;
        stroke-opacity: 0.3;
    }

    #metric-modal .metric-chart .brush .extent {
        fill-opacity: .07;
        shape-rendering: crispEdges;
        clip-path: url(#clip);
    }

    #metric-modal .metric-chart rect.pane {
        cursor: move;
        fill: none;
        pointer-events: all;
    }

    /* brush handles  */
    #metric-modal .metric-chart .resize .handle {
        fill: #555;
    }

    #metric-modal .metric-chart .resize .handle-mini {
        fill: white;
        stroke-width: 1px;
        stroke: #555;
    }

    #metric-modal .metric-chart .scale_button {
        cursor: pointer;
    }

    #metric-modal .metric-chart .scale_button rect {
        fill: #eaeaea;
    }

    #metric-modal .metric-chart .scale_button:hover text {
        fill: #417DD6;
        transition: all 0.1s cubic-bezier(.25, .8, .25, 1);
    }

    #metric-modal .metric-chart text#displayDates {
        font-weight: bold;
    }