.handsontable {
  .handsontableInput {
    max-width: 290px !important;
  }

  td {
    word-break: break-all;
  }
}

.handsontable-modal.grw-modal-expanded {
  // expand .hot-table-container (with flexbox)
  .hot-table-container {
    flex: 1;
  }
}

// Prevent handsontable/handsontable #2937 (Manual column resize does not work when handsontable is loaded inside Bootstrap 3.0 Modal)
// see https://github.com/handsontable/handsontable/issues/2937#issuecomment-287390111
.modal.in .modal-dialog.handsontable-modal {
  transform: none;

  .data-import-button {
    position: relative;
    padding-right: 35px;
    padding-left: 10px;

    i:before {
      position: absolute;
      top: 6px;
      right: 8px;
      font-size: 20px;
    }
  }
}
