@charset "utf-8";
/* CSS Document */
form.login { display:block; width:300px; box-sizing: border-box; position: relative; padding:16px 16px 16px 16px; margin:128px auto 24px auto; float:none; 
		
		background: rgba(255,255,255,1); 
		text-align: center; 
		background-position: center 18px; 
		background-size: 90px; 
		background-repeat: no-repeat; 
		border-radius: 5px; 
		z-index:2;
		-webkit-box-shadow: 0 3px 24px 0 rgba(0,0,0,0.37);
		box-shadow: 0 3px 24px 0 rgba(0,0,0,0.37);

}	
form.login > input, 
form.login > button { display:block; position: relative; width:100%; text-align: center; margin:4px 0px; padding:10px; box-sizing: border-box; background: rgba(233,233,233,0.90); color:rgba(70,70,70,1.00); outline: none; border:0px;  }
form.login > input:not([type="submit"]) 		{ border-bottom: 1px solid rgba(62,62,62,0.10); }
form.login > input:not([type="submit"]):focus 	{ border-bottom: 1px solid rgba(62,62,62,0.20); }
form.login > input:not([type="submit"]):hover 	{ border-bottom: 1px solid rgba(62,62,62,0.30); background: rgba(187,236,196,1.00); }
form.login > input:first-child { border-top-left-radius: 12px; border-top-right-radius: 12px; }
form.login > button[type="submit"], form.login > input[type="submit"] 				{ 
		
		background-color: rgba(255,0,127,1); 
		color:#fff; 
		opacity:0.9; 
		margin-top: 4px; 
		border-bottom-left-radius: 12px; 
		border-bottom-right-radius: 12px; 
		background-image:url("svg/unlock-icon.svg"); 
		background-size: 24px; 
		background-repeat: no-repeat; 
		background-position: -32px center; 

}
form.login > button[type="submit"]:hover,
form.login > input[type="submit"]:hover { background-color: #087633; opacity:1; cursor:pointer; background-position: 20px center;  color:rgba(255,255,255,0.70) }
form.login > button[type="submit"]:focus,
form.login > input[type="submit"]:focus { background-color: rgba(32,136,70,1.00); opacity:1; cursor:pointer; background-position: 230px center; color:rgba(255,255,255,0.70) }
form.login > button[type="submit"]:active,
form.login > input[type="submit"]:active { background-color: rgba(48,48,48,1.00);  opacity:0.8; background-position: 340px center; color:rgba(255,255,255,0.40) }