*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html,body{height:100%}@media(max-width: 768px){html,body{font-size:50%}}.cont{position:relative;height:100%;overflow:auto;font-family:"Open Sans",Helvetica,Arial,sans-serif}.cont svg{display:inline-block;width:2rem;height:2rem;overflow:visible}.cont .svg-icon{cursor:pointer}.cont .svg-icon path{stroke:rgba(255,255,255,.9);fill:none;stroke-width:1}input,button{outline:none;border:none}.demo{text-align:center;position:absolute;top:10%;left:7%;width:300px;height:352px}.demo .loing_logo{margin:0 auto}.login{position:relative;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(rgba(220, 220, 220, 0.8)), to(rgba(192, 192, 192, 0.6)));background:linear-gradient(to bottom, rgba(220, 220, 220, 0.8) 0%, rgba(192, 192, 192, 0.6) 100%);transition:opacity .1s,-webkit-transform .3s cubic-bezier(0.17, -0.65, 0.665, 1.25);-webkit-transition:opacity .1s,-webkit-transform .3s cubic-bezier(0.17, -0.65, 0.665, 1.25);transition:opacity .1s,transform .3s cubic-bezier(0.17, -0.65, 0.665, 1.25);transition:opacity .1s,transform .3s cubic-bezier(0.17, -0.65, 0.665, 1.25),-webkit-transform .3s cubic-bezier(0.17, -0.65, 0.665, 1.25);-webkit-transform:scale(1);transform:scale(1);margin-bottom:20px}.login.inactive{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}.login__check{position:absolute;top:12rem;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;-webkit-box-shadow:inset -0.2rem -2rem 2rem rgba(0,0,0,.2);box-shadow:inset -0.2rem -2rem 2rem rgba(0,0,0,.2)}.login__form{position:absolute;bottom:15px;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(255,255,255,.2)}.login__icon{margin-bottom:-0.4rem;margin-right:.5rem}.login__icon.name path{stroke-dasharray:73.5019607544;stroke-dashoffset:73.5019607544;-webkit-animation:animatePath 2s .5s forwards;animation:animatePath 2s .5s forwards}.login__icon.pass path{stroke-dasharray:92.106628418;stroke-dashoffset:92.106628418;-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:rgba(0,0,0,0);color:#000}.login__input:-internal-autofill-selected{background:rgba(0,0,0,0) !important}.login__submit{position:relative;width:100%;height:4rem;margin-top:15px;color:rgba(255,255,255,.8);background:#0050d0;font-size:1.5rem;border-radius:3rem;cursor:pointer;overflow:hidden;-webkit-transition:width .3s .15s,font-size .1s .15s;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;-webkit-transition:opacity .1s .4s;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;-webkit-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(90);transform:scale(90);opacity:.9;-webkit-transition-duration:2s;transition-duration:2s}.login__submit.success:after{-webkit-transition:opacity .1s 0s;transition:opacity .1s 0s;opacity:0;-webkit-animation:none;animation:none}.login__signup{font-size:1.2rem;color:#aba8ae}.login__signup a{color:#fff;cursor:pointer}.app{z-index:10000;position:absolute;top:-13px;right:-8px;width:30px;height:30px;opacity:0;display:block;transition:opacity .1s,-webkit-transform .3s cubic-bezier(0.68, -0.45, 0.465, 1.25);-webkit-transition:opacity .1s,-webkit-transform .3s cubic-bezier(0.68, -0.45, 0.465, 1.25);transition:opacity .1s,transform .3s cubic-bezier(0.68, -0.45, 0.465, 1.25);transition:opacity .1s,transform .3s cubic-bezier(0.68, -0.45, 0.465, 1.25),-webkit-transform .3s cubic-bezier(0.68, -0.45, 0.465, 1.25);-webkit-transform:scale(1.2);transform:scale(1.2)}.app svg{display:inline-block;width:13px;height:13px;overflow:visible}.app .svg-icon{cursor:pointer}.app .svg-icon path{stroke:rgba(28,76,138,.9);fill:none;stroke-width:4}.app .svg-icon path:hover{stroke:rgba(255,23,3,.9)}.app.active{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.app.active .app__user-photo{-webkit-transform:scale(1);transform:scale(1)}.app.active .app__meeting{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.app.active .app__logout{-webkit-transform:scale(1);transform:scale(1)}.app__top{position:relative;height:28rem;background:rgba(0,0,0,.5);padding:6rem 1.5rem 2rem;text-align:center}.app__bot{position:relative;height:25rem;background:#fff}.app__menu-btn{position:absolute;top:2rem;left:1.5rem;width:1.8rem;height:1.7rem;cursor:pointer}.app__menu-btn span,.app__menu-btn:before,.app__menu-btn:after{position:absolute;left:0;width:100%;height:1px;background:rgba(255,255,255,.6)}.app__menu-btn span{top:.8rem}.app__menu-btn:before{content:"";top:0}.app__menu-btn:after{content:"";bottom:0}.app__icon{position:absolute;top:2rem}.app__icon.search{right:1.5rem;stroke-dasharray:61.8471374512;stroke-dashoffset:61.8471374512;-webkit-animation:animatePath .5s .5s forwards;animation:animatePath .5s .5s forwards}.app__hello{font-size:2.2rem;color:#fff;font-weight:normal;margin-bottom:3rem}.app__user{position:relative;display:inline-block;width:9rem;height:9rem;margin-bottom:3rem}.app__user-photo{width:100%;height:100%;border-radius:50%;transition:-webkit-transform .3s .2s cubic-bezier(0.62, 0.35, 0.56, 1.55);-webkit-transition:-webkit-transform .3s .2s cubic-bezier(0.62, 0.35, 0.56, 1.55);transition:transform .3s .2s cubic-bezier(0.62, 0.35, 0.56, 1.55);transition:transform .3s .2s cubic-bezier(0.62, 0.35, 0.56, 1.55), -webkit-transform .3s .2s cubic-bezier(0.62, 0.35, 0.56, 1.55);transition:transform .3s .2s cubic-bezier(0.62, 0.35, 0.56, 1.55),-webkit-transform .3s .2s cubic-bezier(0.62, 0.35, 0.56, 1.55);-webkit-transform:scale(0);transform:scale(0)}.app__user-notif{position:absolute;top:0;right:0;width:3rem;height:3rem;border-radius:50%;line-height:3rem;text-align:center;background:#50d2c2;color:#fff;font-size:1.5rem}.app__month:after{content:"";display:table;clear:both}.app__month-name{display:inline-block;color:rgba(255,255,255,.6);font-size:1.2rem;text-transform:uppercase}.app__month-btn{display:inline-block;width:1.2rem;height:1.2rem;border:1px solid rgba(255,255,255,.6);border-left:none;border-bottom:none;cursor:pointer}.app__month-btn.left{float:left;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.app__month-btn.right{float:right;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.app__days{height:7rem;padding:1.5rem 2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.app__day{width:14%;text-align:center;font-size:1.2rem}.app__day.weekday{color:#919197;text-transform:uppercase}.app__day.date{font-size:1.2rem;font-weight:bold;color:#3c3c43}.app__meeting{position:relative;height:6rem;border-top:1px solid #eeeeef;padding:1rem 2rem 1rem 7.5rem;transition:opacity .3s,-webkit-transform .3s;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0}.app__meeting:nth-child(1){-webkit-transition-delay:.2s;transition-delay:.2s}.app__meeting:nth-child(2){-webkit-transition-delay:.3s;transition-delay:.3s}.app__meeting:nth-child(3){-webkit-transition-delay:.4s;transition-delay:.4s}.app__meeting:nth-child(4){-webkit-transition-delay:.5s;transition-delay:.5s}.app__meeting:nth-child(5){-webkit-transition-delay:.6s;transition-delay:.6s}.app__meeting-photo{position:absolute;left:2rem;top:1rem;width:4rem;height:4rem}.app__meeting-name{color:#000;font-size:1.3rem}.app__meeting-info{color:#949498;font-size:1.1rem}.app__logout{position:absolute;top:0px;right:0px;width:21px;height:21px;text-align:center;padding-top:2px;background:#fff;color:#fff;font-size:2rem;border-radius:50%;cursor:pointer;transition:bottom .4s .1s,right .4s .1s,opacity .1s .7s,background-color .1s .7s,-webkit-transform .4s .4s;-webkit-transition:bottom .4s .1s,right .4s .1s,opacity .1s .7s,background-color .1s .7s,-webkit-transform .4s .4s;transition:bottom .4s .1s,right .4s .1s,transform .4s .4s,opacity .1s .7s,background-color .1s .7s;transition:bottom .4s .1s,right .4s .1s,transform .4s .4s,opacity .1s .7s,background-color .1s .7s,-webkit-transform .4s .4s;-webkit-transform:scale(0);transform:scale(0)}@media screen and (-webkit-min-device-pixel-ratio: 0){.app__logout{padding-top:2px}}@-moz-document url-prefix(){.app__logout{padding-top:1px}}@media screen and (-webkit-min-device-pixel-ratio: 0){.app__logout{padding-top:1px}}.app__logout:active{background:rgba(28,76,138,.9);-webkit-transition-delay:.01s;transition-delay:.01s}.app__logout.clicked{top:0px;right:0px;-webkit-transform:scale(200) !important;transform:scale(200) !important;-webkit-transition-duration:2s;transition-duration:2s;opacity:.9;background:rgba(28,76,138,.9)}.app__logout.clicked svg{opacity:0}.app__logout-icon{width:20px;height:20px;-webkit-transition:opacity .1s;transition:opacity .1s}.app__logout-icon path{stroke-width:4px;stroke-dasharray:64.3623504639;stroke-dashoffset:64.3623504639;-webkit-animation:animatePath .5s .5s forwards;animation:animatePath .5s .5s forwards}.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}}.admin_logout_action{background:rgba(0,0,0,0);border:none;-webkit-box-shadow:none;box-shadow:none;position:relative}/*# sourceMappingURL=login.css.map */