/* STILE GRIGLIA PRICIPALE delle pagina login  */
.pagecontainerlogin{
	display: grid;
		grid-template-columns: [iniz-col] 100% [fin-col];
		grid-template-rows: [iniz-rig] 50px [rig-2] auto [rig-4] 40px [fin-rig];
		grid-template-areas: 
			"headerlogin"
			"contenutologin"
			"footerlogin";
	grid-gap: 0px 0px;
	margin:0;
	background-image: radial-gradient(circle farthest-side at center, #93B6E1, #5682D0);
	min-height:100%;
}

.headerlogin{
	grid-area:headerlogin;
	text-align:center;
}

a.homelogin {
	color:#ffffff;
	text-decoration:none;
	font-size:14pt;
	font-style:normal;
	font-family: 'Open Sans', sans-serif;
	padding:0.5% 0;
	margin: auto 0;
}

.contenutologin{
	grid-area:contenutologin;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:5% 0;
}

.footerlogin {
	grid-area:footerlogin;
	text-align:center;

}

.testofooterlogin {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 9pt;
	color: #ffffff;
}
      

/* STILE area login */
.boxlogin{
	width:35%;
    height:auto;
    padding:0 0;
    margin: 0 auto;
}

.logologin{
	float:left;
	width:100px;
	height:100px;
}

form#login{
	width:100%;
	height:auto;
    margin:0% auto;
    background:#ffffff;
    border-radius:0px;
    font-family:'Open Sans', sans-serif;
	font-size: 10pt;
}

.inputlogin{
	width:70%;
	margin:7% auto;
	box-sizing: box-border;
}

input.arealogin[type="email"], input.arealogin[type="password"]{
	width:96%;
	height:40px;
	font-family:'Open Sans', sans-serif;
	font-style:italic;
	color:rgb(118,118,118);
	font-size: 10pt;
	border-width:0px;
	border-radius:3px;
	border:1px solid rgb(125,125,125);
	box-sizing:box-border;
	margin:0 auto;
	padding:0 2%;
}

input.arealogin[type="email"]:focus, input.arealogin[type="password"]:focus{
    outline:none;
}
  

button.area_login{
	display:block;
	width:50%;
	height:50px;
	margin:0 auto;
	background:#3576C4;
	border:0px solid rgb(159,171,176);
	border-radius:3px;
	text-align: center;
	font-family:'Open Sans', sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: rgb(255,255,255);
	cursor:pointer;
}

button.area_login:hover{
	background:#5682D0;	
}

a.linklogin:link{
	text-decoration:none;
	color:#3576C4;
}

a.linklogin:hover{
	text-decoration:underline;
	color:#3576C4;
}

a.linklogin:visited{
	text-decoration:none;
	color:#3576C4;
}