@import '~@ucap/lg-scss/mixins';
.dialog-container {
  width: 100%;
  height: 100%;

  .dialog-body {
    width: 100%;
    height: 100%;
    .ucap-dialog-group-manage-container {
      display: flex;
      flex-flow: column;
      width: 100%;
      height: 100%;
      .group-name {
        display: flex;
        flex-flow: row;
        height: 40px;
        border-bottom: 1px solid #999999;
        .sub-title {
          display: inline-flex;
          height: 100%;
          align-items: center;
        }
        button {
          display: flex;
          margin-left: auto;
          padding: 0 10px;
        }
      }

      .ucap-dialog-app-group-profile-list {
        height: calc(100% - 40px);
        // overflow-y: hidden;
        overflow: hidden;
        .profile-list-01-item-container {
          .ucap-virtual-scroll-viewport {
            .ps__rail-x {
              display: none;
            }
          }
        }
      }
    }
    .ucap-dialog-app-group-select-user {
      width: 60%;
      border-bottom: 1px solid #cccccc;
      @include screen(xs) {
        width: 100%;
        height: 78%;
        margin-bottom: 2%;
      }
    }
    .ucap-dialog-organization-profile-selection {
      position: relative;
      width: 40%;
      padding-left: $default-space;
      border-bottom: 1px solid #cccccc;
      @include screen(xs) {
        width: 100%;
        height: 20%;
        padding: 0;
      }
      .ucap-organization-selected-list {
        width: 100%;
        height: 100%;
        display: flex;
        border: 1px solid #cccccc;
        border-bottom: none;
        overflow: auto;
      }
    }
  }
  .btn-box {
    display: flex;
    flex-direction: row;
    button {
      margin-left: 4px;
      border-radius: 3px;
    }
  }
}