  <div class="limiter" *ngIf= "menuShow">
    <div class="row" style="margin: 0; padding: 5px;background: #1f5652;color: white;cursor: pointer;">
      <div class="col-12">
        <span>{{DeviceName}}</span>
        <i class="far fa-times-circle" style="float: right;
        color: white;
        padding-top: 5px;" (click)="close()"></i>
      </div>
    </div>
  <div class="row limiter1">
    <div class="col-12">
      <div *ngFor="let cmdName of CommandArr">
        <button type="button" style="width: 100%; border-radius: 0;margin: 0; text-align: inherit;" class="btn btn-outline-dark" (click)="triggerCMd(cmdName)">
          {{cmdName.name}}
          <i class="fas fa-angle-right" style="color: white;float: right;padding-top: 5px;cursor: pointer;"></i>
        </button>
      </div>
    </div>  
  </div>
</div> 
<div class="limiter" *ngIf="!menuShow" style="height: 225px;">
  <i style="font-size: 20px;float:right;;color: red;cursor: pointer;" title="Close"  (click)="close()" class="far fa-times-circle"></i>
  <div *ngIf="showErr === false" >
    <div style="text-align: center; padding: 20px;color: #426e86;">
      <i style="font-size: 60px; text-align: center;" class="far fa-clock"></i>
    </div>     
    <p style="text-align: center;font-size: 16px;font-weight: 600;color: #a2a2a2;">Command Triggered , Please wait :</p>
    <div style="text-align: center; padding: 10px;font-size: 16px;font-weight: 600;color: #a2a2a2;">
      <span style="font-size: 40px;">{{immobilizeCount}}</span>
      <span>Sec.</span>
    </div>      
  </div> 
  <div  *ngIf="showErr === true">
    <div *ngIf="errorIcon" style="text-align: center; padding: 20px;">
      <i  style="font-size: 60px;" class="far fa-times-circle"></i>
    </div>     
    <p *ngIf="errorIcon" style="text-align: center;font-size: 25px;font-weight: 600;color: #a2a2a2;">{{ImmErrMsg}}</p>
    <p *ngIf="!errorIcon" style="padding:60px;text-align: center;font-size: 25px;font-weight: 600;color: #a2a2a2;overflow-wrap: break-word;">{{ImmErrMsg}}</p>
  </div>   
</div> 