body {background-color: #f5f5f5; font-family: "Roboto";}
.wrapper {max-width: 30%; min-width: 300px; padding: 50px 30px 50px 30px; margin: 50px auto; background-color: #fff; border-radius: 5px; box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);}
.form-field {position: relative; margin-top: 30px;}
.form-label {position: absolute; left: 0; top: 10px; color: #999; background-color: #fff; z-index: 10; transition: transform 150ms ease-out, font-size 150ms ease-out;}
.focused .form-label {transform: translateY(-125%); font-size: 0.75em;}
.form-input {position: relative; padding: 12px 0px 5px 0; width: 100%; outline: 0; border: 0; box-shadow: 0 1px 0 0 #e5e5e5; transition: box-shadow 150ms ease-out;}
.form-input:focus {box-shadow: 0 1px 0 0 #6dabe4;}
.form-input.filled {box-shadow: 0 1px 0 0 #6dabe4;}
.form-button {text-align:  right;}
.form-button input {display: inline-block; background: #387396; background: -webkit-linear-gradient(to right, #314755 0%, #26a0da  51%, #314755  100%); background: -o-linear-gradient(to right, #314755 0%, #26a0da  51%, #314755  100%); background: -moz-linear-gradient(to right, #314755 0%, #26a0da  51%, #314755  100%); background: linear-gradient(to right, #314755 0%, #26a0da  51%, #314755  100%); background-size: 200% auto; box-shadow: 0 0 20px #eee; color: #fff; border: none; /*border-bottom: 1px solid #6dabe4;*/ width: auto; text-align: center; padding: 15px 39px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; cursor: pointer;}
.form-button input:focus {outline: none;}
.form-button input:hover {background-position: right center;}
.form-field:last-child {margin-bottom: 0px;}
.login-form-avatar {display: block; width: 250px; height: 50px; overflow: hidden; margin: 0 auto; margin-bottom: 35px;}
.alert, .restart {text-align: center;}
.alert {font-style: italic;}
.restart {margin-top: 10px;}
.restart a {color: #0000ff; text-decoration: none;}
.restart a:hover {color: #ff0000;}