@import "variables";

#multiEditContainer {
  position: relative;
  height: calc(100% - 132px);
  overflow-x: auto;
  overflow-y: auto;

  table tr td {
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .multiedit-td-action {
    min-width: 45px;
    max-width: 45px;
    width: 45px;
  }

  #multiEditHeader {
    // @see ID-9235 Use 'sticky' for this - works perfect!
    position: sticky;
    top: 0;
    background: $white;
    z-index: 100;

    table {
      thead tr th {
        padding-top: 6px;
        padding-bottom: 6px;

        div {
          display: flex;
          align-items: center;
        }
      }

      tbody tr.multiedit-table-tr-changeall {
        height: 35px;
      }
    }
  }

  #multiEditList {
    .multiedit-td-object-title {
      vertical-align: middle;

      .multiedit-td-object-title-info-id,
      .multiedit-td-object-title-info-sysid {
        font-size: 9px;
      }
    }

    .multiedit-td-create-new > div {
      display: flex;
      align-items: center;
      height: 32px;
    }
  }
}

#multiedit-config table tr td {
  padding: 4px 0 !important;
}

.multiedit-display-container {
  overflow-x: hidden;
  overflow-y: hidden;
}

.multiedit-td-object-title {
  min-width: 150px;
  max-width: 150px;
  width: 150px;
}

.multiedit-table {
  min-width: fit-content;
}

.multiedit-table-body {
  overflow-x: hidden;
  position: relative;
}

.multiedit-table-td {
  min-width: 300px !important;
  max-width: 320px !important;
  overflow-x: visible !important;
}
