.app-layout-chat-left-sidenav-chat-header {
  width: 100%;
  height: 50px;
}

.app-layout-chat-left-sidenav-chat-list {
  height: calc(100% - 60px);
}

.app-layout-chat-left-sidenav-chat-list-viewport {
  width: 100%;
  height: 100%;
}

.room-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.list-search {
  display: flex;
  flex-direction: row;
  height: 60px;
  align-items: center;
  padding: 0;
  font-size: 14px;
  border-bottom: 1px solid #dddddd;
  .searchbox{
    width:100%;
    .mat-form-field{
      display:block;
      .mat-form-field-wrapper{
        padding-bottom:0 !important;
        height: 60px;

    }
   }
  }
}
::ng-deep .searchbox .mat-form-field-flex{
      height: 60px;
      padding:0 10px;
}
::ng-deep .searchbox .mat-form-field-appearance-legacy .mat-form-field-wrapper{
  padding: 0;
}
::ng-deep .searchbox .mat-form-field-appearance-legacy .mat-form-field-underline{
  bottom:0;
  background-color: #cccccc !important;
}
/*.searchbox {
    width: 100%;
    display: flex;
    input {
      display: inline-flex;
      width: 100%;
      font-size: 14px;
      padding-left: 0;
    }
    .btn-search {
      color: #777777;
      font-size: 12px;
      display: inline-flex;
      margin-left: auto;
      flex: none;
    }
  }*/