/* .chart-container-1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: linear-gradient(to bottom right, var(--color-background-grandient-1), 
                                                 var(--color-background-grandient-2));
    min-height: 100vh;
    margin:0;
    padding: 10px 0 0 0px;
} */

.chart-container-2 {
    position: relative;
    height: 520px;
    margin-top: 0px;
    padding: 10px;
    background: linear-gradient(to bottom right, var(--color-background-grandient-1), 
                                                 var(--color-background-grandient-2));
}

.chart-container-2.full-height {
    height: 550px;
}


.chart-container-top-lbl {
    color: var(--color-text-dim);
    font-size: 0.9em;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 600;
    margin: 7px 0 0 15px;
}

.chart-container-top-lbl-not-yet {
    color: red;
    font-size: 0.9em;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 600;
    margin: 7px 0 0 15px;
}


.chart-canvas{
    /* margin-top: 30px; */
    /* padding: 0 0 10px 0;  */
    /* width:800; height:900; cannot set width or height in css only via attributes */    
}