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

.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.horizontal-percent > .split-pane-component:first-child {
    z-index: 4;
}

.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.fixed-top > .split-pane-divider,
.split-pane.fixed-bottom > .split-pane-divider,
.split-pane.horizontal-percent > .split-pane-divider {
	position: absolute;
	width: 100%;
	left: 0;
	cursor: row-resize;
	z-index: 3;
}

.split-pane.fixed-top > .split-pane-divider > .split-pane-divider-inner,
.split-pane.fixed-bottom > .split-pane-divider > .split-pane-divider-inner,
.split-pane.horizontal-percent > .split-pane-divider > .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;
    min-height: 100%;
	height: 100%;
	/*overflow: auto;*/
	left: auto;
	right: 0;
	z-index: 1;
}

.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.fixed-left > .split-pane-divider,
.split-pane.fixed-right > .split-pane-divider,
.split-pane.vertical-percent > .split-pane-divider {
	position: absolute;
	height: 100%;
	top: 0;
	cursor: col-resize;
	z-index: 2;
}

.split-pane.fixed-left > .split-pane-divider > .split-pane-divider-inner,
.split-pane.fixed-right > .split-pane-divider > .split-pane-divider-inner,
.split-pane.vertical-percent > .split-pane-divider > .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;
}

.split-pane-divider {
    border: 1px solid #dcdcdc;
    /*background: #aaa;*/
}

.split-pane-component {
    background: #fff;
}

.split-pane.horizontal-percent > .split-pane-overlay{
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0.2;
    z-index: 19;
    background-color: #2ecee7;
}

.split-pane.vertical-percent > .split-pane-overlay {
    position: absolute;
    left: 0;
    height: 100%;
    opacity: 0.2;
    z-index: 19;
    background-color: #2ecee7;
}

.split-pane.horizontal-percent > .split-pane-component .split-pane-opacity-0,
.split-pane.vertical-percent > .split-pane-component .split-pane-opacity-0 {
    opacity: 0!important;
}

.split-pane.horizontal-percent > .split-pane-component .split-pane-icon,
.split-pane.vertical-percent > .split-pane-component .split-pane-icon {
    display: flex;
    height: 100%;
    align-items: center;
}

.split-pane.horizontal-percent > .split-pane-component .split-pane-icon > div,
.split-pane.vertical-percent > .split-pane-component .split-pane-icon > div {
    flex: 1;
}

.split-pane.horizontal-percent > .split-pane-component .container-fixed,
.split-pane.vertical-percent > .split-pane-component .container-fixed {
    padding-top: 0!important;
    overflow-y: auto;
}

.split-pane.horizontal-percent > .split-pane-component div.content-header,
.split-pane.vertical-percent > .split-pane-component div.content-header {
    position: relative!important;
    right: inherit!important;
    left: inherit!important;
}

.split-pane-header{
    padding: 0 10px;
}

/*.split-pane.horizontal-percent > .split-pane-component .container-fixed,
.split-pane.vertical-percent > .split-pane-component .container-fixed {
    padding-top: 40px!important;
}*/

/*
.split-pane.vertical-percent > .split-pane-divider + .split-pane-component {
    margin-right: 5px!important;
}

.split-pane.horizontal-percent > .split-pane-component::-webkit-scrollbar,
.split-pane.vertical-percent > .split-pane-component::-webkit-scrollbar  {
    width: 8px;
}

*/
/* Track *//*

.split-pane.horizontal-percent > .split-pane-component::-webkit-scrollbar-track,
.split-pane.vertical-percent > .split-pane-component::-webkit-scrollbar-track {
    -webkit-border-radius: 4px;
    background-color: #fff;
    border-radius: 4px;
}

*/
/* Handle *//*

.split-pane.horizontal-percent > .split-pane-component::-webkit-scrollbar-thumb,
.split-pane.vertical-percent > .split-pane-component::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: rgba(170, 170, 170, 1);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.split-pane.horizontal-percent > .split-pane-component,
.split-pane.vertical-percent > .split-pane-component  {
    scrollbar-base-color: #C0C0C0;
    scrollbar-base-color: #C0C0C0;
    scrollbar-3dlight-color: #C0C0C0;
    scrollbar-highlight-color: #C0C0C0;
    scrollbar-track-color: #EBEBEB;
    scrollbar-arrow-color: black;
    scrollbar-shadow-color: #C0C0C0;
    scrollbar-dark-shadow-color: #C0C0C0;
}*/