.split-flex {
   display: flex;
   flex-direction: row;
   height: calc(100vh - 10px);
}

.split-flex-modal {
   display: flex;
   flex-direction: row;
   height: calc(100vh - 170px)
}

.gutter {
   background-color: #D5F4F9;
   background-repeat: no-repeat;
   background-position: 50%;
   height: calc(100vh - 10px);
}

.gutter.gutter-horizontal {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==');
   cursor: col-resize;
}

.gutter.gutter-vertical {
   background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAFAQMAAABo7865AAAABlBMVEVHcEzMzMzyAv2sAAAAAXRSTlMAQObYZgAAABBJREFUeF5jOAMEEAIEEFwAn3kMwcB6I2AAAAAASUVORK5CYII=');
   cursor: row-resize;
}