<ion-header>
    <ion-toolbar  class="header-toolbar">
        <ion-buttons slot="start">
          <ion-back-button color="light" class="btnBack" defaultHref="/home"></ion-back-button>
        </ion-buttons>
        <ion-title color="light" >{{ts.trPK('payslip','deductions')}}</ion-title>
      </ion-toolbar>
  </ion-header>
  <ion-content padding>
      <ion-card *ngIf="GetDeductionsList !='' " >
          <ion-card-header class="boxHdr">
              <div class="hrTitle"> {{ts.trPK('payslip','deductions')}} </div>
          </ion-card-header>
          <ion-card-content>
              <div>
                  <ion-grid>
                      <ion-row *ngFor="let list of GetDeductionsList" >
                          <ion-col class="colBold">
                              <label for="">{{list.ELEMENT_NAME}}</label>
                                </ion-col>
                          <ion-col>
                              <label for="">{{list.AMOUNT}}</label>
                          </ion-col>
                      </ion-row>
      
                      
                  </ion-grid>
      
              </div>
          </ion-card-content>
        </ion-card>
    </ion-content>
    