body{
    font: 12px Arial;
    color: #DCF4DA;
    background-color: #212121;
}

h1{
    font-family: Akshar,sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 3.5em;
    text-align: left;
    color: #DCF4DA;
}

h2{
    font-family: Akshar,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 3.5em;
    text-align: left;
    color: #FFE600;
    text-transform: uppercase;
    padding-top: 1em;
}

.highlight{
    color: #0B2AD9;
}

.bottom_border_dotted{
    border-bottom: 1.5px dashed #DCF4DA;
}





path {
  stroke-width: 2;
  fill: none;
}
.axis path, .axis line {
  fill: none;
  stroke: grey;
  stroke-width: 1;
  shape-rendering: crispEdges;
}
.area {
  fill: #F0F8FF;
  stroke-width: 0;
}




.primary-color{
    /* fill: #D3E562; */
    fill: #FFE600;
}

.table-row{
    font-family: Akshar,sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 4em;
    text-align: left;
    color: #DCF4DA;
}

.label{
    font-family: Akshar,sans-serif;
    fill: #DCF4DA;
}

.label2{
    font-family: Akshar,sans-serif;
    fill: #DCF4DA;
}


.tooltip{
    /* font-family: paralucent-condensed,sans-serif; */
    font-size: large;
    color: #F23847;
    background-color: #F2ECE4;
    padding: 5px;
}

.highlighted{
    fill: #F23847;
}