next-ucap-messenger/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/search/integrated-search.dialog.component.scss

.confirm-card {
  height: 100%;
  .mat-card-header {
    .mat-card-header-text {
      margin: 0;
    }
    .btn-dialog-close {
      font-size: 20px;
      display: flex;
      margin-left: auto;
      align-self: flex-start;
      color: #444444;
    }
  }
  .mat-card-content {
    flex-direction: row;
    box-sizing: border-box;
    display: flex;
    height: 100%;
  }
}
ucap-integrated-search-form {
  position: relative;
  display: inline-flex;
  .search-container {
    width: 20%;
  }
}
.organization-option {
  position: relative;
  display: inline-flex;
  width: 70%;
}
.content-area {
  display: flex;
  height: calc(100% - 140px);
  flex-wrap: wrap;
  flex-direction: column;
  flex: 0 0 auto;
  box-sizing: border-box;
  .contents-table {
    position: relative;
    flex-direction: column;
    box-sizing: border-box;
    display: flex;
    flex: 1 1 100%;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    .table-box {
      position: relative;
      width: 100%;
      height: calc(100% - 60px);
      overflow: hidden;
      display: flex;
    }
    .footer-fix {
      display: flex;
      flex-wrap: wrap;
      flex: 1 1 auto;
      bottom: 0;
      width: 100%;
      flex-direction: column;
      box-sizing: border-box;
    }
  }
}

.btn-box {
  position: absolute;
  width: 100%;
  bottom: 0;
  ul {
    display: flex;
    flex-flow: row;
    li {
      display: inline-flex;
      margin-left: 4px;
    }
  }
}