div#reportContainer div.pp-rpt-chart-img-container {
    width: 450px; 
    height: 300px; 
    margin: 10px 0; 
    position: relative; /* Needed for Chart.js responsiveness */
}

div#reportContainer canvas.pp-report-chart {
    width: 100%;  /* Chart occupies full width of the container */
    height: 100%; /* Chart occupies full height of the container */
}

div#reportContainer { margin:0px; padding-left:0px; padding-right:0; overflow-y: auto; font-family:Verdana; font-size:10pt}

/*
div#reportContainer h1.pp-solution-report  {color:rgb(37, 26, 192); font-size:12pt; font-family:Verdana; font-weight:normal; margin:0px; padding-bottom:4px; padding-top:4px;}        
div#reportContainer h4.pp-solution-report  {color:rgb(37, 26, 192); font-size:12pt; font-family:Verdana; font-weight:normal; margin:0px; padding-bottom:4px; padding-top:12px;}        
div#reportContainer h5.pp-solution-report  {color:rgb(37, 26, 192); font-size:10pt; font-family:Verdana; font-weight:normal; margin:0px; padding-bottom:4px; padding-top:12px;}        
*/
/* headings: use a dark gray for less visual weight on white */
div#reportContainer h1.pp-solution-report  { color: #252525; /* was rgb(37,26,192) */ font-size:12pt; font-family:Verdana; font-weight:normal; margin:0px; padding-bottom:4px; padding-top:4px; }
div#reportContainer h4.pp-solution-report  { color: #252525; /* was rgb(37,26,192) */ font-size:12pt; font-family:Verdana; font-weight:normal; margin:0px; padding-bottom:4px; padding-top:12px; }
div#reportContainer h5.pp-solution-report  { color: #252525; /* was rgb(37,26,192) */ font-size:10pt; font-family:Verdana; font-weight:normal; margin:0px; padding-bottom:4px; padding-top:12px; }

div#reportContainer .ppcode-font {
    font-family: Monaco, Consolas, Georgia, "Lucida Console", "Courier New", monospace, serif;
}

div#reportContainer .ppcode {
    font-family: Monaco, Consolas, Georgia, "Lucida Console", "Courier New", monospace, serif;
    padding-top: 3px;
    padding-right: 6px;
    padding-bottom: 3px;
    padding-left: 12px;
    border-style: ridge;
    background-color: #F2F2F2;
    border-color: #C4C4C4;
    border-width: 1px;
    display:inline-block;
    font-size:10pt;
    white-space: pre;
}

div#reportContainer div.ppcode span.code-cmnt{ color: #999; font-style: italic; }
div#reportContainer div.ppcode span.code-hint{ color: #4fa8a8; }
div#reportContainer div.ppcode span.code-vari{ color: #3F51B5; }
div#reportContainer div.ppcode span.code-numb{ color: #2196F3; }
div#reportContainer div.ppcode span.code-func{ color: #a50; font-style: italic; }
div#reportContainer div.ppcode span.code-parn{ color: #a50; }
div#reportContainer div.ppcode span.code-oper{ color: #181818; }        
div#reportContainer div.ppcode span.code-cmnd{ color: #708; font-weight: bold; } /* if then else */
div#reportContainer div.ppcode span.code-kwrd{ color: #708; font-style: italic; } /* polyfit mlinefit nlinfit */
div#reportContainer div.ppcode span.code-unwn{ color: #F44336; }

/* replace deep saturated blue #1612fa which can be a bit harsh on a white background with #2196F3 */
div#reportContainer div.pp-rpt-monospaced-font span.blue { color: #2196F3; }        
div#reportContainer div.pp-rpt-monospaced-font span.red { color: #F44336; }

div#reportContainer div.pp-rpt-monospaced-font {
    font-family_: consolas, courier new, monospace;
    font-family: 'Cambria Math', 'STIX Two Math', 'Latin Modern Math', 'Noto Sans Math', Arial, sans-serif;
    font-size:12pt;
}

div#reportContainer p.pp-rpt-small-msg-font {
    font-family: 'Helvetica', 'Verdana', 'Tahoma', Arial, sans-serif;
    font-size:10pt;
}

div#reportContainer div.pp-rpt-light-grey-border {
    border: 1px solid lightgrey; 
    background-color: #f7f7f7;
    display: inline-block;
    padding: 3px 6px;
}

div#reportContainer table.pp-solution-report {
    text-align: left;
    margin: 10px 0;
    border-collapse: collapse;
}

div#reportContainer table.pp-solution-report th, 
div#reportContainer table.pp-solution-report td {
    color: #252525;             /* softened from pure black */
    border: 1px solid #ddd;
    padding: 2px 4px;
    text-align: left; 
    font-family:Verdana; 
    font-size:10pt;
}
div#reportContainer table.pp-solution-report th {
    text-align: center;
    background-color: #f2f2f2;
    font-weight: normal; 
}
div#reportContainer table.pp-solution-report tr:hover {
    background-color: #D6EEEE;
}
div#reportContainer table.pp-solution-report td.blue { color: #2196F3; }
div#reportContainer table.pp-solution-report td.red { color: #F44336; }        

div#reportContainer div.ppErrorRedBoxMessage { 
    border: 1px solid red; 
    border-radius: 4px; 
    background-color: #ffcccc; 
    padding: 15px; 
    display: inline-block; 
}