.x-axis path, .x-axis line, .y-axis path, .y-axis line {

    fill: none;
    /*stroke: rgba( 0, 179, 255, 1 );*/
    stroke: rgba( 56, 125, 57, 1 );
    /*shape-rendering: auto;*/
}

.top-line {
    stroke: rgba( 68, 107, 179, 1);
    shape-rendering: crispEdges;
}

.x-axis text, .y-axis text {
    font: 10px sans-serif;
    fill: rgba( 68, 107, 179, 1);
    opacity: 1;
}

.x-axis .grid-line, .y-axis .grid-line{

    stroke: white;
    /*shape-rendering: crispEdges;*/
    stroke-opacity: .1;
    stroke-dasharray: 3 3;
    stroke-width: 1;
}

.x-axis .help-line, .y-axis .help-line{

    stroke: #8c8c8c;
    /*shape-rendering: crispEdges;*/
    stroke-opacity: .8;
    stroke-width: 1.5;
}

.x-axis .cursor-line .y-axis .cursor-line{

    fill: #00FFFF;
    stroke: rgba( 0, 179, 255, 1 );
    /*shape-rendering: crispEdges;*/
    stroke-opacity: 1;
    stroke-width: 2;
}

.bar{
    fill: rgba( 68, 107, 179, 1);
}

.line{
    fill: rgba( 0, 0, 0, 0.5 );    
    stroke: rgba( 68, 107, 179, 1);
    stroke-width: 1.5;
    opacity: 1;
}

.line:hover{
    cursor: pointer;
}

.cursor-line, .cursor-path{

    fill: #FFF;    
    opacity: 0.5;
    stroke: #FFF;
    stroke-width: 2;
    stroke-opacity: 1;
}

.area{

    fill: none; /* #2C3E50; */
    opacity: 0.5;
}

.dot {

    fill: null;
    stroke: #FFF;
    stroke-width: 1;
    opacity: 0.8;
}

.tip{

    fill: #808080;
    stroke: #FFF;
    stroke-width: 1;
    opacity: 0.8;
}

.tip:hover{

    fill: #F0F0F0;
    stroke: #FFF;
    stroke-width: 2;
    opacity: 1;
    cursor: pointer;
}

.controls{

    opacity: 0.7;
    fill: #00ADEE;
}

.controls:hover{

    opacity: 1.0;
}

.controls:hover{

    cursor: pointer;
}

.clock{

    cursor: pointer;
    opacity: 0.7;
}

.clock:hover{

    cursor: pointer;
    opacity: 1;
}

.column, .pie{

    fill: #FFF;
    opacity: 0.5;
}

.column:hover, .pie:hover{

    opacity: 1;
    cursor: pointer;
}

.time-button{

    fill: #000;
    opacity: 0.5;
    stroke: #FFF;
    stroke-width: 0.05;
}

.time-button:hover{

    opacity: 1.0;
    cursor: pointer;
}
.dot-bg-line line,
.cursor-line line,
.extent, 
.tick line{
    shape-rendering: crispEdges;
}

.domain{
    shape-rendering: crispEdges;
}



.x-axis path,
.y-axis path,
.y-axis .tick line {
    stroke: none;

    stroke: rgba( 0, 179, 255, 0 );
}

.y-axis .minor line {
  stroke: rgba( 68, 107, 179, 0.51);
  fill: none;
  stroke-dasharray: 2,2;
}

.cursor-circle{
    fill: rgb(194, 29, 29);
    stroke: #FFF;
    stroke-width: 1.5px;
}

.rule-line, .rule-path{
    shape-rendering: crispEdges;
    stroke: rgba(11, 162, 255, 1);
}

.rule-circle{
    fill: rgba(11, 162, 255, 1);
    stroke: none;
}

svg.radar-chart{

}

svg.radar-chart .legend text{
    font-size: 10px;
    dominant-baseline: middle;
    text-anchor: middle;
    fill: #FFF;
    fill-opacity: 1;
}

svg.radar-chart.legend rect{
    fill-opacity: 0.9;
}

svg.radar-chart .warn-group rect{
    /*fill: #F64747;*/
    fill: none;
}
svg.radar-chart .warn-group text{
    dominant-baseline: middle;
    text-anchor: middle;
    font-size: 10px;
    fill: rgba(11, 162, 255, 1);
}

svg.radar-chart .axis path,
svg.radar-chart .tick line,
svg.radar-chart .tick path
{
    stroke: #FFF;
    fill: none ;
    shape-rendering: crispEdges;
}

svg.radar-chart .axis-line path{
    stroke: rgba(200, 200, 200, 0.2);
}

svg.radar-chart .axis .tick text{
    fill: rgba(11, 162, 255, 1);
    font-family: "微软雅黑";
    font-size: 12px;
}

svg.radar-chart .up-chart-group rect,
svg.radar-chart .low-chart-group rect {
    /*fill: red;*/
    stroke: none;
    shape-rendering: crispEdges;
}

svg.radar-chart .warn-group text{
    fill: rgba(11, 162, 255, 1);
    text-transform: uppercase;
}

svg.compare-chart .legend text, 
svg.compare-chart .tag text{
    font-size: 10px;
    dominant-baseline: middle;
    text-anchor: middle;
    fill: rgba(11, 162, 255, 1);
    fill-opacity: 1;
    text-transform: uppercase;
}

svg.compare-chart .legend text{
    fill: #FFF;
    text-transform: uppercase;
}

svg.compare-chart .legend rect{
    fill-opacity: 0.7;
}

svg.compare-chart .axis path,
svg.compare-chart .tick line,
svg.compare-chart .tick path
{
    stroke: rgba(11, 162, 255, 1);
    fill: none ;
    shape-rendering: crispEdges;
}

svg.compare-chart .axis .tick text{
    fill: rgba(11, 162, 255, 1);
    font-family: "微软雅黑";
    font-size: 13px;
    font-weight: bolder;
    text-transform: uppercase;
}

svg.compare-chart .up-chart-group rect,
svg.compare-chart .low-chart-group rect {
    /*fill: red;*/
    stroke: none;
    shape-rendering: crispEdges;
    fill-opacity: 0.7;
}