body,html{font-family:'Roboto',sans-serif;font-size:14px;margin:0;padding:0}body{background-color:#f9f9f9}label{display:block}hr{background-color:#f0f0f0;border:0;height:1px;padding:0;margin:0}.transition{-webkit-transition:all .3s ease;transition:all .3s ease}.mtop16{margin-top:16px !important}.mtop24{margin-top:24px !important}.shadow{box-shadow:1px 7px 16px 1px rgba(0,0,0,0.12);-webkit-box-shadow:1px 7px 16px 1px rgba(0,0,0,0.12);-moz-box-shadow:1px 7px 16px 1px rgba(0,0,0,0.12)}.page{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;justify-content:center;height:100vh;width:100%}.page .box{background-color:#fff;border-radius:4px;padding:40px;width:480px}.page .box .logo{display:block;width:100%}.page .box .logo img{display:block;animation:wiggle 4s linear infinite;margin:0 auto;width:50%}.page .box h2.title{color:#2c2c2c;display:block;font-weight:500;font-size:1.5em;margin:0;margin-top:16px;text-align:center;padding:0}.page .box .form label{color:#222}.page .box .form p{font-size:1.1em;line-height:1.14em;font-weight:300;color:#444}.page .box .form .actions{display:block;overflow:hidden;margin-top:6px;width:100%}.page .box .form .actions a{color:#00b2ee;display:inline-block;float:right;padding:4px;text-decoration:none}.page .box .form .actions a:hover{color:#0088b6}.page .group{position:relative;margin-top:4px;width:100%}.page .group input{border:1px solid #888;border-radius:4px;box-sizing:border-box;display:block;padding:16px;padding-left:48px;width:100%}.page .group input:focus{outline:none;border:1px solid #00b2ee}.page .group i{color:#2c2c2c;position:absolute;font-size:1.4em;top:13px;left:18px;z-index:1}.page .btn{display:block;background-color:#00b2ee;border-radius:4px;color:#fff;border:1px solid #00b2ee;font-weight:600;font-size:1.2em;padding:12px !important;width:100%}.page .btn:hover{background-color:#f8b335;border:1px solid #f8b335;color:#222}.page .btn-green{background-color:#26c485;box-sizing:border-box;border:0;text-align:center;text-decoration:none}.page .btn-green:hover{border:0}.page_app{background-color:#fff}.page_app .box{background-color:transparent !important;border:0 solid #000;border-bottom:0 !important;padding:2px;width:92% !important}.page_app .box .logo img{width:60% !important}.page_app .box h2.title{color:#1272b5 !important}.page_app .box .form .white-box{background-color:#fff;border-radius:8px;padding:16px}.page_app .box .form .white-box p{margin:0}.page_app .box .form .white-box .btn{margin-top:16px;font-weight:500}.page_app .box .form .white-box .btn-green{background-color:#26c485;color:#fff;box-sizing:border-box;border:0;text-align:center;text-decoration:none}.page_app .box .form .white-box .btn-green:hover{border:0}.page_app .box .form .actions a{color:#1272b5 !important}.page_app label{color:#1272b5 !important}.page_app .group input{border:1px solid #ccc !important}.page_app .group input:focus{border:1px solid #1272b5 !important}.page_app .group i{top:11px;left:16px}.page_app .btn{background-color:#1272b5;border-radius:4px !important;color:#fff;padding:12px !important;height:44px;border:0 !important}@-webkit-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-moz-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.loader_action{align-items:center;display:none;background-color:rgba(0,0,0,0.5);justify-content:center;height:100vh;position:fixed;width:100%;z-index:999}.loader_action .action{align-items:center;display:flex;background-color:#fff;border-radius:8px;box-sizing:border-box;justify-content:center;padding:16px;overflow:hidden;width:330px}.loader_action .action .col{display:block;flex:initial;color:#333;float:left}.loader_action .action .col:first-child{width:40px}.loader_action .action .col:first-child img{display:block;width:100%}.loader_action .action .col:last-child{margin-left:5%;position:relative;width:calc(95% - 40px)}.loader_action_animation_show{animation-timing-function:ease-in-out;animation:action_show .3s forwards}.loader_action_animation_hide{animation-timing-function:ease-in-out;animation:action_hide .3s forwards}@-moz-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-webkit-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-o-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@-moz-keyframes action_show{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes action_show{0%{opacity:0}100%{opacity:1}}@-o-keyframes action_show{0%{opacity:0}100%{opacity:1}}@keyframes action_show{0%{opacity:0}100%{opacity:1}}@-moz-keyframes action_hide{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes action_hide{0%{opacity:1}100%{opacity:0}}@-o-keyframes action_hide{0%{opacity:1}100%{opacity:0}}@keyframes action_hide{0%{opacity:1}100%{opacity:0}}@-moz-keyframes wiggle{0%,7%{transform:rotateZ(0)}15%{transform:rotateZ(-15deg)}20%{transform:rotateZ(10deg)}25%{transform:rotateZ(-10deg)}30%{transform:rotateZ(6deg)}35%{transform:rotateZ(-4deg)}40%,100%{transform:rotateZ(0)}}@-webkit-keyframes wiggle{0%,7%{transform:rotateZ(0)}15%{transform:rotateZ(-15deg)}20%{transform:rotateZ(10deg)}25%{transform:rotateZ(-10deg)}30%{transform:rotateZ(6deg)}35%{transform:rotateZ(-4deg)}40%,100%{transform:rotateZ(0)}}@-o-keyframes wiggle{0%,7%{transform:rotateZ(0)}15%{transform:rotateZ(-15deg)}20%{transform:rotateZ(10deg)}25%{transform:rotateZ(-10deg)}30%{transform:rotateZ(6deg)}35%{transform:rotateZ(-4deg)}40%,100%{transform:rotateZ(0)}}@keyframes wiggle{0%,7%{transform:rotateZ(0)}15%{transform:rotateZ(-15deg)}20%{transform:rotateZ(10deg)}25%{transform:rotateZ(-10deg)}30%{transform:rotateZ(6deg)}35%{transform:rotateZ(-4deg)}40%,100%{transform:rotateZ(0)}}