svg {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}


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

.axis text
{
    font-size: 13px;
}
.tick
{

}


svg text {
    font-size: 13px;
}


.legend {
	font-size: 10pt;
	margin-bottom:0px;
	fill: #231F20; 
}	


 table.chart-tab {
    font-size: 12pt;
    background-color: #FFFFFF;
    padding: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-spacing: 0;
    border-collapse:separate;

}   


td.selected {
    padding: 10px;
    color : #545454;
    border-right: 1px solid #545454;
    border-left: 1px solid #545454;
    border-top :1px solid #545454;
}

td.not-selected {
    padding: 10px;
    color:#ddd ;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-top :1px solid #ddd;
    border-bottom: 1px solid #545454;
    
}

 table.chart-tab td:hover {
    color:#545454;
    cursor: pointer;
}