.axis path, .axis line {
                fill: none;
                stroke: #000;
                shape-rendering: crispEdges;
            }
            .dot {
                stroke: #000;
            }
            circle{
                opacity:0.7;
            }
            .tooltip {
                position: absolute;
                width: 200px;
                height: 28px;
                pointer-events: none;
                font: 11px sans-serif;
            }
            .tooltip table{
                font-size:11px;
            }
            
            .tooltip table  tr td:first-child{
                text-align:right;
            }   
                     
            .tooltip table  tr td:first-child + td{
                font-weight:bold;
            }

            text, .label{
                font: 12px sans-serif;

            }
            .line
            {
                fill: none;
                stroke: #000;
                stroke-width:1.5px
            }