app-router {
	display: block;
	height: 100%;
	width: 100%;
}

app-router > * {
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	display: block;
}

app-router > *[data-role="super-admin"] [data-role]:not([data-role*="super-admin"]),
app-router > *[data-role="business-admin"] [data-role]:not([data-role*="business-admin"]),
app-router > *[data-role="school-admin"] [data-role]:not([data-role*="school-admin"]),
app-router > *[data-role="class-teacher"] [data-role]:not([data-role*="class-teacher"]),
app-router > *[data-role="parent"] [data-role]:not([data-role*="parent"]),
app-router > *[data-role="null"] [data-role]:not([data-role*="null"]) {
	display: none;
}