.utility {

  height: 100%;
  width: 100%;
  padding: 10px;
  min-height: 350px;
  h4 {
    font-size: 18px;
    width: 250px;
  }
  .commonRadioButtons{
    display: inline-block;
    width:20%;
    padding-left: 10px;
    vertical-align: bottom;
    margin-bottom: 40px;
  }
  .result{
    width: 60%;
    padding-left: 20px;
  }
  .downloadButton,.inspectButton{
    display: block;
    margin: auto;
    width: 100px;
  }

  .folderRadioButtons{
    width: 130px;
  }
  .fileTypeRadioButtons{
    width: 200px;
  }
  .multiselect-native-select .multiselect {
    height: 30px;
    padding: 0 15px;
    width: 200px;
    position: relative;
  }

  .ui-widget{
    font-family: 'Source Sans Pro', sans-serif !important;
    margin-bottom: 40px;
    position: relative;
  }
  .spacer {
    clear: both;
    padding: 10px
  }
  .criteriaBar {
    padding-top: 15px;
    padding-bottom: 25px;
    .managementCompanyList {
      display: inline-block;
      width:30%;
      vertical-align: bottom;
    }
    .propertyList {
      display: inline-block;
      width:30%;
      padding-left: 10px;
      vertical-align: bottom;
    }
  }
  .panel {
    height: auto;
    width: 550px;
  }

  .panel-body {
    height: auto;
    width: 530px;
  }

  .table-responsive {
    overflow: auto;
    max-height: inherit;
    height: 311px;

    .administration-grid {
      width: unset;
      text-align: center;

      thead > tr > th {
        position: sticky;
        top: 0;
        z-index: 10;
      }

      .col-number {
        width: 70px;
      }

      .col-managementCompanyCode {
        width: 200px;
      }

      .col-propertyCode {
        width: 200px;
      }

      .col-features {
        width: 350px;
        .feature-name {
          color: blue;
        }
      }
  }

  .administration-grid.property-level-feature-fencing{
    thead > tr > th {
      z-index: 10;
    }
    span.multiselect-native-select{
      position: absolute;
      width: min-content;
    }
    .multiselect.dropdown-toggle {
      margin-left: 50px;
    }
    .multiselect-container{
      position: sticky;
      top: 0;
      z-index: 5!important;
      margin-left: 50px;
    }
    .multiselect-container.dropdown-menu li.disabled{
      display: block !important;
    }
    .action-edit{
      display: grid;
      grid-template-columns: 30px 30px;
      .btn-save{
        height: 37px;
      }
    }
  }

  .data-export-input {
    margin-left: 18px;
    width: 267px;
    border: none;
  }

}
}
.utility-feature-groups-popup{
  .feature-groups{
    thead > tr > th {
      text-align: left;
    }
    span.col-resources{
      margin-left: 8px;
    }
    .feature-bundle-name{
      text-align: center !important;
      font-weight: bold;
    }
    tbody tr.feature-list{
      display: list-item;
      list-style-type: disc;
      margin-left: 20px;
    }
    tbody tr.feature-list > * {
      display: inline-block;
    }
    .col-index{
      width : 50px;
    }
    .feature-list{
      .col-resources a{
        color: blue;
      }
    }
  }
}

.utility-bundle-resources-popup{
  .license-resources{
    thead > tr > th {
      text-align: left;
    }
  }
}