.chart-box {
    position: relative;
    height: 250px;
    width: 100%;
}

.chart-box canvas {
    width: 100% !important;
    height: 100% !important;
}

/* Below is for text in table - font size*/

table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
}
    
th, td {
  padding: 10px;
  border: 1px solid #ccc;
  text-align: left;
  vertical-align: top;
}
    
/* Main text size control */
table {
  font-size: 12px; /* Default size */
}

 /* Slightly larger for headers */
th {
  font-size: 13px;  
  background-color: #f0f0f0;
}
    
/* Adjust specific columns if needed */
td {
  font-size: 12px;
}