@charset 'utf-8';

@mixin ellipsis($row) {
  overflow: hidden;
  text-overflow: ellipsis;
  @if $row == 1 {
    display: block;
    white-space: nowrap;
    word-wrap: normal;
  } @else if $row >= 2 {
    display: -webkit-box;
    -webkit-line-clamp: $row;
    -webkit-box-orient: vertical;
     word-wrap: break-word;
  }
}


.oraganization-tab {
  height: 100%;
  flex-direction: inherit;
  display: flex;
  .oraganization-tab-tree {
    height:40%;
    overflow-y: auto;
  }
}

//팝업에 있는 조직도
.mat-card-content{
  .mat-tab-body-content{
    .oraganization-box{
      .oraganization-tab {
        height: 80%;
        flex-direction: row;
     }
    }
  }
}

.select-list{
  height:60%;
  border-top:1px solid #dddddd;
  .select-dept{
    padding:0 20px;
    height:40px;
    line-height:40px;
    display:flex;
    background-color: #f9f9f9;
    dt{

    }
    dd{
      margin-left:auto;
    }
  }
  .search-list{
    height: calc(100% - 40px);
    overflow: auto;
    .list-item{
      height:70px;
    }
  }
}
.btn-box{
  padding:10px;
  button{
    width:100%;
    @include ellipsis(1);
  }
    ul{
      display:flex;
      flex-flow: row;
      align-content: space-between;
      margin-top:4px;
      li{
        display:inline-flex;
        align-items: center;
        flex-grow: 1;
        width:33%;
        margin-right: 4px;
        &:last-child{
          margin-right: 0;
        }
        button{
          text-align:center;
          width:100%;
          height:100%;
          padding: 0 6px;
        }
      }
    }
  }


.dialog-org {
  .oraganization-tab {
    width: 100%;
    height:380px;
    border-bottom: 1px solid #dddddd;
    position: relative;
    .oraganization-tab-tree {
      display: inline-flex;
      width: 50%;
      height:100%;
      border-right: 1px solid #dddddd;
      overflow: auto;
    }
    .select-list {
      display: inline-flex;
      flex-direction: column;
      width: 50%;
      height:100%;
      overflow: auto;
      .search-list {
        overflow: auto;
      }
    }
  }
}