@import '~@ucap/lg-scss/mixins';

.member-list-container {
  width: 100%;
  height: 100%;

  align-content: space-between;
  padding: 0 30px;
  background-color: white;

  .list-header {
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #999999;
    padding: 12px 0 13px;

    .list-header-title {
      h5 {
        font-size: 13px;
        align-items: center;
        font-weight: 600;
        color: #333333;
        flex-grow: 1;
        strong {
          color: #e42f66;
        }
      }
    }
    .list-header-toolbox {
      right: 0px;
    }
  }

  .selected-users {
    flex-grow: 0.8;
    .organization-accordion-head {
      background-color: #f1f2f6;
    }
    .select-user-title {
      strong {
        color: $lipstick;
        margin-left: 8px;
      }
    }

    .selected-user-list {
      width: 150px;
    }

    .btn-box {
      margin-top: 10px;
      padding-right: 8px;
      display: flex;
      flex-direction: row;
      align-content: center;
      justify-content: space-between;
    }
  }
}
