@import "reset.css";

html, body { width:100%;height:100%;font-family: 'Open Sans',Helvetica, Arial, sans-serif;font-size:13px; }
body { background-color: #434a54; }

.clear { clear:both; }
.wrapper { width: 300px;margin:0 auto; }

#header { height:140px; background-color: #3c424b; }
	#logo { padding-top:30px;font-size:25px;line-height:60px;text-align:center;color:#fff; }
		#logo svg { stroke:none;fill:#fff;height:90px; }

#form { padding:20px 0; }
	#form #message { width:255px;border-left:5px solid #a32035;padding:20px;background-color:#fff;margin-bottom:20px;position:relative; }
		#form #message label { display:block;font-weight:bold;margin-bottom:10px; }
	#form .field { border-radius:3px;padding:10px;width:280px;height:32px;margin-bottom:20px;background-color:#fff; }
		#form .field svg { width:32px;height:32px; margin-right:15px;display:inline-block;float:left;stroke:#000; }
			#form #profile { text-align:center;margin-bottom:20px; }
			#form #profile img { width:200px;height:200px;border-radius:100px; }
		#form .field input { border:none;width:225px;height:20px;margin:6px 0;float:left; }
		#form button { border-radius:3px;width:300px;height:46px;background-color: #199c68;border: none;color: #fff;font-size: 12px;text-transform:uppercase;letter-spacing:1px;cursor:pointer;font-weight:bold; }
		#form button:hover { background-color: #168c5e; }
		#form #logout { margin-top:20px;text-align:center; }
		#form #logout a { color:#fff;text-decoration:none; }
		#form #logout a:hover { text-decoration:underline; }


	#loginUser { height: 200px; line-height: 200px; text-align: center; margin-bottom: 20px; }
	#loginUser img, #loginUser svg { width: 200px; height: 200px; border-radius:15px; }
	.svgIcon { stroke: #b9b9b9; }

/*** Error template specific ***/
#error-container { text-align:center; }
	#error-container h1 { font-size:60px;color:#199c68;font-weight:bold;margin: 150px auto 0; }
	#error-container p { margin-top:40px;font-size:20px;color:#fff; }
	#error-container #back { display: flex; padding: 6px 25px; color: #fff; background-color: #199c68; margin: 40px auto 0; height: 38px; line-height: 38px; border-radius: 25px; font-size: 20px; text-decoration: none; max-width: 145px; gap: 10px; text-transform: uppercase; align-content: center; justify-content: center; }
	#error-container #back:hover { background-color:#168c5e; }
	#error-container #back svg{ stroke: #fff; fill: #fff; height: 38px; width: 50px; }