html,body{background:#efefef;padding:10px;font-family:'Varela Round'}a{color:#aaa;transition:all ease-in-out 200ms}a:hover{color:#333;text-decoration:none}.etc-login-form{color:#919191;padding:10px 20px}.etc-login-form p{margin-bottom:5px}.login-form-1{max-width:300px;border-radius:5px;display:inline-block}.main-login-form{position:relative}.login-form-1 .form-control{border:0;box-shadow:0 0 0;border-radius:0;background:transparent;color:#555;padding:7px 0;font-weight:700;height:auto}.login-form-1 .form-control::-webkit-input-placeholder{color:#999}.login-form-1 .form-control:-moz-placeholder,.login-form-1 .form-control::-moz-placeholder,.login-form-1 .form-control:-ms-input-placeholder{color:#999}.login-form-1 .form-group{margin-bottom:0;border-bottom:2px solid #efefef;padding-right:20px;position:relative}.login-form-1 .form-group:last-child{border-bottom:0}.login-group{background:#fff;color:#999;border-radius:8px;padding:10px 20px}.login-group-checkbox{padding:5px 0}.login-form-1 .login-button{position:absolute;right:-25px;top:50%;background:#fff;color:#999;padding:11px 0;width:50px;height:50px;margin-top:-25px;border:5px solid #efefef;border-radius:50%;transition:all ease-in-out 500ms;border:none!important}.login-form-1 .login-button:focus{outline:none;border:none!important}.login-form-1 .login-button:hover{color:#555;transform:rotate(450deg)}.login-form-1 .login-button.clicked{color:#555}.login-form-1 .login-button.clicked:hover{transform:none}.login-form-1 .login-button.clicked.success{color:#2ecc71}.login-form-1 .login-button.clicked.error{color:#e74c3c}label.form-invalid{position:absolute;top:0;right:0;z-index:5;display:block;margin-top:-25px;padding:7px 9px;background:#777;color:#fff;border-radius:5px;font-weight:700;font-size:11px}label.form-invalid:after{top:100%;right:10px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:transparent;border-top-color:#777;border-width:6px}.login-form-main-message{background:#fff;color:#999;border-left:3px solid transparent;border-radius:3px;margin-bottom:8px;font-weight:700;height:0;padding:0 20px 0 17px;opacity:0;transition:all ease-in-out 200ms}.login-form-main-message.show{height:auto;opacity:1;padding:10px 20px 10px 17px}.login-form-main-message.success{border-left-color:#2ecc71}.login-form-main-message.error{border-left-color:#e74c3c}label:hover:before{border:1px solid #f6f6f6!important}.logo{padding:15px 0;font-size:25px;color:#aaa;font-weight:700}