html, body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9vw;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 99.9%;

	}

	form {
	}

h1 {
	font-size: 4vw;
	color:rgba(0, 108, 88, 1);
	margin:0;
	font-weight:500;
}


	#PanelLoginHeader {
		width: 100%;
		border: solid;
		border-width: thin;
		border-color:rgba(0, 108, 88, 1);
		background-color: #e9e9e9;
		height: 100%;
		border-bottom-right-radius: 20px;
		margin-bottom:2vw;
	}

	#PanelImageBrand {
		display: inline-block;
		border: none;
		border-width: thin;
		width: 15vw;
		margin-left:1.5vw;
		margin-top:2.5vw;
		vertical-align:top;
	}
	#PanelLoginTitle {
		display: inline-block;
		border: none;
		border-width: thin;
		vertical-align:top;
		margin-top: 2vw;
		margin-left:16vw;
		margin-bottom:2vw
	}

	#PanelImageUComply {
		display: inline-block;
		border: none;
		border-width: thin;
		margin-top:1vw;
		margin-left:15vw;
	}



	#imgBrand {
		width: 100%;
	}
	#imguComply {
		width: 14vw;
	}

	#PanelNav {
		display: inline-block;
		width: 2%;
		border:none;
		vertical-align: top;
		float:right;
		margin-right:6vw;
		margin-top:0.5vw;
	}
	.menu1 {
		color:darkgray;

	}

	.level1 {
		font-variant:small-caps;
		font-size: large;
		line-height:30px;
	}


	.hoverstyle {
		
	}

	#PanelLoginDetailsContainer {
		width:100%;
		border: none;
		border-width: thin;
		vertical-align:top;
		height:100%;
	}
	#PanelLoginDetails {
		width:50%;
		border: solid;
		border-width: thin;
		border-color:rgba(0, 108, 88, 1);
		height:100%;
		margin:0 auto;
		background-color:#e9e9e9;
		border-bottom-right-radius: 20px;
		font-size: 16px;
		font-weight:600;
		color:rgba(0, 108, 88, 1);
		line-height:2vw;
	}
#PanelLoginLabels {
	width: 18vw;
	text-align: right;
	display: inline-block;
	/*margin-top:3vh;*/
	vertical-align: top;
	border: none;
	border-width: thin;
}
#PanelLoginTextBox {
	text-align:left;
	display: inline-block;
	border: none;
	border-width: thin;

}
#tbUsername {
	width:14vw;
}

#tbPassword {
	width:14vw;
}
#tbPassword2 {
	width: 14vw;
}
#PanelLoginButton {
	margin-top:0.5vw;
	margin-left:24vw;
	margin-bottom:0.5vw;
}
#PanelCodeButton {
	margin-top: 0.5vw;
	margin-left: 24vw;
	margin-bottom: 0.5vw;
}
#lblloginerr {
	margin-left:18vw;
	color: red;
}
#lblloginpwd {
	color: rgba(0, 108, 88, 1);
}
#PanellblUsername {

}
#PanellblPassword {

}

#PanelMenuSelection {
	border: none;
	border-width: thin;
	border-color:rgba(0, 108, 88, 1);
	height:100%;
	margin-left:5vw;
	width:100%;
}

.Panelbuttmenu {
	display:inline-block;
	vertical-align:top;
}
.buttmenu {
	width:16vw;
	height:17vw;
	border:none;
	font-size:270%;
	margin:0.3vw;
	padding:0em;
	white-space: normal;
	vertical-align:top;
	border-bottom-right-radius: 20px;
}
.buttmenu:hover {
	transform:scale(1.1);
	transition-duration:0.2s;

}


#buttWindowCasement {
	background-color:#0c7ccc;
	color:white;
}
#buttFlush {
	background-color:#1f571d;
	color:white;
}
#buttDoors {
	background-color:#760a0a;
	color:white;
}
#buttFRW {
	background-color:#c25203;
	color:white;
}
#buttPatio{
	background-color:#7169bd;
	color:white;
}

#buttVS {
	background-color: #c25203;
	color: white;
}

/* STELLAR BUTTONS */

#buttWindowCasementStellar {
	background-color: #0099FF;
	color: white;
}
#buttDoorsStellar {
	background-color: #993333;
	color: white;
}




@media only screen and (max-width: 1349px) {
	.buttmenu {
		width:20vw;
		height:21vw;
		font-size:400%;
	
	}
	#PanelLoginDetails {
		line-height:4vw;
	}
}