/*!
 * jQuery Enhanced Splitter Plugin
 * LESS / CSS File
 * Version 1.1.0
 *
 * https://github.com/hiltonjanfield/jquery.enhsplitter
 *
 */
.splitter_container {
  position: relative;
  overflow: hidden;
  /* Using !important to ensure random, generalized styles do not interfere with the layout. */
  padding: 0 !important;
  height: 100%;
}
.splitter_container > .splitter_panel {
  position: absolute;
  overflow: auto;
  padding: 0;
  margin: 0;
}
.splitter_container > .splitter_panel > :not(.splitter_container) {
  overflow: auto;
  height: 100%;
}
.splitter_container.splitter-horizontal > .splitter_panel {
  left: 0;
  width: 100%;
}
.splitter_container.splitter-horizontal > .splitter_panel:first-child {
  /* Top panel */
  top: 0;
}
.splitter_container.splitter-horizontal > .splitter_panel ~ .splitter_panel {
  /* Bottom panel */
  bottom: 0;
}
.splitter_container.splitter-vertical > .splitter_panel {
  top: 0;
  height: 100%;
}
.splitter_container.splitter-vertical > .splitter_panel:first-child {
  /* Left panel */
  left: 0;
}
.splitter_container.splitter-vertical > .splitter_panel ~ .splitter_panel {
  /* Right panel */
  right: 0;
}
.splitter_container.splitter-fixed > .splitter {
  cursor: default;
}
.splitter_container.splitter-handle-disabled > .splitter > .splitter_handle {
  cursor: inherit;
}
.splitter {
  background-color: #c0c0c0;
  position: absolute;
  padding: 0 !important;
  box-sizing: border-box;
}
.splitter > .splitter_handle {
  cursor: pointer;
  background-color: #999999;
  position: relative;
  margin: auto;
  z-index: 1000;
  box-sizing: border-box;
}
.splitter > .splitter_handle:hover {
  background-color: #666666;
  border-color: #666666;
}
.splitter > .splitter_handle:active {
  background-color: #000000;
  border-color: #000000;
}
.splitter.splitter-invisible {
  background: none!important;
  border: none!important;
  box-shadow: none!important;
}
.splitter.splitter-invisible .splitter_handle,
.splitter.splitter-handle-none .splitter_handle {
  display: none;
}
.splitter-vertical > .splitter {
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #666666;
  cursor: ew-resize;
  z-index: 900;
  width: 7px;
  height: 100%;
}
.splitter-vertical > .splitter > .splitter_handle {
  top: 50%;
  margin-top: -25px;
  height: 50px;
}
.splitter-vertical > .splitter.splitter-handle-default > .splitter_handle {
  width: 3px;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  background-color: transparent;
}
.splitter-vertical > .splitter.splitter-handle-default > .splitter_handle:hover {
  border-color: #666666;
}
.splitter-vertical > .splitter.splitter-handle-default > .splitter_handle:active {
  border-color: #000000;
}
.splitter-vertical > .splitter.splitter-handle-bar > .splitter_handle {
  width: 3px;
}
.splitter-vertical > .splitter.splitter-handle-block > .splitter_handle {
  width: 5px;
}
.splitter-horizontal > .splitter {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #666666;
  cursor: ns-resize;
  z-index: 800;
  width: 100%;
  height: 7px;
}
.splitter-horizontal > .splitter > .splitter_handle {
  width: 50px;
}
.splitter-horizontal > .splitter.splitter-handle-default > .splitter_handle {
  height: 3px;
  margin-top: 1px;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  background-color: transparent;
}
.splitter-horizontal > .splitter.splitter-handle-default > .splitter_handle:hover {
  border-color: #666666;
}
.splitter-horizontal > .splitter.splitter-handle-default > .splitter_handle:active {
  border-color: #000000;
}
.splitter-horizontal > .splitter.splitter-handle-bar > .splitter_handle {
  height: 3px;
  margin-top: 1px;
}
.splitter-horizontal > .splitter.splitter-handle-block > .splitter_handle {
  height: 5px;
  margin-top: 1px;
}
.splitter_container.splitter-active > .splitter {
  z-index: 1000;
  /* Important to keep z-index of active splitter above .splitterMask. */
}
.splitter_container.splitter-active > .splitter > .splitter_handle {
  border-color: #000000;
  cursor: inherit;
}
.splitter_container.splitter-active > .splitter.splitter-handle-bar > .splitter_handle,
.splitter_container.splitter-active > .splitter.splitter-handle-block > .splitter_handle {
  background-color: #000000;
}
.splitter_mask {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}