.workpane {
	display: block;
	position: absolute;
	min-height: 33px;
	min-width: 100px;
	background: white;
    /* border: solid #979692 1px; */
    border: solid #85cce1 1px;
    padding: 0;
	overflow: hidden;
}


.wp-active {
	opacity: 1;
}

.wp-inactive {
	opacity: 0.5;
}

.workpane .paneheader {
	text-align: center;
    /* font-size: smaller; */
    /* font-size: 0.65rem; */
    font-weight: bold;
    font-variant: small-caps;
	cursor: default;
	background: #17a2b8;
	color: #fff;
	height: 1rem;
	/* cursor: move; */
}

.workpane .paneheader .wp-title-left-pane {
	display: inline-block;
	position: absolute;
	left: 0;
	height: 1rem;
}

.workpane .paneheader .wp-title-right-pane {
	display: inline-block;
	position: absolute;
	right: 0;
	height: 1rem;
}

.wp-title-text {
	display: inline-block;
}

.wp-title-button {
	display: inline-block;
	height: 1rem;
	width: 1rem;
	cursor: pointer;
}

.wp-shrink-button {
	display: inline-block;
	position: absolute;
	left: 0;
	height: 1rem;
	width: 1rem;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAADBklEQVR4Xu3bO4sWMRTG8f+K2looYqkIroWNImJjIwgWirquVl56Sz+Atw9ga+2t8IIXWJBlC0EsthBtLBRFbAUtbL2gPMu7MsxmMslMBnMym3bnzUx+yWQz5yRTjLxMjbz9uAB2AluBV8DX0oHqAFeBS5NGfwfOAHMlI1QBpoF3tcb+BE4BT0tFqAIcBp45GtoXQfc4CxwCPgHXAY2uLEoVYBPwEdiQGOEycKVS5xtgP/AjB4H6HHAEeASsS4jwBdhcq+8A8DJHAD3TMeAhsNbxgL+A2cg54Y+jHs0rusd/L03rgJQIJgFSjgSzACEIGspPWsaxaQC17TjwwDMntCGYB+iLUARAH4RiALoiFAUghBPAfc+ccBp4XJkYiwOIRSgSIAahWIBQBH1b1Ev2S+GYNfoMcM8zJ7i+KYoCEJYPwYVZHEAsQpEAMQjZA+gzWcHRC45gRsz80HRt9gDngJspWtpQR/YAtych8aEMNGlWV4tD3ae13qaIUDU/0FpJhwt2AB86/C75T5oAFBl+DuxOfkcQbjVKPMAtwqv05QbXA/uALeHVea/8DbzNpeeXn3Q1OZqod81WszoCzHZdogfPcQToX+QuYE2iNio1twgoybui5AYw1PrjNXDQlZXOCUA9/z5Rr7uqUZb6Wv0POQEo2OqKHqUyuQWczxlAWWdloIYq2u5zd4wAmgRvTIb/igBtTq9AyAjQ/oR63qHXiLEGoMYmRbAIkBTBAoB6vGm7Tu/XwQLAyZa8Qy8ECwB6xrbkS9smjcaJ0gqAGjAIgiUAIbSl5qNHgjWA5AgWAUIQgjdzWgVIhmAZIAmCdYDeCCUACMG3mdN73qEUgM4IJQF0QsgJQIcoXtTWrApmxKbm2l4HrSj/HQTLCUCnVBS+3lNBUBJVkeLY4jvvoPNK24FvqjQnAD2PstIXgW3AAnAHcO0zDAHxIeiA2HyOACENi7mmCUGHQ5dC8LmNgJjGhV57FNCOl+XTcMoNKEewVMYAoHZuBPYCn+vJl7EAmAiIhA7ppNf9BepIzEGemK5fAAAAAElFTkSuQmCC);
	background-size: 16px 16px;
	background-position: 0 0;
}

.wp-shrink-button.shrinked {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAC6ElEQVR4Xu2ava8OQRSHnyuh0KlESUNHQSJXp0biI1oK1G7pL1BSo0AnQSQolUKioaNxS1S6W5CI/JJ9k9eamZ2ZndnMzO42bzNfv2fOOe+ZM7PBzL+NmetnAbBYwMwJlOwCJ4AbwL7IPVK/g8Av4DbwyDROqQAk/i2wO1K8qdtVE4RSAdwHriUUr6G+AEf6Y84JgLT/p7dUADlc4DtwoBYL0DpDgqCEnQR2OdzmGXCpJgC+IeAc8NQjYDYJwFe8YDYHwCX+j8EdmgLgEv8b+ABs9nyoGQBnO3M2JUkSfxG40v2uM2gCgI/4l11QFIimAPiKl2j9KzQFIER8cwBCxTcFYEj8BeCVIWNqwgXOAM8tGZ6ivU18ExYwRnz1AFziVd1RdDeZ/bonVOsCKcQLhKmg8gC4XvJpcD/wFdhrCGq+O7/q2q8nKGac6lLkf4YvqSByvgt6ff2h4tchqKiq755JvLFE5HsIz9DuKPCxN26seO/llWQBWvQd4Ga3+h3gMvDaW01Ew9IASIIsQfX8d8CPCE1BXUoEECRgbOMFwFiCtfdfLGCiHVSSoxqdEp1PE83pNc0UFqD09slahncX2PJa3QSNcgOw5fbHSrEEF4DV1ZQzlXRskutgo7T3xQQbPDiFDYD3YcIyg0u8MrxDUyQ5g+pN18VdJ+/jpGGSoSOtKjlZ01sf4as2NgvwLij0JnPV8LIfbEKE5wBQnXhBSGUBVYpPBSC2dB1jscn7jLWAoVtaV+k6uZiYAccAqF78GBdoQnwsgGbExwB47HiQNHRdFeOi2fuExADV6I477up0Y6PHCVV9IQBMD48kdvUspTrxoS5g2tmqxY8FUL34MQDkDu+Bbx4O/9N1NeXRP2sTWwx4A5xOOLP1cjLhHFFD2QCoeKnbmZSf8Xo65QQxY9kAfAYOxwzo6FMVAL20fJgQQHUuIO2CcAvYA2wDCmYxX5VBMEZolX1y3wsUD2UBUPwWZV7g7C3gL3LpwEGRpE6XAAAAAElFTkSuQmCC);
}

