<div class="documentList">
  <h3 class="heading3"><span class="documentList__headerbdr"></span>{{data.heading}}</h3>
  <div class="documentList-row col-12" *ngFor="let obj of contractData">
    <div class="row">
      <div class="col-9"><b>{{obj?.quotationDocumentList?.documentList?.description}}</b></div>
      <div class="col-3 text-right">
        <b [ngClass]="{'approved':obj.documentStatus==='Approved', 'rejected': obj.documentStatus==='Rejected', 'pending':obj.documentStatus==='PENDING'}">{{obj?.documentStatus}}</b>

      </div>
    </div>
    <div class="row" *ngFor="let ob of obj?.obj">
      <div class="col-9">{{ob?.label}}</div>
      <div class="col-3 text-right">{{ob?.value}}</div>
    </div>
    <div class="row reason" *ngIf="obj.rejectionReason">
      <div class="col-12 greyBg">
          <strong>Rejection Reason</strong>
          {{obj?.reason}}
      </div>
    </div>
  </div>
</div>