* { margin: 0; padding: 0; }
*:focus { outline: none; }
body { background-color: #FFF; width: 100%; height: 100%; position:relative; overflow: hidden; font-family: Geneva, Arial, Helvetica, sans-serif; }
.inner { width: 1200px; margin: 0 auto; position: relative; }
.form-bg { color: #FFF; background: #000; opacity: 0.7; height: 400px; width: 400px; position: fixed; top: 50%; left: 50%; margin-top: -200px; margin-left: -200px; border-radius: 5px; /*-webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black;*/ box-sizing: border-box; padding: 0 50px 50px 50px; }
.form-container { color: #FFF; opacity: 1; height: 40px; width: 400px; position: fixed; top: 50%; left: 50%; margin-top: -200px; margin-left: -200px; border-radius: 5px; /*-webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black;*/ box-sizing: border-box; padding: 0 50px 50px 50px; }
.form-container .logo { padding: 10px; border-radius: 50%; position: fixed; left: 50%; margin-left: -60px; margin-top: -60px; opacity: 1; }
.form-container .push { height: 60px; float: left; display: block; width: 100%; }
.form-container .title { float: left; width: 100%; height: auto; position: relative; box-sizing:border-box; padding: 0 0 15px 0; }
.form-container .title h1 { text-align: center; float: left; width: 100%; }
.form-container .error { float: left; width: 100%; height: auto; position: relative; box-sizing:border-box; padding: 0 0 15px 0; }
.form-container .error p { font-size: 12px; text-align: center; line-height: 18px; }
.form-container .form { float: left; position: relative; display: block; width: 100%;  opacity: 1; }
.form-container span { position: relative; float: left; width: 100%; box-sizing: border-box; text-align: center; font-size: 12px; margin-top: 20px; opacity: 1; }
.form-container .form .row { display: block; float: left; margin: 7.5px 0; width: 100%; opacity: 1; }
.form-container .form .row .input { display: block; width: 100%; height: 34px; opacity: 1; background: #fff; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; box-sizing: border-box; }
.form-container .form .row .label { width: 100%; float: left; display: block; padding: 2.5px 0; }
.form-container .form .row .button { display: inline-block; padding: 5px 10px; opacity: 1; font-size: 15px; font-weight: 400; line-height: 1.5; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; border-radius: .25rem; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
.form-container .form .row .button.login { background: #449D44; color: #FFF; opacity: 1; float: right; width: 100%; }
.form-container .form .row .button.login:hover { background: #2b8c2b; }