ContractNoteDetail

<div class="mock-dialog" style="max-width:460px">
              <div class="mock-dialog__head"><h4>Contract note</h4><button class="mock-dialog__x">✕</button></div>
              <div style="padding:0 20px 16px">
                <div class="liwrap">
                  <div class="li"><span>Buy · 50 @ ₹982.40</span><span class="v">₹49,120.00</span></div>
                  <div class="li"><span>Sell · 50 @ ₹1024.10</span><span class="v">₹51,205.00</span></div>
                  <div class="li"><span>STT (buy + sell)</span><span class="v">₹51.00</span></div>
                  <div class="li total"><span>Net P&amp;L</span><span class="v">+ ₹2,015.60</span></div>
                </div>
              </div>
              <div class="mock-dialog__foot"><button class="btn btn--secondary btn--sm">Print</button><button class="btn btn--primary btn--sm">Download</button></div>
            </div>