*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-size:62.5%;height:100%;overflow:hidden}@media (max-width:768px){body,html{font-size:50%}}svg{display:inline-block;width:2rem;height:2rem;overflow:visible}.svg-icon{cursor:pointer}.svg-icon path{stroke:rgba(94,154,142,.9);fill:none;stroke-width:1}button,input{outline:0;border:none}.bg{position:fixed;top:0;left:0;bottom:0;right:0;overflow:auto;height:100%!important;background-position:center;background-repeat:no-repeat;background-size:cover;font-family:"Open Sans",Helvetica,Arial,sans-serif}.demo{position:absolute;top:50%;left:50%;margin-left:-15rem;margin-top:-26.5rem;width:30rem;height:60rem;overflow:hidden}.login{position:relative;height:100%;text-align:center;background:rgba(255,255,255,.8)}.logo-img{margin-top:10px}.login.inactive{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}.login__check{position:absolute;top:16rem;left:13.5rem;width:14rem;height:2.8rem;background:#fff;-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.login__check:before{content:"";position:absolute;left:0;bottom:100%;width:2.8rem;height:5.2rem;background:#fff;box-shadow:inset -.2rem -2rem 2rem rgba(0,0,0,.2)}.login__form{position:absolute;left:0;width:100%;height:50%;padding:1.5rem 2.5rem;text-align:center}.login__row{height:5rem;padding-top:1rem;border-bottom:1px solid rgba(94,154,142,.2)}.login__icon{margin-bottom:-.4rem;margin-right:.5rem}.login__icon.name path{stroke-dasharray:73.50196075439453;stroke-dashoffset:73.50196075439453;-webkit-animation:animatePath 2s .5s forwards;animation:animatePath 2s .5s forwards}.login__icon.pass path{stroke-dasharray:92.10662841796875;stroke-dashoffset:92.10662841796875;-webkit-animation:animatePath 2s .5s forwards;animation:animatePath 2s .5s forwards}.login__input{display:inline-block;width:22rem;height:100%;padding-left:1.5rem;font-size:1.5rem;background:0 0;color:#333}.login__input::placeholder{color:#00a99e}.login__submit{position:relative;width:100%;height:4rem;margin:3rem 0 2.2rem;color:rgba(255,255,255,.8);background:#00a99e;font-size:1.5rem;border-radius:3rem;cursor:pointer;overflow:hidden;transition:width .3s .15s,font-size .1s .15s}.login__submit:after{content:"";position:absolute;top:50%;left:50%;margin-left:-1.5rem;margin-top:-1.5rem;width:3rem;height:3rem;border:2px dotted #fff;border-radius:50%;border-left:none;border-bottom:none;transition:opacity .1s .4s;opacity:0}.login__submit.processing{width:4rem;font-size:0}.login__submit.processing:after{opacity:1;-webkit-animation:rotate .5s .4s infinite linear;animation:rotate .5s .4s infinite linear}.login__submit.success{transition:opacity .1s .3s,background-color .1s .3s,-webkit-transform .3s .1s ease-out;transition:transform .3s .1s ease-out,opacity .1s .3s,background-color .1s .3s;transition:transform .3s .1s ease-out,opacity .1s .3s,background-color .1s .3s,-webkit-transform .3s .1s ease-out;-webkit-transform:scale(30);transform:scale(30);opacity:.9}.login__submit.success:after{transition:opacity .1s 0s;opacity:0;-webkit-animation:none;animation:none}.login__signup{font-size:1.2rem;color:#aba8ae}.login__signup a{color:#00a99e}.login__err{font-size:1.5rem;color:#e42121;font-weight:700}.ripple{position:absolute;width:15rem;height:15rem;margin-left:-7.5rem;margin-top:-7.5rem;background:rgba(0,0,0,.4);-webkit-transform:scale(0);transform:scale(0);-webkit-animation:animRipple .4s;animation:animRipple .4s;border-radius:50%}@-webkit-keyframes animRipple{to{-webkit-transform:scale(3.5);transform:scale(3.5);opacity:0}}@keyframes animRipple{to{-webkit-transform:scale(3.5);transform:scale(3.5);opacity:0}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes animatePath{to{stroke-dashoffset:0}}@keyframes animatePath{to{stroke-dashoffset:0}}.footer{text-align:center;position:absolute;top:120%;left:50%;margin-left:-15rem;margin-top:-26.5rem;width:30rem;overflow:hidden}.footer small{font-size:1.2rem;color:#fff}.panel{display:flex;align-items:center;padding:10px;border-bottom:1px solid rgba(94,154,142,.2);margin-bottom:10px;text-align:left}.panel-link{display:flex;align-items:center;text-decoration:none;color:inherit}.round-image{width:60px;height:60px;border-radius:50%;margin-right:10px}.panel-content{flex-grow:1;position:relative}.panel-title{margin:0;font-size:13px}.panel-subtitle{margin:0;font-size:10px;color:#888}.panel-button{padding:3px 8px;border-radius:5px;width:70px;cursor:pointer}.text-center{text-align:center}.lds-ring{display:inline-block;position:relative;width:15px;height:15px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:15px;height:15px;margin-top:1px;margin-left:7px;border:1px solid #fff;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:#fff transparent transparent transparent}.lds-ring div:nth-child(1){animation-delay:-.45s}.lds-ring div:nth-child(2){animation-delay:-.3s}.lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loader{display:inline-block;position:relative;width:15px;padding:2px;aspect-ratio:1;border-radius:50%;background:#fff;--_m:conic-gradient(#0000 10%,#000),linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}@keyframes l3{to{transform:rotate(1turn)}}.custom-checkbox input{position:absolute;opacity:0;cursor:pointer}.checkmark{position:relative;top:0;left:0;height:13px;width:13px;background-color:#eee;vertical-align:middle;margin-right:5px;cursor:pointer;border-radius:3px}.custom-checkbox input:checked~.checkmark{background-color:#00a99e}.checkmark:after{content:"";position:absolute;display:none}.custom-checkbox input:checked~.checkmark:after{display:block}.custom-checkbox .checkmark:after{left:4px;top:1px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.custom-checkbox{display:flex;align-items:center;font-size:13px;color:#00a99e;cursor:pointer}