.chartcanvas {
    width:100%  !important; 
}
.chartcanvasd {
    width:90%  !important; 
    color: #034EA2 !important;
    margin-left: auto;
    margin-right: auto;
}
.chartdiv {
    width:90%  !important; 
    height:80%  !important; 
    background-color: whitesmoke !important;
    color: #0072BC !important;
    border-radius: 8px 8px 8px 8px;
    box-shadow:2px 2px 6px 6px rgba(0,0,0,0.3);
    transition:1s;
    cursor: pointer;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
}
.chartdiv:hover {
    width:91%  !important; 
    /*height:96%  !important; */
    background-color: white !important;
    box-shadow:2px 2px 6px 7px rgba(0,0,0,0.5);
    transition:1s;
}
.chartheader {
    width:80%  !important; 
    font-size: 1.2vw;
    margin-left: 2%;
    margin-top: 1%;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.chtotb {
    border: none;
    background-color: transparent !important;
    margin-left: auto;
    margin-right: auto;
    width:90%  !important; 
}
.chtotal {
    border: none;
    background-color: #034EA2 !important;
    color: white !important;
    font-size: 1.2vw;
}
.chtseved {
    border: none;
    background-color: #00AB4E !important;
    color: white !important;
    font-size: 1.2vw;
}
.chdelay {
    border: none;
    background-color: #FFC20E !important;
    color: white !important;
    font-size: 1.2vw;
}