.p-login .login{position:relative;padding:10px;margin:40px auto 80px auto;width:400px;height:486px;border-radius:3px;background:white;box-shadow:0 1px 5px 0 rgba(0,0,0,0.26);overflow:hidden}.p-login .login>i{position:relative;width:20px;height:20px;border-radius:50%;float:right;cursor:pointer}.p-login .login .photo{position:relative;width:100px;height:100px;margin:30px 135px;border-radius:50%;background:#dfdfdf;border:13px solid #dfdfdf;overflow:hidden !important;transform:rotate(-1deg)}.p-login .login .photo:before{position:absolute;content:'';width:35px;height:35px;top:0;right:20px;border-radius:50%;background:#aaa;border:2px solid #fff;transform:scale(0);transition:.5s cubic-bezier(0.68,-0.55,0.27,1.55);-webkit-animation:user-head .5s 0 forwards;-moz-animation:user-head .5s 0 forwards;animation:user-head .5s 0 forwards}.p-login .login .photo:after{position:absolute;content:'';width:140px;height:220px;top:38px;right:-32px;border-radius:50%;background:#aaa;border:2px solid #fff;transform:translateY(36px);transition:.5s cubic-bezier(0.68,-0.55,0.27,1.55);-webkit-animation:user-body .5s .3s forwards;-moz-animation:user-body .5s .3s forwards;animation:user-body .5s .3s forwards}.p-login .login>span{display:block;text-align:center;margin:-15px 0;font-size:15px}.p-login form{position:relative;width:350px;margin:50px 15px}.p-login .form-group{position:relative;margin-top:35px;margin-bottom:20px}.p-login .form-control{display:block;height:36px;width:100%;border:0;border-radius:0 !important;font-size:15px;font-family:inherit;font-weight:300;padding:0;background-color:transparent;box-shadow:none;border-bottom:1px solid rgba(117,117,117,0.15)}.p-login .form-control:focus{border-top:0;border-left:0;border-right:0;border-bottom:2px solid #03a9f5;outline:none !important;box-shadow:none !important}.p-login .form-highlight{position:absolute;height:60%;width:60px;top:25%;left:0;pointer-events:none;opacity:.4}.p-login .form-control:focus ~ .form-highlight{-webkit-animation:inputHighlighter .3s ease;-moz-animation:inputHighlighter .3s ease;animation:inputHighlighter .3s ease}.p-login .float-label{position:absolute;left:0;top:10px;font-size:16px;color:#999;font-weight:300;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.p-login .form-control:focus ~ .float-label,.form-control:valid ~ .float-label{top:-15px;font-size:12px}.p-login .form-group erroru,.p-login .form-group errorp,.p-login .form-group errorc{position:absolute;width:100%;left:0;top:38px;font-size:11px;color:#d34336;font-weight:300;transition:.3s cubic-bezier(0.68,-0.55,0.27,1.55) all;-moz-transition:.3s cubic-bezier(0.68,-0.55,0.27,1.55) all;-webkit-transition:.3s cubic-bezier(0.68,-0.55,0.27,1.55) all;opacity:0}.p-login .form-group erroru i,.p-login .form-group errorp i,.p-login .form-group errorc i{position:absolute;right:0;width:15px;height:15px;border-radius:50%;float:right}.p-login .form-group erroru i svg,.p-login .form-group errorp i svg,.p-login .form-group errorc i svg{fill:#d34336}.p-login .form-group[errr] .float-label{color:#d34336 !important}.p-login .form-group[errr] .form-control{border-bottom:1px solid #d34336 !important}.p-login .form-group[errr] .form-control:focus{border-bottom:2px solid #d34336 !important}.p-login .form-group[errr] erroru,.p-login .form-group[errr] errorp,.p-login .form-group[errr] errorc{opacity:1}.p-login input[type=checkbox]{display:none;visibility:hidden}.p-login input[type="checkbox"]+label{cursor:pointer;font-size:13px;font-weight:500;transition:border-color .3s ease-in-out,background-color .3s ease-in-out}.p-login input[type="checkbox"]+label:before{display:inline-block;content:"";margin:0 15px 3px 0;width:18px;height:18px;background-color:#fff;border:2px solid #5a5a5a;border-radius:2px;vertical-align:middle}.p-login input[type=checkbox]:checked+label:before{background-image:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjIwcHgiIGhlaWdodD0iMTVweCIgdmlld0JveD0iMCAwIDIwIDE1Ij4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iNy4xNDMsMTQuOTM4IDAsNy43OTYgMi4wMjEsNS43NzYgNy4xNDMsMTAuODk4IDE3Ljk3OSwwLjA2MiAyMCwyLjA4MiAiLz4NCjwvc3ZnPg0K');background-color:#03a9f5;border-color:#03a9f5;background-repeat:no-repeat;background-position:50% 50%;-webkit-background-size:11px auto;-moz-background-size:11px auto;-o-background-size:11px auto;background-size:11px auto}.p-login button[type="submit"]{position:relative;float:right;font-family:inherit;font-weight:100;font-size:15px;border:0;margin:-3px 0;padding:5px 15px;border-radius:3px;cursor:pointer;background:#03a9f5;color:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,0.37)}.p-login button[type="submit"]:focus{outline:0}.p-login footer{position:absolute;bottom:0;width:100%;height:30px;margin-left:-10px;line-height:29px;text-align:center;cursor:pointer;border-top:1px solid rgba(117,117,117,0.15)}.p-login footer a{display:block;text-decoration:none;font-size:12px;color:inherit}.p-login footer a:hover{color:rgba(0,0,0,0.9);text-decoration:underline}.p-login footer a:focus{outline:0}.p-login .copyright{position:fixed;width:100%;bottom:5px;text-align:center;font-size:12px}.p-login .copyright a{text-decoration:none;color:#03a9f5}.p-login .copyright a:hover{transition:none;border-bottom:1px solid #03a9f5}@-webkit-keyframes inputHighlighter{from{background:#5264ae}to{width:0;background:transparent}}@-moz-keyframes inputHighlighter{from{background:#5264ae}to{width:0;background:transparent}}@keyframes inputHighlighter{from{background:#5264ae}to{width:0;background:transparent}}@-webkit-keyframes user-head{100%{-webkit-transform:scale(1);transform:scale(1);-moz-transform:scale(1)}}@-moz-keyframes user-head{100%{-webkit-transform:scale(1);transform:scale(1);-moz-transform:scale(1)}}@keyframes user-head{100%{-webkit-transform:scale(1);transform:scale(1);-moz-transform:scale(1)}}@-webkit-keyframes user-body{100%{-webkit-transform:translateY(2px);transform:translateY(2px);-moz-transform:translateY(2px)}}@-moz-keyframes user-body{100%{-webkit-transform:translateY(2px);transform:translateY(2px);-moz-transform:translateY(2px)}}@keyframes user-body{100%{-webkit-transform:translateY(2px);transform:translateY(2px);-moz-transform:translateY(2px)}}.p-login [ripple]{position:relative;overflow:hidden;-webkit-transition:box-shadow .4s;-moz-transition:box-shadow .4s;-ms-transition:box-shadow .4s;-o-transition:box-shadow .4s;transition:box-shadow .4s;cursor:inherit}.p-login [ripple] .touch{background:rgba(255,255,255,0.3);pointer-events:none;border-radius:100%;border:0}