@charset "utf-8";
html {height: 100%;}
body {min-height: 100%; height: 100vh; display: flex;align-items: center; font-size: 14px;  color: #fff; font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana," sans-serif"; margin: 0;
	background: #333;
	background: -moz-linear-gradient(top, #222222 0%, #333333 99%);
	background: -webkit-linear-gradient(top, #222222 0%,#333333 99%);
	background: linear-gradient(to bottom, #222222 0%,#333333 99%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#333333',GradientType=0 );
}

textarea, input, select, button {font-size: 1em; font-family: Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana," sans-serif"}
a {color: inherit; text-decoration: underline;} 
a:focus {color: #7cab29; outline: none;}
.clear {display: block; clear: both;}
.error {color: #b50000;}
div.error {margin: 5px 0;}	
hr {margin: 20px 0; border: none; height: 1px; background: rgba(255,255,255,0.2);}
			
.centerBox {width: 100%; max-width: 300px; margin: 0 auto;  padding: 0 40px; color: #fff;}
.centerBox .title {font-size: 1.2em;}
.centerBox:before {content: ""; display: block; padding-top: 1px; margin-bottom: 20px; }
.centerBox:after {content: ""; display: block; padding-bottom: 1px; margin-top: 20px; }

.alignC {text-align: center;}
.field {margin: 10px 0; }
.field .icon {position: relative; }
.field .icon i {position: absolute; box-sizing: border-box; left: 0; top: 0; height: 100%; width: 40px; text-align: center; background: rgba(125,125,125,0.05); color: #666; border-right: 1px solid #555; padding-top: 10px; }
.field .icon i:before {position: absolute; top: 50%; left: 0; width: 100%; line-height: 0; text-align: center;}
.field .icon input {padding-left: 50px; border-radius: 5px; }
input {padding: 10px; width: 100%; box-sizing: border-box; color: #fff; border: 1px solid #555; background: #383838; outline: none  }
input:focus { background: #444;  }

:-webkit-autofill, :-webkit-autofill:hover,  :-webkit-autofill:focus {background: #fff;}


.submitContainer {margin: 20px 0;}
button {width: 100%; padding: 10px; font-weight: 700; outline: none; cursor: pointer; border-radius: 3px; border: none; font-size: 1.1em; text-shadow: 0px 1px 1px rgba(255,255,255,0.4); box-shadow: inset 0 1px 1px rgba(255,255,255,0.8);
	background: rgb(0,196,255);
	background: -webkit-linear-gradient(bottom, rgba(0,196,255,1) 0%, rgba(5,156,255,1) 100%);
	background: -o-linear-gradient(bottom, rgba(0,196,255,1) 0%, rgba(5,156,255,1) 100%);
	background: linear-gradient(to top, rgba(0,196,255,1) 0%, rgba(5,156,255,1) 100%)
	;color: #000; 
}
button:hover {color: #fff; text-shadow: 0px -1px 1px rgba(0,0,0,0.8)}


.bottomLeft {position: absolute; left: 20px; bottom: 20px; color: #666; font-size: 13px; }
.bottomRight {position: absolute; right: 20px; bottom: 20px; color: #666; font-size: 13px; }