@mixin usermanagement {
  /*All user management styles goes here*/

  .admin-access.basepopup{
    position: fixed;
  }

    .right-top-alert {
      z-index: 2000;
      position: fixed;
      float: left;
      right: 20%;
      left: unset;
      width: auto;
      top: 101px;
    }

    .modal-body p {
      word-wrap: break-word;
      -ms-word-wrap: break-word;

    }
    .modal-content {
      height: auto;
      margin-left: 15%;
      margin-top: 35% !important;
    }
    .transparent-layer {
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1050;
      display: none;
    }

    .hide-class {
      display: none;
    }
    .no-categories-edit input, .tab-content-area input[type=text] {
      background-color: $edit-mode-background !important;
    }

    .pswd-rules {
      margin-top: 5px
    }
    .pswd-rules ul {
      list-style-type: inherit;
      text-align: left;
      font-size: 12px;
    }
    .save-edit-button {
      margin-left: 5px !important;
    }

    .useraccess-area .table-responsive {
      padding-bottom: unset;
    }
   .table.table-useraccess > tbody > tr > td {
      vertical-align: middle ;
    border: 1px solid #8f91a2;
    padding: 0px 10px;
    text-align: left;

    }

    .table.table-useraccess > tbody > tr > td.no-padding {
      padding: unset;
    }

    .table.table-useraccess {
      border-collapse: separate;
      border-spacing: 1px;
    }

    .table.table-useraccess > tbody > tr > td.no-border {
      border: unset;
    }

    .shorten-text {
      overflow: hidden;
      white-space: nowrap !important;
      text-overflow: ellipsis;
    }

    .table.table-useraccess > tbody > tr > td.editing {
      border: unset;
      padding: unset;
    }

    .eventMappedFromMgmtCompany {
      background-color: #ccecff !important;
    }

  @media screen\0{

      .admin-access.basepopup {
        position: fixed;
        left: 34%;
      }
      .table.table-useraccess > tbody > tr > td {
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 10px;
      }
      .table.table-useraccess > tbody > tr > td.no-border {
        border: 0px;
      }
      .table.table-useraccess > tbody > tr > td.no-padding {
        padding: 0px;
      }

      .table.table-useraccess > tbody > tr > td.editing {
        border: 0px;
        padding: 0px;
      }
    }
    .table.table-useraccess > tbody > tr > td.col-username {
      min-width: 150px;
      width: 150px;
    }

    @media (max-width: 1200px) {
      .table.table-useraccess > tbody > tr > td.name-cell {
        max-width: 150px;
      }
      .table.table-useraccess > tbody > tr > td.col-username {
        max-width: 150px;
      }

      .table.table-useraccess > tbody > tr > td.col-title {
        max-width: 150px;
      }
      .table.table-useraccess > tbody > tr > td.col-location {
        max-width: 150px;
      }
    }

    @media (min-width: 1201px) {
      .table.table-useraccess > tbody > tr > td.name-cell {
        max-width: 160px;
      }
      .table.table-useraccess > tbody > tr > td.col-username {
        max-width: 160px;
      }
      .table.table-useraccess > tbody > tr > td.col-title {
        max-width: 170px;
      }
      .table.table-useraccess > tbody > tr > td.col-location {
        max-width: 170px;
      }
    }

    @media (min-width: 1440px) {
      .table.table-useraccess > tbody > tr > td.name-cell {
        max-width: 250px;
      }
      .table.table-useraccess > tbody > tr > td.col-username {
        max-width: 200px;
      }
      .table.table-useraccess > tbody > tr > td.col-title {
        max-width: 170px;
      }
      .table.table-useraccess > tbody > tr > td.col-location {
        max-width: 170px;
      }
    }

    @media (min-width: 1680px) {
      .table.table-useraccess > tbody > tr > td.name-cell {
        max-width: 350px;
      }
      .table.table-useraccess > tbody > tr > td.col-username {
        max-width: 200px;
      }
      .table.table-useraccess > tbody > tr > td.col-title {
        max-width: 170px;
      }
      .table.table-useraccess > tbody > tr > td.col-location {
        max-width: 170px;
      }
    }

  .table.table-useraccess > tbody > tr > td.col-mgtarea,.table.table-useraccess > tbody > tr > td.col-biattr {
    width: 120px;
  }

  .useraccess-content .filter-submemu ul li:first-child .btn{
    background: #e2f0d9 !important;
  }

  .useraccess-content .filter-submemu ul li .btn.active{
    background: #85cdc1 !important;
  }
}
