.total-div{
    grid-template-columns: 25% 10% 25% 10% 25% !important;
}

table.dataTable > thead > tr > th{
    font-size: var(--size16) !important;
}


.table-circle{
    width:30px;
    height:30px;
    border-radius:25px;
    font-size:var(--size20);
    color:var(--white-color);
    line-height:30px;
    text-align:center;
}

.bgc{
    background:var(--orange-color) !important;
}

.space-around-div{
    justify-content: space-around;
}

 
.fileupload-div > input {
    font-size: var(--size15);
}

.fuel-div{display: flex;justify-content: space-around;}

 

@media screen and (max-width:768px) {
    .total-div{
        grid-template-columns: 44% 1% 52% !important;
        height: 113px !important;
    }

    .fileupload-div > input {
        font-size: var(--size11) !important;
    }
}