/* #chart{
    padding-left: 0px;
    padding-right: 0px;
} */

#chart canvas{
    border-radius: 20px !important;
}

._judulhalGrafik span{
    color: #0A8270;
    font-weight: 800;
    font-size: 1.5em;
    padding-left: 0px;
}
._judulhalGrafik p{
    color: #797979;
    font-size: 0.8em;
    padding-left: 0px;
    margin: 0px;
}
._judulhalGrafik h5{
    padding-left: 0px;
}

._catatanGrafik span{
    color: #0a0a0a;
    font-weight: 600;
    font-size: 1.2em;
    padding-left: 0px;
}
._catatanGrafik p{
    color: #797979;
    font-size: 1em;
    padding-left: 0px;
}

#chart {
    font-size: 0.8em;
    opacity: 0; /* Initially invisible */
    transition: opacity 1s ease-in-out; /* Smooth transition */
}

/* Define the fade-in animation */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Apply the fade-in animation when the table becomes visible */
#chart.fade-in {
    animation: fadeIn 1.5s ease-in-out forwards;
}

/* .highcharts-label text {
    font-size: 8px !important;
} */