// @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;
//   }
// }
// @mixin disable-selection {
//   -webkit-touch-callout: none; /* iOS Safari */
//   -webkit-user-select: none; /* Safari */
//   -khtml-user-select: none; /* Konqueror HTML */
//   -moz-user-select: none; /* Firefox */
//   -ms-user-select: none; /* Internet Explorer/Edge */
//   user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
// }

// /*.scrollbar {
//   height: 550px;
// }*/

// .wrapper {
//   height: 300px;
// }

// mat-form-field {
//   font-size: 14px;
//   width: 100%;
// }
// .list-chip {
//   height: 100px;
//   width: 100%;
//   padding: 10px;
//   border: 1px solid #dddddd;
//   overflow: auto;
//   background-color: #f9f9f9;
//   margin-top: 10px;
// }

// table {
//   width: 100%;
//   min-width: 600px;
//   table-layout: fixed;
// }

// th.mat-header-cell {
//   @include disable-selection;
//   position: relative;
//   padding: 0 10px;

//   span.ui-column-divider {
//     display: block;
//     position: absolute;
//     top: 10px;
//     right: 0;
//     margin: 0;
//     width: 2px;
//     height: 40px;
//     padding: 0;
//     cursor: initial;
//     border: none;
//     background-color: #d4d4d4;

//     &.resizable {
//       cursor: col-resize;
//     }
//   }
//   span {
//     &[mat-sort-header='name'],
//     &[mat-sort-header='grade'] {
//       display: inline-flex;
//       padding-right: 10px;
//     }
//   }
//   &.profileImage {
//     width: 90px;
//   }
//   &.mat-column-checkable {
//     width: 50px;
//   }
// }

// td.mat-cell {
//   padding: 6px;
//   position: relative;

//   div {
//     @include ellipsis(1);
//   }
//   div:nth-chlid(2) {
//     padding-top: 4px;
//   }

//   &.profileImage {
//     width: 90px;
//     text-overflow: unset;
//     flex: 0 0 90px;

//     .table-item {
//       display: flex;
//       width: 70px;
//       min-width: 70px;
//       font-size: 1em;

//       .presence {
//         transform: translateY(6px);
//       }
//       .thumbnail {
//         cursor: pointer;
//         &-mask {
//           display: inline-block;
//           width: 40px;
//           height: 40px;
//           border-radius: 50%;
//           overflow: hidden;
//           margin-right: 0;
//           position: relative;
//           img {
//             width: 40px;
//             height: auto;
//             background-color: #efefef;
//           }
//         }
//       }
//       .marker-mobile-state {
//         position: absolute;
//         background-color: #ffffff;
//         width: 20px;
//         height: 20px;
//         border-radius: 50%;
//         bottom: 0;
//         left: 64px;
//         display: flex;
//         align-items: center;
//         align-content: center;
//         justify-content: center;
//         .mat-icon {
//           font-size: 0.9em;
//           width: 18px;
//           height: 18px;
//           line-height: 18px;
//           min-width: 18px;
//           min-height: 18px;
//         }
//       }
//     }
//   }

//   &.mat-column-checkable {
//     padding-left: 10px;
//     flex: 0 0 50px;
//   }

//   &.profileInfo {
//     cursor: pointer;
//     flex: 0 0 200px;
//     .baseInfo {
//       display: flex;
//       font-size: 1em;
//       @include ellipsis(1);
//       .name {
//         font-size: 1em;
//         font-weight: 600;
//       }
//       .grade {
//         font-size: 0.86em;
//         color: #666666;
//       }
//     }
//     .deptName {
//       font-size: 0.9em;
//       color: #666666;
//     }
//   }

//   .companyName,
//   .workplace,
//   .responsibilities {
//     font-size: 0.86em;
//     font-weight: 600;
//   }

//   .hpNumber {
//     cursor: pointer;
//   }
//   .lineNumber {
//     cursor: pointer;
//   }
// }

// .work-status {
//   display: inline-block;
//   justify-content: center;
//   justify-items: center;
//   color: #ffffff;
//   height: 100%;
//   min-width: 32px;
//   margin-right: 4px;
//   border-radius: 24px;
//   flex: 0 0 auto;
//   font-size: 0.8em;
//   text-align: center;
// }

// .no-search-result {
//   display: flex;
//   width: 100%;
//   margin-top: 40px;
//   justify-content: center;
//   justify-items: center;
//   font-size: 1.1em;
// }

// ::ng-deep .integrate-search-org {
//   td.mat-cell {
//     &.profileInfo {
//       cursor: initial !important;
//     }
//   }
// }

// ::ng-deep .ps__rail-y {
//   z-index: 101;
// }

// .example-chip-list {
//   width: 100%;
// }
