.SplitPane {
  display: flex;
  overflow: hidden;
  /*& .Table-scroll-wraper {
      height: 100% !important;
  }*/
}
.SplitPane.VerticalSplit {
  flex-direction: row;
}
.SplitPane.HorizontalSplit {
  flex-direction: column;
  height: 100%;
}
.SplitPane .PanelLeft {
  flex: 0 0 auto;
  width: 300px;
  min-height: 200px;
  min-width: 150px;
}
.SplitPane .PanelRight {
  flex: 1 1 auto;
  width: 100%;
  min-height: 200px;
  min-width: 200px;
}
.SplitPane .PanelTop {
  flex: 0 0 auto;
  height: 150px;
  width: 100%;
}
.SplitPane .PanelBottom {
  flex: 1 1 auto;
}
.SplitPane .Splitter {
  flex: 0 0 auto;
  color: #ccc;
  z-index: 1;
}
.SplitPane .Splitter::before {
  content: "";
  display: block;
  background-color: currentColor;
  transition: 0.15s;
}
.SplitPane .Splitter:hover::before {
  color: #999;
}
.SplitPane .Splitter.VerticalSplitter {
  min-height: 200px;
  cursor: col-resize;
}
.SplitPane .Splitter.VerticalSplitter::before {
  width: 20px;
  height: 1px;
  position: relative;
  top: 50%;
  transform: rotateZ(90deg);
  box-shadow: 0px -4px 0px currentColor, 0px 4px 0px currentColor;
}
.SplitPane .Splitter.HorizontalSplitter {
  height: 20px;
  cursor: row-resize;
}
.SplitPane .Splitter.HorizontalSplitter::before {
  margin: 0 auto;
  width: 40px;
  height: 1px;
  box-shadow: 0px 3px 0px currentColor, 0px 6px 0px currentColor;
  margin-top: 7px;
}

/*# sourceMappingURL=SplitPane.css.map */