<div class="row" style="box-shadow:1px 4px 7px #dfdfdf">
    <div class="col-lg-1 col-md-1 col-sm-1 pl-4" style="padding:11px" (click)="toogleFunction1()">
      <button type="button" id="sidebarCollapse" class="iconcollapse">
        <i class="fa fa-bars"></i>
        <span class="sr-only">Toggle Menu</span>
      </button>
    </div>
    <div class="col-lg-4 col-md-3 col-sm-3" style="padding:10px">
      <img src="assets/images/mindcraft_logo.png" style="height:55px" />
    </div>


    <div class="col-lg-6 col-md-7 col-sm-12 text-md-right" style="padding:15px 10px 10px 30px">
      <ul class="iconcss my-1">
        <li>
        <i class="fa fa-user usericon"></i>
        </li>
        <li>
        <div style="line-height:11px;margin-top:2px;display:flex"><span class="usertext">Welcome {{this.username}}</span></div>
        <h6><span class="usertext">Last Login : {{this.last_login_date | datePipe}}</span></h6>
        </li>
        <li> <a routerLink="/login"><img src="/assets/images/logout.png"  style="height: 20px; width: 18px;margin-left:10px;margin-top:5px"  /></a> </li>
        </ul>
          
            

    </div>
  </div>