/*** Style ogólne *************************************************************/

.cleaner-box
{
	clear: both;
}

body, html
{
	margin: 0;
	padding: 0;

	height: 100%;
	height: calc(100% - 20px);
}

#page-wrapper
{
	position: relative;
	min-height: 100%;
}

/*** Strona *******************************************************************/

#page-panel
{
	overflow: hidden;

	margin: 10px auto 10px auto;
	padding: 0;
}

#page-body
{
	margin: 0;
	padding: 0;
}

/*** Nagłówek *****************************************************************/

#h-header
{
	margin-top: 10px;
}

#h-body
{
	margin: 0 10px 0 10px;
}

#h-body .pagename
{
	float: left;
	overflow: hidden;

	padding: 5px;

	height: 65px;
	width: 540px;
}

#h-body .pagename div
{
	display: table-cell;
	vertical-align: bottom !important;

	height: 65px;
	width: 540px;

	text-align: left;
}

#h-body .description
{
	float: left;
	overflow: hidden;

	padding: 0 5px 5px 5px;

	height: 65px;
	width: 540px;
}

#h-body .description div
{
	display: table-cell;

	height: 55px;
	width: 540px;
}

/*** Panel główny *************************************************************/

#main-panel
{
	margin: 10px;
}

#main-panel #m-header
{
}

#main-panel #m-body
{
	display: flex;
	gap: 10px;
}

#main-panel #m-footer
{
}

/*** Lewy panel ***************************************************************/

#left-panel
{
}

#left-panel .body
{
}

/*** Środkowy panel ***********************************************************/

#middle-panel
{
	flex: 1 1 auto;
	min-width: 0;
}

#middle-panel .body
{
}

/*** Prawy panel **************************************************************/

#right-panel
{
}

#right-panel .body
{
	width: 200px;
}

/*** Stopka *******************************************************************/

#footer-panel
{
	overflow: hidden;
}

#f-header
{
	display: flex;
	gap: 10px;
	align-items: stretch;
}

#f-header > *
{
	flex: 1;
}

#f-header > [style*="width"]
{
	flex: 0 0 auto;
}

#f-header > .object-manage
{
	flex: 0 0 50px;
	display: flex;
  	align-items: center;
	justify-content: center;
}

#f-body
{
	display: grid;

	grid-auto-flow: column;
	grid-template-columns: auto 100px 40px;
	grid-gap: 10px;

	align-items: center;

	padding: 10px;
}

#footer-panel #company-info
{
	text-align: left;
}

#footer-panel #author-info
{
	text-align: center;
}

#footer-panel #login-box
{
	text-align: center;
}