.react-grid-layout {
  position: relative;
  transition: height 200ms ease;
}
.react-grid-item {
  transition: all 200ms ease;
  transition-property: left, top;
}
.react-grid-item.cssTransforms {
  transition-property: transform;
}
.react-grid-item.resizing {
  z-index: 1;
  will-change: width, height;
}

.react-grid-item.react-draggable-dragging {
  transition: none;
  z-index: 3;
  will-change: transform;
}

.react-grid-item.dropping {
  visibility: hidden;
}

.react-grid-item.react-grid-placeholder {
  background: red;
  opacity: 0.2;
  transition-duration: 100ms;
  z-index: 2;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-grid-item > .react-resizable-handle {
  height: 30px;
  width: 30px;
}

.react-grid-item > .react-resizable-handle-sw,
.react-grid-item > .react-resizable-handle-se,
.react-grid-item > .react-resizable-handle-s{
  bottom: -4px;
}

.react-grid-item > .react-resizable-handle-s, .react-grid-item > .react-resizable-handle-n {
  transform: none;
  width: 100%;
  left: 10px;
  height: 10px;
}

.react-grid-item > .react-resizable-handle-sw,
.react-grid-item > .react-resizable-handle-se,
.react-grid-item > .react-resizable-handle-nw,
.react-grid-item > .react-resizable-handle-ne{
  z-index: 101 !important;
}

.react-grid-item > .react-resizable-handle {
  background-image: none;
}

.react-resizable-hide > .react-resizable-handle {
  display: none;
}