/* show warning at too small screens */
@media only screen and (max-width: 599px){
	#warning{
		visibility: visible;
		color:	white;
		font-family: "Roboto", sans-serif;
		font-size: 10vw;
		padding: 5vw;
		text-align: center;
	}
	* {
	visibility: hidden
	}
}
@media only screen and (min-width: 600px){
	#warning {
		visibility: hidden;
	}
}


/* start logo block */
	#uniBanner{
		background: var(--bannerGrey);
		height: 100%;
	}

	#banner{
		max-height: 100%;
		max-width: 100%;
	}

	#sponsoring{
		background: var(--bannerGrey);
		height: 100%;
		display: grid;
		row-gap: 2%;
	}

	#sponsor{
		font-size: 1vw;
	}

	#partnerLogo{
		max-height: 60%;
		max-width: 100%;
	}
/* end logo block */

/* start general window components */
	#eva-main {
		grid-column: 1;
		grid-row:3;
	
		display: 		grid;
		justify-items: 	center;
		align-items: 	center;
		min-height: 	70vh;
		max-height: 	100vh;
		overflow-y: auto;
		overflow-x: auto;	
		background-color: 	var(--corpGrey);
		border-style: 		solid;
		border-color: 		var(--grayBorder);
		border-width: 		var(--borderWidth) 0px var(--borderWidth) var(--borderWidth);
		border-radius: 		var(--borderRadius) 0px 0px var(--borderRadius);
		margin: 0px 0px var(--screenborderDist) var(--screenborderDist);
	}

	#eva-control {
		grid-column: 2;
		grid-row: 3;

		padding: 	1vw;
		overflow: auto;

		background-color: 	var(--corpGrey);
		font-family: 		sans-serif;
		font-size:			1.25vw;
		border-style: 		solid;
		border-color: 		var(--grayBorder);
		border-width: 		0px var(--borderWidth) var(--borderWidth) var(--borderWidth);
		border-radius: 		0px 0px var(--borderRadius) 0px;
		color: 				var(--corpBlue);
		margin: 0px var(--screenborderDist) var(--screenborderDist) 0px;
	} 

		#eva-control > div{
			display: grid;
			row-gap: 0.5vw;
			justify-items: center;
		}
		
		#eva-control > #map-editor-control{	
			column-gap: 			1vw;
			grid-template-areas: 	"extension-a extension-b"
									"tileSet tileSet";		
		}	
		
		#eva-control  button{
			color:	#ffffff;
			background: var(--corpBlue);
			border-style: none;
			border-width: var(--borderWidth);
			width: 90%;
			margin: 1% 1%;
			self-align: center;
			font-family: "Roboto", sans-serif;
			font-size: 1em;
			top: 50%;
		}

		#eva-control  button:hover{
			transform: scale(1.1);
			background-color: var(--effectSpecial);	
		}
		
		/* Element in eva-control, simulation player  */
		#eva-player-status-table{
			display: grid;
			grid-template-columns: minmax(0,1fr) minmax(0,1fr);
			border: var(--borderWidth) solid #bfbfbf;
			border-radius: var(--borderRadius);
			padding: 2%;
			margin: 2%;
		}
		
			/* Element in eva-control, Scenario-Manager, Insert*/
			#insert-at-pos{
				grid-column: 1/6;
				justify-self: center;
				width: 90%;
			}

#eva-player-status-table p{
	padding: 2%;
}
		
	#mainbutton-container {
		display: 		grid;
		grid-column: 2;
		grid-row:2;
		grid-template-columns: repeat(var(--nrTabs), calc(100% / var(--nrTabs)));
		column-gap: 	0px;
		place-items: 	stretch;
		margin: var(--screenborderDist) var(--screenborderDist) 0px 0px;
		overflow-wrap: break-word;
		font-family: "Roboto", sans-serif;
	}
/* end general main window components */