.mb-element-data-manager {
  select.selector, .dataTables_filter label input {
    display: block;
    width: 100%;
    background: white;
    border: solid 1px grey;
  }
  .dataTables_filter label {
    display: block; // allow input (inside label!) to grow to full width
  }
  .dataTables_filter, select.selector, >.title {
    margin-bottom: 1.5ex;
  }
  .loading-indicator {
    text-align: right;
    // move spinning icon content slightly left to prevent horizontal overflow and flickering scrollbar
    padding-right: 0.25em;
  }
  // Independence from quirky vis-ui ".modal-body" rules; this Element is not a modal body
  color: #555;
  font-size: 0.85rem;
  select.selector, .dataTables_filter input {
    height: 2.5em;
    padding: 0.35em;
    border-radius: 0;
  }
  // Disable bootstrap default button outlines on focus
  // This is to support keyboard navigation (which we don't support) but makes .active hard to see
  .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
      outline: none;
  }
  // Disable webkit default outline on focused select and text input
  select:focus, input:focus {
    outline: none;
  }

  // Defeat highly specific table td padding rule for cell containing interface buttons
  // See Mapbender/CoreBundle/Resources/public/sass/modules/_result_table.scss
  .mapbender-element-result-table {
    > .dataTables_wrapper {
      > table[role="grid"] {
        td.interface {
          padding: 0;
        }
      }
    }

    .btn-group {
      white-space: nowrap;
      >.btn {
        // Bootstrap default float: left on .btn-group > .btn forces computed display: block, allowing horizontal
        // collapse of the column and spreading the buttons over mulitple lines
        // @see https://stackoverflow.com/questions/28482145/browsers-seem-to-be-ignoring-displayinline-block-and-rendering-as-block
        // => disable float
        float: none;
        font-size: inherit;
        padding: 0.28em;  // ~3px on 11px font-size
      }
    }
  }
  // Right-align buttons even if columns have no (configured!) CSS width
  td.interface {
    text-align: right;
  }
}

// Pop-up dialogs
.ui-dialog-content.data-manager-edit-data {
  &.modal-body {
    // Undo legacy padding: 0, use Bootstrap default 15px
    padding: 15px;
    // Reposition vis-ui tab container (visually belongs to titlebar, but is always placed in body)
    > .mapbender-element-tab-navigator > .nav-tabs {
      margin-left: -15px;
      margin-right: -15px;
      margin-top: -15px;
      margin-bottom: 10px;
    }
  }

  .fileinput-button {
    position: relative;
    input {
      opacity: 0;
      position: absolute;
      top: 0;
      width: 100%;
    }
  }
}
