.dialog-creat-chat {
  height: 100%;
  & > .mat-card-header {
    .btn-dialog-close {
      font-size: 20px;
      display: flex;
      margin-left: auto;
      align-self: flex-start;
      color: #444444;
    }
  }
  & > .mat-card-content {
    position: relative;
    .mat-card-content-frame {
      height: calc(100% - 50px);
      .container {
        height: 100%;
        .container-frame {
          height: 530px;
        }
      }
    }
    //그룹이름 폼 있는 경우
    .newgroup-form {
      height: 70px;
      & + .mat-card-content-frame {
        height: calc(100% - 120px);
        .container {
          .mat-tab-frame {
            .mat-tab-group {
              & > .mat-tab-body {
                height: 380px;
              }
            }
          }
        }
      }
    }
  }
  & > .mat-tab-body-wrapper {
    height: calc(100% - 50px);
    .mat-tag-body {
      & > .dialog-tab-orglist {
      }
    }
  }
}

.dialog-tab-grouplist {
  height: calc(100% - 130px);
  width: 100%;
  .group,
  .search-result {
    width: 100%;
    height: calc(100% - 50px);
    &-expansion {
      .list-item {
        height: 60px;
      }
    }
    &-list-item {
      width: 100%;
    }
  }
}

/*::ng-deep .dialog-tab-chatlist {
  height: 508px;
  width: 100%;
  .chat {
    width: 100%;
  }
  .chat.checkbox {
    & > .list-item {
      padding: 0 10px;
      .item-default {
        width: calc(100% - 30px);
      }
      .mat-badge {
        display: none;
      }
    }
  }
}
*/
::ng-deep .dialog-tab-orglist {
  width: 100%;
  height: calc(100% - 130px);
  border-bottom: 1px solid #dddddd;
  position: relative;
  .oraganization {
    .ps__rail-y {
      left: auto !important;
    }
    &-tab {
      width: 100%;
      height: calc(100% - 50px);
      position: relative;
      &-tree {
        display: inline-flex;
        width: 50%;
        height: 100% !important;
        border-right: 1px solid #dddddd;
        overflow: auto;
        .tab-tree-frame {
          width: 100%;
          height: 100%;
        }
      }
      .select-list {
        display: inline-flex;
        flex-direction: column;
        width: 50%;
        height: 100% !important;
        overflow: auto;
        .search-list {
          overflow: auto;
          height: calc(100% - 40px);
        }
      }
    }
  }
}

.list-chip {
  height: 100px;
  width: 100%;
  padding: 10px;
  border: 1px solid #dddddd;
  overflow: auto;
  background-color: #f9f9f9;
  margin-top: 10px;
}
.mat-chip.mat-standard-chip .mat-chip-remove {
}

.confirm-card {
  .mat-card-content {
    .content-box {
      flex-direction: column;
      flex-flow: column;
    }
  }
  .button-form {
    text-align: right;
    .mat-primary {
      margin-left: 4px;
    }
  }
}

/*::ng-deep .dialog-creat-chat {
  & > .mat-tab-body-wrapper {
    .mat-tab-body {
      height: 380px;
      &:nth-child(3) {
        height: 480px;
      }
      .mat-tab-body-content {
        width: 100%;
        height: 100%;
      }
    }
  }
}
*/

.mat-card-content {
  .mat-card-content-frame {
    height: 100%;
    .container {
      height: 100%;
      .mat-tab-group {
        height: 100%;
      }
    }
  }
}