html
{
	font-size: 16px;
	position: relative;
	min-height: 100%;
}



body
{
	/* Margin bottom by footer height */
	margin-bottom: 60px;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	color: #212529;
	padding-left: calc(50vw - 570px);
	padding-right: calc(50vw - 570px);
}

header
{
}

	header #imgLogo
	{
		float: left;
		width: 160px;
	}

	header h1
	{
		margin-top: 0;
		margin-bottom: 40px;
		padding-top: 15px;
		font-size: 40px;
		line-height: 1.2;
		text-align: center;
		font-family: "OpenSans-Bold", "Open Sans Bold", "Open Sans", sans-serif;
		color: #005596;
		font-weight: bold;
	}

	header #divUser
	{
		float: right;
		padding-top: 25px;
		font-size: 20px;
		text-align: right;
	}

		header #divUser span
		{
			display: block;
		}

		header #divUser #aLogout
		{
			font-weight: bold;
		}

main
{
	overflow: hidden;
}

footer
{
	position: absolute;
	bottom: 0;
	width: 100%;
	/*white-space: nowrap;*/
	line-height: 60px; /* Vertically center the text there */
	color: #6c757d;
}

	footer .copyright
	{
	}




#divProgress
{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
}

	#divProgress > div
	{
		position: fixed;
		left: calc(50% - 150px);
		top: calc(50% - 50px);
		width: 300px;
		height: 100px;
		/*text-align: center;*/
		background: white;
		padding: 25px 0;
		border: solid 1px gray;
		font-size: 30px;
		border-radius: 15px;
		/*box-shadow: 10px 10px 10px #ddd, -10px -10px 10px #ddd, 10px -10px 10px #ddd, -10px 10px 10px #ddd;*/
		overflow: hidden;
	}

		#divProgress > div > img
		{
			height: 80px;
			margin: -50px 0px -50px 0;
			vertical-align: middle;
		}







a
{
	text-decoration: none;
	color: #1e98d7;
}


button
{
	background-color: #ddddff;
	border: 0;
	padding: 5px;
}

	button[disabled]
	{
		color: gray;
	}

	button:hover:not([disabled])
	{
		background-color: #ccccff;
	}

	button:focus
	{
		outline: 0;
	}