.wp-close-button {
	display: inline-block;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAB9UlEQVR4Xu2aS07EMBBEa4Q4EisOwQJxA+BQwA0QiznErDgSQkJGCTKZ4HHsrsKa7qwdd9dztT+Jd3D+7JzrRwAIBzgnECXg3AAxCUYJRAk4JxAl4NwAXavAFYDHCeATgHcxTJP4rSWQgh8AXE6iPwDcAdiLINwAeF3Ev24ZhFYAzwDuF2JVEJbi5zReADxsHQBLACk2G8Jf4lNsKYBlCeTgWRBK4lNMaQkkwacSspwTaLFaS2AecVpimaWoMXoBsJ1AFZ+StwDAgkAXbwnAGoJEvDUAKwgy8QwAvRCk4lkAWiHIxTMBbIXwL+LZAGohpHb5wUaxq/yJYbUMls4gpdH9nF68WOmAtaX+FUoB4JQT1uBJxCtKIBdXcoLU9nkwlQPys8MbgDXLpzapJG6FH1bMtsKlOWDpArcAXJdArfjZLWc1CbpeBmt2eGe7EaoRP39G39K2dsKtasdaBlsEtbxTJbLUiAGgR0jPu00wrAFYCLDooxqGJQDLxC37KsKwAsBImNHnEQwLAMxEmX1/w+gFQE+Q/QeqB4BCfH6KpHw1agXg/ufo2v2ANFrsQ0zJddLf4+4vSLi/IpPsbnJJqXrLdtzQJH7rJNiR91ivBoCxxkOfTThAz3ysiOGAscZDn004QM98rIjhgLHGQ59NOEDPfKyIX7FDxEEKXXhuAAAAAElFTkSuQmCC);
	background-size: 16px 16px;
	background-position: 0 0;
}

.panecontent-wrapper {
	position: absolute;
    top: 1rem;
    /* height: calc(100% - 1rem); */
	bottom: 0;
    width: 100%;
}

.panecontent {
	overflow-x: hidden; 
    overflow-x: auto;
	overflow-y: auto;
    /* max-height: 100%; */
    height: 100%;
}

/* main menu layout */

.workpane .panemenu-wrapper {
	height: 1rem;
	border-bottom: 1px solid #85cce1;
}

.workpane .panemenu-wrapper .wp-mainmenu-left-pane {
	display: inline-block;
	position: absolute;
	left: 0;
	/* height: 1rem; */
}

.workpane .panemenu-wrapper .wp-mainmenu-right-pane {
	display: inline-block;
	position: absolute;
	right: 0;
	/* height: 1rem; */
}

.workpane.wp-mainmenubar .panecontent-wrapper {
	top: 2rem;
}


/* buttons pane at the bottom of workpane layout */

.workpane .panebuttonbar {
    height: 2rem;
	left: 0;
    width: 100%;
    position: absolute;
}

.workpane .panestatusbar {
	bottom: 0;
    left: 0;
    height: 1rem;
    width: 100%;
    position: absolute;
    border-top: 1px solid #85cce1;
    padding: 0 4px;
}

.workpane .panebuttonbar {
	bottom: 0;
    border-top: 1px solid #85cce1;
	text-align: right;
}

.workpane .panebuttonbar button {
	min-width: 75px;
	margin: 4px 4px 4px 0;
}

/* workpane status bar layout */

.workpane.wp-statusbar .panebuttonbar {
	bottom: 1rem;
    border-top: 1px solid #85cce1;
}

.workpane.wp-statusbar .panecontent-wrapper {
	bottom: 1rem;
}

.workpane.wp-buttons .panecontent-wrapper {
	bottom: 2rem;
}

.workpane.wp-statusbar.wp-buttons .panecontent-wrapper {
	bottom: 3rem;
}

/* common overlay for modal form */

.wp-overlay {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: #aaaaaa;
    opacity: .3;
}