.current-head { display: flex; justify-content: center; padding: 0 10px; height: 70px; background: #352a37; background: -webkit-linear-gradient(to right, #352a37, #f15f79); background: linear-gradient(to right, #352a37, #ef4c73); h3 { display: inline-flex; padding-left: 10px; align-items: center; color:#ffffff; } .btn-box { height: 100%; margin-left: auto; display: inline-flex; align-items: center; } } .list-search { display: flex; flex-direction: row; height: 60px; align-items: center; padding: 0; font-size: 14px; background-color:#f9f9f9; border-bottom: 1px solid #dddddd; .searchbox { width: 100%; height: 100%; } } ::ng-deep .searchbox { .mat-form-field { display: block; .mat-form-field-wrapper { padding: 0; padding-bottom: 0 !important; height: 100%; .mat-form-field-flex { height: 59px; padding: 0 10px 0 20px; align-items: center; .mat-form-field-infix { width: 100%; font-size: 14px; border: none; } .mat-form-field-suffix { .mat-icon { line-height: 24px; } } } } } .mat-form-field-appearance-legacy { .mat-form-field-wrapper { padding: 0; } .mat-form-field-underline { bottom: 0; background-color: unset !important; } } } .app-layout-chat-left-sidenav-chat-header { width: 100%; height: 50px; } .app-layout-chat-left-sidenav-chat-list { height: calc(100% - 130px); } .app-layout-chat-left-sidenav-chat-list-viewport { width: 100%; height: 100%; }