@font-face {font-family: "Ubuntu Regular";font-weight:light;src:url('fonts/families/Ubuntu/Ubuntu-Regular.ttf');} *{font-family: "Ubuntu Regular", sans-serif !important;}.login,.login .input input,.login .submit{transition:all .2s ease-out}.login .info,.login .legend,.message-err{text-align:center}[hidden]{display:none}.login *{-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;border:0;font-family:sans-serif,FreeSans,Arimo,"Droid Sans",Helvetica,Arial}.login{font-weight:200;position:relative;width:30em;display:table;margin:7em auto 0;border-radius:.25em;box-shadow:0 0 1em #7F7F7F}.login:hover{box-shadow:0 0 1em #b4e1ff}.login .legend{position:relative;width:100%;display:block;background:#000;padding:.9em;color:#fff;font-size:1.25em;border-radius:.25em .25em 0 0}.login .legend:after{content:"";opacity:.06;top:0;left:0;bottom:0;right:0;position:absolute}.login .input{position:relative;width:90%;margin:.9em auto;border:1px solid #CCC;box-shadow:0 1px 3px #DDD inset;border-radius:4px;box-sizing:border-box}.login .input span{position:absolute;display:block;color:#d4d4d4;left:.3em;top:.3em;font-size:1.25em}.login .input input{width:100%;padding:.625em .31em .625em 2.5em;display:block;border:1px solid #EDEDED;border-radius:.25em;color:#a1a1a1;font-size:large}.login .input input:focus{padding:.625em .31em .625em .625em;outline:0;border-color:#b4e1ff!important;box-shadow:0 0 .7em #b4e1ff!important}.login .input input:hover{box-shadow:0 0 .7em #7F7F7F}.login .submit{height:2.1em;display:block;margin:0 auto;border-radius:.1em;background-color:#E6E6E6;color:#607D8B;font-size:1.25em;cursor:pointer;padding-right:.6em;padding-left:.6em;box-shadow:0 0 .3em #7F7F7F}.login .opacity-one,.login .opacity-zero,.login .submit-active{transition:all .3s ease-out}.login .submit:focus,.login .submit:hover{outline:0;background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.login .submit-active button{background-color:#0078E7;color:#fff}.login .submit-active button:focus,.login .submit-active button:hover{box-shadow:0 0 .3em #0078E7}.login .info{color:#607d8b;margin-top:1.25em;margin-bottom:.5em}.login .icon-err span,.login .input-err,.message-err{color:#ff0339!important}.login .opacity-zero{opacity:0}.login .opacity-one{opacity:1}.background-err,.login .input-err,.login .input-err span,.login-form-err,.sub-background-err{transition:all .5s ease-out}.login .input-err{border-color:#ff0339!important;box-shadow:0 0 .7em #ff7899!important}.login-form-err{box-shadow:0 0 1em #ff0339!important;background-color:#ffdee9!important}.background-err{background-color:#ff0339!important}.sub-background-err{background-color:#ff7899!important}.x300{font-size:300%}@media (max-width:33.5em){.login{width:95%}.login .legend{font-size:.9em}.login .submit{font-size:1.3em}}@media (max-height:28.5em){.login{margin-top:0}.login .info{margin-top:.5em}.login .submit{font-size:1.3em}.login .legend{padding:.45em}}@media (max-height:18em){.login .legend{font-size:.9em;padding:.3em}.login .info{margin-top:.2em}}