.grw-handsontable :global {
  .handsontable {
    position: relative;

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

    td {
      word-break: break-all;
    }

    th {
      text-align: inherit;
    }
  }

  // expand .hot-table-container (with flexbox)
  .grw-modal-expanded {
    .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
  // This issue fixing from Handsontable v 7.0.0
  // see: https://github.com/handsontable/handsontable/issues/2937#issuecomment-480824024
  .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;
      }
    }
  }
}