<div class="modal-dialog zoomIn animated modal-dialog-custom modal-md cd-popup-container ">
  <div class="modal-content" ngDraggable [handle]="dragHandle">
    <div class="cd-header" [ngClass]="hclass" style="padding:0;cursor:move;" #dragHandle>
      <h5 class="modal-title" style="display: inline-block;">
        {{title || 'Confirm'}}
      </h5>
      <button type="button" class="close" (click)="close()" style="opacity: 1.5;">&times;</button>

    </div>
    <div class="modal-body">
      <h6>
        <div></div>
        <p>
          <i class="fas fa-exclamation-triangle" [ngClass]="(hclass=='modeldanger')?'text-danger':'text-success'"></i>&nbsp;
          <span [innerHtml]="message"></span>
          <!-- {{message || 'Are you sure?'}} -->
        </p>
      </h6>
    </div>

    <div class="cd-buttons">
      <!-- <button  type="button" [hidden]="!okshow" [ngClass]="{'btn btn-sm px-3 btn-outline-danger':hclass=='modeldanger','btn btn-sm px-3 btn-outline-success':hclass=='modelsuccess'} hclass =='' " (click)="confirm()">{{oktext}}</button> -->
      <button type="button" id="btnOK" [hidden]="!okshow" class="btn " [ngClass]="(hclass=='modeldanger')?'btn-danger':'btn-primary'"
              (click)="confirm()">
        {{oktext}}
      </button>

      <button type="button" [hidden]="!cancelshow" class="btn" (click)="close()">{{canceltext}}</button>
    </div>
  </div>
</div>
