/*!

Split Pane v0.9.4

Copyright (c) 2014 - 2016 Simon Hagström

Released under the MIT license
https://raw.github.com/shagstrom/split-pane/master/LICENSE

*/
.split-pane {
   position: relative;
   height: 100%;
   width: 100%;
   overflow: hidden;
   z-index: 0;
}


.split-pane-divider {
   background: rgb(229, 231, 235);
}

.split-pane-divider-x {
   width: 5px;
}

.split-pane-divider-y {
   height: 5px;
}

.split-pane-divider-x .split-pane-divider-inner-bar,
.split-pane-divider-x .split-pane-divider-inner-bar,
.split-pane-divider-x .split-pane-divider-inner-bar {
   width: 5px;
   height: 20px;
   position: absolute;
   top: calc(50% - 10px);
   z-index: 50;
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==");
}

.split-pane-divider-y .split-pane-divider-inner-bar,
.split-pane-divider-y .split-pane-divider-inner-bar,
.split-pane-divider-y .split-pane-divider-inner-bar {
   width: 20px;
   height: 5px;
   position: absolute;
   left: calc(50% - 10px);
   z-index: 50;
   background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==");
}

.split-pane-mask {
   display: none;
   position: absolute;
   z-index: 9999;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, .6);
}

.split-pane.fixed-top > .split-pane-component,
.split-pane.fixed-bottom > .split-pane-component,
.split-pane.horizontal-percent > .split-pane-component {
   position: absolute;
   left: 0;
   width: 100%;
   overflow: auto;
   top: auto;
   bottom: 0;
   z-index: 1;
}

.split-pane.fixed-top > .split-pane-divider-y + .split-pane-component,
.split-pane.fixed-bottom > .split-pane-divider-y + .split-pane-component,
.split-pane.horizontal-percent > .split-pane-divider-y + .split-pane-component {
   padding-top: 5px;
}

.split-pane.fixed-top > .split-pane-mask + .split-pane-component,
.split-pane.fixed-bottom > .split-pane-mask + .split-pane-component,
.split-pane.horizontal-percent > .split-pane-mask + .split-pane-component {
   top: 0;
}

.split-pane.fixed-top > .split-pane-component:first-child,
.split-pane.fixed-bottom > .split-pane-component:first-child,
.split-pane.horizontal-percent > .split-pane-component:first-child {
   top: 0;
   bottom: auto;
}

.split-pane-divider-y,
.split-pane-divider-y,
.split-pane-divider-y {
   position: absolute;
   width: 100%;
   left: 0;
   cursor: row-resize;
   z-index: 2;
}

.split-pane-divider-y .split-pane-divider-inner,
.split-pane-divider-y .split-pane-divider-inner,
.split-pane-divider-y .split-pane-divider-inner {
   position: absolute;
   top: -5px;
   left: 0;
   box-sizing: content-box;
   width: 100%;
   height: 100%;
   padding: 5px 0;
}

.split-pane.fixed-left > .split-pane-component,
.split-pane.fixed-right > .split-pane-component,
.split-pane.vertical-percent > .split-pane-component {
   position: absolute;
   top: 0;
   height: 100%;
   overflow: auto;
   left: auto;
   right: 0;
   z-index: 1;
}

.split-pane.fixed-left > .split-pane-divider-x + .split-pane-component,
.split-pane.fixed-right > .split-pane-divider-x + .split-pane-component,
.split-pane.vertical-percent > .split-pane-divider-x + .split-pane-component {
   padding-left: 5px;
}

.split-pane.fixed-left > .split-pane-mask + .split-pane-component,
.split-pane.fixed-right > .split-pane-mask + .split-pane-component,
.split-pane.vertical-percent > .split-pane-mask + .split-pane-component {
   left: 0;
}

.split-pane.fixed-left > .split-pane-component:first-child,
.split-pane.fixed-right > .split-pane-component:first-child,
.split-pane.vertical-percent > .split-pane-component:first-child {
   left: 0;
   right: auto;
}

.split-pane-divider-x,
.split-pane-divider-x,
.split-pane-divider-x {
   position: absolute;
   height: 100%;
   top: 0;
   cursor: col-resize;
   z-index: 2;
}

.split-pane-divider-x .split-pane-divider-inner,
.split-pane-divider-x .split-pane-divider-inner,
.split-pane-divider-x .split-pane-divider-inner {
   position: absolute;
   top: 0;
   left: -5px;
   box-sizing: content-box;
   width: 100%;
   height: 100%;
   padding: 0 5px;
}

.split-pane-resize-shim {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 10000;
   display: none;
}

.split-pane.fixed-left > .split-pane-resize-shim,
.split-pane.fixed-right > .split-pane-resize-shim,
.split-pane.vertical-percent > .split-pane-resize-shim {
   cursor: col-resize;
}

.split-pane.fixed-top > .split-pane-resize-shim,
.split-pane.fixed-bottom > .split-pane-resize-shim,
.split-pane.horizontal-percent > .split-pane-resize-shim {
   cursor: row-resize;
}