.abovepropertyaccess {
  .table-responsive {
    max-height: inherit;
  }
  .userAccessTable {
    table-layout: fixed;
    .btn-save,
    .btn-edit,
    .btn-deactive,
    .btn-restore,
    .btn-trash,
    .btn-delete {
      background: none;
      width: 26px;
      height: 26px;
      cursor: pointer;
      i {
        width: 100%;
        height: 100%;
      }
    }
    tr {
      td {
        height: 31px !important;
        position: relative !important;
        padding: 2px 1px !important;
        table-layout: fixed;
        & > span {
          padding: 0 10px;
          display: block;
        }
        .selectarea span {
          line-height: 24px;
          display: block;
          height: 26px;
          float: none;
        }

        .selectarea span.multiselect-selected-text{
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
        .selectarea .btn-group ul label{
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
      }
      td.col-select {
        overflow: visible !important;
        small {
          text-align: left !important;
        }
      }
      td.col-select3 {
        .btn-group button {
          padding-left: 0 !important;
          width: 90px !important;
          span {
            justify-content: left;
          }
        }
      }
      .col-number {
        width: 30px;
        text-align: center;
      }
      .col-firstname {
        width: 10%;
        @media (max-width: 1200px) {
          width: 100px;
        }
      }
      .col-lastname {
        width: 10%;
        @media (max-width: 1200px) {
          width: 100px;
        }
      }
      .col-title {
        width: 8%;
        @media (max-width: 1200px) {
          width: 80px;
        }
      }
      .col-email {
        width: 15%;
        @media (max-width: 1200px) {
          width: 150px;
        }
      }
      .col-mgtarea {
        width: 11%;
        @media (max-width: 1200px) {
          width: 110px;
        }
      }
      .col-biattr {
        width: 10%;
        @media (max-width: 1200px) {
          width: 100px;
        }
      }
      .col-displayname {
        width: 10%;
        @media (max-width: 1200px) {
          width: 100px;
        }
      }
      .col-discoverAccess {
        div {
          display: flex;
          justify-content: center;
        }
        width: 8%;
        @media (max-width: 1200px) {
          width: 80px;
        }
      }
      .col-supportAccess {
        div {
          display: flex;
          justify-content: center;
        }
        width: 8%;
        @media (max-width: 1200px) {
          width: 80px;
        }
      }
      .col-access
      .col-assign {
        width: 155px;
        overflow: visible;
      }
      .col-access{
        width: 100px;
        span i {
          margin: 0 auto;
        }
      }
      .commonselect {
        padding-left: 0 !important;
        padding-right: 0 !important;
        .multiselect {
          border: 1px solid $c-border;
          background: $c-white;
        }
      }
      td.col-access {
        span {
          @include flexbox();
          justify-content: flex-start;
          i {
            margin: 0 auto;
          }
        }
        small {
          display: inline-block;
          padding: 0 10px;
          margin: 0 5px;
          height: 24px;
          line-height: 24px;
          @include border-radius(5px);
          cursor: pointer;
          &.itag {
            background: #65d7ff;
            color: #152c35;
          }
          &.ptag {
            background: #cc99ff;
            color: #022262;
          }
          &.mtag {
            background: #66ff99;
            color: #006600;
          }
        }
      }
      .col-action {
        width: 85px;
        .action {
          padding: 0 10px;
          @include flexbox();
          justify-content: flex-start;
          span {
            margin: 0 5px;
          }
        }
      }
      .checksection {
        width: 26px;
        height: 26px;
        margin: 0 5px;
        float: left;
        display: block;
        .icon-medium {
          width: 26px;
        }
      }
      .checksection .ncheck {
        width: 26px;
        height: 26px;
        display: block;
        left: 0;
        right: 0;
        margin: 0 auto;
      }
      .checksection .ncheck .checkmark {
        width: 26px !important;
        height: 26px !important;
        display: block;
        border: none;
        margin: 0 auto;
        border-width: 0;
        background: url(../images/chi-unchecked-checkbox.svg) no-repeat center center;
        -webkit-background-size: 24px auto !important;
        background-size: 24px auto !important;
      }
      .checksection .ncheck .checkmark.active {
        background: url(../images/chi-checked-checkbox.svg) no-repeat center center;
        -webkit-background-size: 24px auto !important;
        background-size: 24px auto !important;
      }
      .checksection .ncheck input:checked ~ .checkmark:after {
        left: 10px;
        top: 8px;
        display: none;
      }
    }

    .col-select .multiselect-container li.active label {
      background-position: right !important;
      padding-right: 15px;
    }
  }
  .commonTable tr td div {
    overflow: visible !important;
  }
  .table.userAccessTable > tbody > tr > td.col-select.col-select1, .table.userAccessTable > tbody > tr > td.col-select.col-select2 {
    min-width: 120px;
    width: 120px;
  }

}