<div class="kanban">
  <div class="sub" style="text-align: center;">
    <ion-row style="padding-top:10px;">
      <!--<ion-col style="padding: 0px;text-align: right;">-->
        <!--<img [src]="iconImg" style="width: 30px!important; height: 30px;">-->
      <!--</ion-col>-->
      <!--<ion-col style="padding-left: 0px;text-align: left;">-->
        <!--<span style="padding-bottom: 10px" [ngStyle]="{'color':fontColor, 'font-size': fontSize}">{{name}}</span>-->
      <!--</ion-col>-->

      <ion-col style="padding: 0px;text-align: right;">
        <div style="margin: auto">
          <div style="text-align: center">
            <div style="display: inline-block; float:left" [ngStyle]="{'width': iconWidth}">
              <img [src]="iconImg" style="width: 23px!important; height: 23px; display: inline-block; ">
            </div>
            <div style="display: inline-block; float:left">
              <span style="display: inline-block; padding-top: 5px; font-size:14px" class="content-text-color">{{name}}</span>
            </div>
          </div>
        </div>
      </ion-col>

    </ion-row>
  </div>
  <div class="title" style="">
    <p style="margin-top:7px; font-size:15px;" [ngStyle]="{'color':fontColor}">{{inData}}{{unit}}</p>
  </div>
</div>
