<div class="project-invite-container">
  <div class="col-md-12 col-lg-12 col-sm-12 no-padding invite">
    <div class="col-md-5 col-lg-5 col-sm-5 no-padding left-panel">
      <div class="detail">
      <div class="header">PROJECT</div>
      <div class="title">{{prjDetails.projectName}}</div>
      <div class="created-on">{{prjDetails.formatedCreatedDate}}</div>
    </div>
      <div class="line"></div>
      <div class="memeber-list">
        <div class="header">MEMBER</div>
        <div class="list">
        <app-employee-project-member-list></app-employee-project-member-list>
        </div>
    </div>
    </div>
    <div class="col-md-7 col-lg-7 col-sm-7 no-padding right-panel">
      <div class="col-md-12 col-sm-12 col-lg-12 no-padding"><span class="title">Would you like to invite new people?</span></div>
      <div class="col-md-12 col-sm-12 col-lg-12 no-padding"><span class="title-desc">Select from the below list of people and invite to your project</span></div>
      <div class="col-md-12 col-sm-12 col-lg-12 no-padding select-member">
          <mat-select class="full-width" placeholder="Select">
                <mat-option *ngFor="let emp of empList" class="fullName" value="emp.emailId">
                  {{emp.fullName}}
                </mat-option>
          </mat-select>
      </div>
      <div class="col-md-12 col-sm-12 no-padding top-padding right-align">
              <a class="btn-cancel" (click)="onCancel()">
                <span class="cancel-txt">CANCEL</span>
              </a>
              <button class="btn-create"><span class="btn-txt">INVITE</span></button>
        </div>
    </div>
  </div>
</div>