How to create a custom summary box in the Sales Order record

Create a custom field with type as Inline HTML with the default value in the sales order record.

The default value will be as follows:

'
<style>
.ALGR_121_price{
font-size: 12px;
}
</style>
<table class="totallingtable" cellspacing="0" cellpadding="0px" border="0px">
                <caption style="display: none">SUMMARY</caption>
<tbody>
<tr>
<td border:"1px">
<p style="font-size:12px">
TOTAL COST 

</td>
<td>
<strong class="ALGR_121_price">'||{custbody_jj_total_cost_algar_122} ||'</strong>
</td>
</p>
</tr>

<tr>
<td border:"1px">
<p style="font-size:12px">
MARGIN 
</td>
<td>
<strong class="ALGR_121_price">'||{custbody_jj_margin_algar122} ||'</strong>
</td>
</p>
</tr>
<tr>
<td border:"1px">
<p style="font-size:12px">
MARGIN PERCENTAGE 
</td>
<td>
<strong class="ALGR_121_price">'||{custbody_jj_margin_percentage}*100 ||'%</strong>
</td>
</p>
</tr>
</tbody>
</table>'