*:not(ul) { box-sizing:border-box; margin:0; padding:0; }
a { color:inherit; }
a:hover { color:#0088aa; }


:root {
	--colorblueprint:#2e3561;

/*	--filter: (
		filter: @svg-filter(<svg>
		  <filter>
			<feTurbulence type="fractalNoise" 
			  baseFrequency=".02" numOctaves="1" />
			<feDisplacementMap in="SourceGraphic" scale="240" />
		  </filter>
		</svg>); 
		);*/
	}

html { height:100%; }
body { min-height:100vh; }
	
.svgFilter { position:absolute; top:-100px; left:-100px; }


@media print {
	.printable_legal { display:inline-block; }
	}
	

	
#pageMask { position:absolute; z-index:2222; top:0; left:0; width:100vw; height:100vh; background-color:rgba(0,0,0,0.5); }
.msgPopup { position:absolute; top:20%; left:35%; min-width:20%; max-width:50%; min-height:150px; background-color:white; border:1px lightgrey solid; border-radius:0.5em; padding:2em; }
.btnClosePopup { display:block; position:absolute; width:20px; height:20px; border-radius:10px; background-color:ButtonFace; border:1px ButtonBorder solid; font-size:0; top:10px; right:10px; }



#auth { min-width:50%; max-width:80%; min-height:20vh; border:1px ButtonBorder solid; border-radius:0.2em; background-color:ButtonFace; color:ButtonText; margin:10em auto; padding:1em; font-family:system-ui; }
#auth .inputs { margin:0.2em; }
#auth .inputs label { display:inline-block; min-width:10% }
#auth .inputs input { display:inline-block; width:89%; padding:0.2em; }
#auth .actions { display:inline-block;margin:1.2em auto;text-align:center;width:100%; }
#auth .actions button { display:inline-block; width:10em; padding:0.4em; }

#langMenu { z-index: 222; }
