custom-panel{
	display: flex;
	flex: 1;
	flex-direction: column;

	flex: 0 0 auto;
	/*flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;*/
	/*flex-basis: 0;*/
	/*flex: 1;*/
	/*height:100%;
	width:100%;*/

	/*padding: 5px !important;*/
	box-sizing: border-box;
	pointer-events: all;
	overflow: hidden;
	position: relative;
	flex-direction: column;
	box-sizing: border-box;
}
custom-panel > *{
	/*flex: 1;*/
	/*flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;*/
	/*flex: 1;*/
	/*display: flex;
	flex: 1;
	height:100%;
	width:100%;*/
}
.custom-panel-row{
	flex-direction: row;
}
.custom-panel-row > custom-panel{
	height:100%;
}
.custom-panel-column{
	flex-direction: column;
}
.custom-panel-column > custom-panel{
	width:100%;
}
.custom-panel-splitter{
	display: none;
	flex: 0 0 10px;
	background-color: red;
}
custom-panel>.title{
	cursor: pointer;
	text-align: center;
	font-size: 1.5em;
	padding: 4px;
	overflow: hidden;
}
custom-panel>.content{
	width: 100%;
	box-sizing: border-box;
}

custom-panel[collapsible='1'] > .title{

}
custom-panel[collapsible='1'] > .title::after{
	content: "-";
	right: 5px;
	position: absolute;
}
custom-panel[collapsed='1'] > .title::after{
	content: "+";
}