@inherits LayoutComponentBase
<MudThemeProvider />
<MudDialogProvider />
<MudSnackbarProvider />
<MudPopoverProvider />

@* 
<MudPaper Style="position: fixed;
                     top: 0;
                     left: 0;
                     width: 100vw;
                     height: 100vh;
                     background-image: url('/ref/bg4.jpg');
                     background-size: cover;
                     background-position: center center;
                     background-repeat: no-repeat;
                     filter: blur(10px);
                     z-index: -1;">
</MudPaper>
<MudPaper Class="d-flex flex-column flex-grow-0 overflow-auto" Style="height: 100vh; background-color:#22222200">


	<MudPaper Class="d-flex flex-column flex-grow-1 overflow-hidden" Style="background-color:transparent">


		<MudPaper Elevation="3" Height="10%" Class=" d-flex justify-content-around flex-grow-0" Style="background-color:#ffffff55">
			<NavBar Class="flex-column flex-grow-1 " Style="background-color:transparent" />
			<AuthLinks Class="flex-column flex-grow-0 " Style="background-color:transparent" />
		</MudPaper>


		<MudPaper Elevation="3" Class="d-flex flex-row flex-grow-1 overflow-hidden" Style="background-color:transparent">


			<MudPaper Width="10%" Class="pa-2 ma-1 d-flex  flex-column flex-grow-0 justify-content-between" Style="background-color:#ffffffaa">
			</MudPaper>


			<MudPaper Elevation="3" Class="d-flex flex-grow-1 pa-3 ma-1 overflow-hidden" Style="background-color:#ffffff22 ">
				@Body
			</MudPaper>



		</MudPaper>


	</MudPaper>


</MudPaper>

 *@

<MudPaper Style="position: fixed;
                     top: 0;
                     left: 0;
                     width: 100vw;
                     height: 100vh;
                     background-image: url('/ref/bg4.jpg');
                     background-size: cover;
                     background-position: center center;
                     background-repeat: no-repeat;
                     filter: blur(10px);
                     z-index: -1;">
</MudPaper>
<MudPaper Style="background-color:transparent ; height:100vh" Class="overflow-hidden">

	<MudPaper Class="justify-content-center" Style="background-color:blue; height: 50px">
		<MudStack Row="true" Class="justify-content-between">

			<NavBar Class="flex-grow-1" Style="background-color:transparent; color:white" />
			<AuthLinks Class="justify-content-end " Style="background-color:transparent; color:white" />
		</MudStack>
	</MudPaper>

	<MudPaper Class="d-flex flex-grow-0 " Style="background-color:#30303022; height:calc(100vh - 50px)">
@* 		<MudPaper Class="ma-1" Width="200px">

		</MudPaper> *@

		<MudPaper Class="d-flex ma-1 flex-grow-1 overflow-auto">
			@Body
		</MudPaper>
	</MudPaper>
</MudPaper>