.buttonclass{padding:0 5px}.buttonclass,.buttonclassview{font-size:12px!important;border-radius:3px}.buttonclassview{padding:0 10px}.viewmore{padding:0 5px;border-radius:3px}.view,.viewmore{cursor:pointer;font-size:12px;color:#1976d2}.view{border-radius:3px;border:1px solid #1976d2;padding:3px 10px}.hrclass{border:.5px solid #e0e0e0}.box{padding:1px 5px;font-size:12px;border:#e0e0e0;border-radius:10px;vertical-align:baseline!important;color:#fff;background:#ef5350}.grey-color{color:#757575}.borderclass{border:.5px solid #e0e0e0}.q-item-side{min-width:0!important}.cardcss-2{height:calc(100vh - 165px)!important;overflow:auto}@media screen and (min-width:320px) and (orientation:portrait){.widthchart{width:100%;height:247px}.widthchart .apexcharts-legend .apexcharts-legend-text{font-size:10px!important}}@media screen and (min-width:580px) and (orientation:portrait){.widthchart .apexcharts-legend .apexcharts-legend-text{font-size:14px!important}}@media screen and (min-width:740px) and (max-width:960px){.widthchart .apexcharts-legend .apexcharts-legend-text{font-size:14px!important}}.widthchart{width:100%;height:90%}