canvas{
    width:auto !important;
    height:auto !important;
}

#listingSalesPieChart{
    width:180px !important;
    height:135px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
}
canvas#listingSalesPieChart {
    width: auto;
    height:100px;
    font-style: italic;
    font-size: xx-small;
}
@media (max-width: 768px){
    canvas#listingSalesPieChart{
        width: auto;
        height:100px;
        font-size: xx-small ;
    }
}
#defaultSalesPieChart{
    width:180px !important;
    height:135px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
}
canvas#defaultProductPieChart {
    width: auto;
    height:100px;
    font-style: italic;
    font-size: xx-small;
}
@media (max-width: 768px){
    canvas#defaultSalesPieChart{
        width: 100%;
        height:auto;
        font-size: xx-small ;
    }
}
#defaultProductPieChart{
    width:184px !important;
    height:137px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px;
}
@media (max-width: 768px){
    #defaultProductPieChart{
        width: 100%;
        height:auto;
        font-size: x-small;
    }
}
#listingProductPieChart{
    width:184px !important;
    height:137px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px;
}
@media (max-width: 768px){
    #listingProductPieChart{
        width: 100%;
        height:auto;
        font-size: x-small;
    }
}
#listingProfilePieChart{
    width:184px !important;
    height:137px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px;
}
@media (max-width: 768px){
    #listingProfilePieChart{
        width: 100%;
        height:100px;
        font-size: x-small;
    }
}
#defaultProfilePieChart{
    width:184px !important;
    height:137px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px;
}
@media (max-width: 768px){
    #defaultProfilePieChart{
        width: 100%;
        height:auto;
        font-size: x-small;
    }
}
#listingAccountPieChart{
    width:184px !important;
    height:137px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px;
}
@media (max-width: 768px){
    #listingAccountPieChart{
        width: auto;
        height:100px;
        font-size: x-small;
    }
}
#defaultAccountPieChart{
    width:184px !important;
    height:137px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px;
}
@media (max-width: 768px){
    #defaultAccountPieChart{
        width: auto;
        height:auto;
        font-size: x-small;
    }
}