.sticky-cell {
  position: sticky !important;
  @apply z-10;
  left: 0 !important;
}

.sticky-cell:nth-of-type(1) {
  left: 0 !important;
}

.sticky-cell:nth-of-type(2) {
  left: 40px !important;
}

.sticky-cell:nth-of-type(3) {
  left: calc(40px + 40px) !important;
}

.sticky-cell:nth-of-type(4) {
  left: calc(40px + 40px + 40px) !important;
}

.sticky-cell:nth-of-type(5) {
  left: calc(40px + 40px + 40px + 40px) !important;
  @apply border-r border-gainsboro !important;
}

.react-table .tbody > div {
  /* make sticky work in tbody */
  overflow: visible !important;
}
