* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: calibri;
}

* input[type="text"] {
	font-size: 1rem;
}

body {
	margin: 0.5rem;
	display: grid;
	grid-template-areas: 
		"header header header"
		"aside main main"
		"footer footer footer";
	grid-template-columns: max-content;
	background: oldlace;
}

header {
	grid-area: header;
	color: RGB(85, 89, 94);
	font-weight: bold;
	font-size: 1.5rem;
	margin: 0.25rem;
	white-space: nowrap;
	display: flex;
	align-items: center;
}

header img {
	color: RGB(0, 105, 210);
	margin: 0.5rem;
}

header span {
	margin: auto auto auto 0.5rem;
}

aside#main_app_list {
	grid-area: aside;
	height: 100%;
	width: fit-content;
	padding: 1rem;
}

aside#main_app_list.default {
	pointer-events: auto;
	opacity: 1;
}

aside#main_app_list.disabled {
	pointer-events: none;
	opacity: 0.5;
}

main {
	grid-area: main;
	padding: 1rem;
}

footer {
	grid-area: footer;
	font-size: 0.75rem;
	white-space: nowrap;
	padding: 1rem;
}