#sbs_contentView,
#sbs_toolbar {
	display: none;
}

.sbs_active #sbs_contentView {
	display: block;
}

.sbs_active #sbs_wrapper,
.sbs_active #sbs_toolbar {
	display: flex;
}

.sbs_active #sbs_mainPage,
.sbs_active #sbs_content {
	/* 125px - sbsToolbar offset */
	height: calc(100vh - 125px); 
	overflow-x: auto;
}

.sbs_active #sbs_mainPage {
	width: 40%;
}

.sbs_active #sbs_content {
	width: 60%;
}

.sbs_active #sbs_mainPage > *,
.sbs_active #sbs_content > * {
	margin-top: 0;
	padding-top: 0;
}

.sbs_active[data-vm="left"]  #sbs_mainPage,
.sbs_active[data-vm="right"] #sbs_content {
	display: block;
	width: 100% !important;
}

.sbs_active[data-vm="right"] #sbs_mainPage,
.sbs_active[data-vm="left"]  #sbs_content {
	display: none;
	width: 0 !important;
}

.sbs_radio > * {
	cursor: pointer;
}

.sbs_active[data-vm="both"] #sbs_wrapper .gutter {
	display: flex;
	
	background-color: #eee !important;
	background-repeat: no-repeat;
	background-position: 50%;
}

.sbs_active[data-vm="left"] #sbs_wrapper .gutter,
.sbs_active[data-vm="right"] #sbs_wrapper .gutter {
	display: none;
}

#sbs_wrapper .gutter.gutter-horizontal {
	/* background-image: url('/optimus/resources/js/split/img/vertical.png'); */
	cursor: col-resize;
}

#sbs_wrapper .gutter.gutter-vertical {
	/* background-image: url('/optimus/resources/js/split/img/horizontal.png'); */
	cursor: row-resize;
}

#sbs_buttons .notAllowed {
	cursor: not-allowed;
}