body,html{padding:0;margin:0}:root{--light-blue:#e5f3fb;--primary-lighter:#71b6e0;--primary:#0e5f90;--primary-darker:#043d60}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:500px;margin:0 auto}.not-mobile{margin-top:30px;background-color:#f7e76b;border:1px solid #ebb811;padding:20px;text-align:center;box-shadow:0 5px 5px #ccc}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input{width:calc(100% - 22px);font-size:14px}.btn{background-color:#eee;border:0;border-radius:4px;padding:15px;width:100%;text-transform:uppercase;font-weight:700}.btn.btn-primary{background-color:var(--primary);color:#fff}.btn.btn-primary:active{background-color:var(--primary-darker)}.btn:disabled,.btn:disabled:active{background-color:var(--primary-lighter)}input{background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px;outline:none}input:focus{border-color:var(--primary)}.router{padding-bottom:64px}.bottom-bar{position:fixed;bottom:0;left:0;width:100%;border-top:1px solid #ccc;background-color:#fff}.bottom-bar ul{list-style-type:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);justify-content:space-around}.bottom-bar ul li{display:flex;justify-content:center;align-items:center;opacity:.5}.bottom-bar ul li.active{opacity:1}.bottom-bar ul li a{display:block;width:100%;color:#333;text-decoration:none;text-align:center;font-size:14px;padding:15px 5px 5px}.bottom-bar ul li a .bottom-icon svg{height:20px}.bottom-bar ul li a p{margin:0}.loading{display:flex;justify-content:center}.dot-falling,.dot-falling:after,.dot-falling:before{background-color:#0e5f90;color:#0e5f90}ul.list{list-style-type:none;padding:0;margin:0}ul.list li a{color:#333;text-decoration:none;display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #ccc}ul.list li a label{display:block}ul.list li a:active{background-color:var(--light-blue)}.page[data-v-221470a4]{position:relative;height:100vh;overflow:hidden}.circle[data-v-221470a4]{background-color:#e5f3fb;width:400px;height:400px;border-radius:50%;position:absolute;z-index:-1}.circle.top[data-v-221470a4]{top:-200px;left:-200px}.circle.bottom[data-v-221470a4]{bottom:-200px;right:-200px}.login[data-v-221470a4]{margin:100px 20px}.login form[data-v-221470a4]{margin-top:60px}.page .empty[data-v-b26701b2]{text-align:center;margin-top:100px}.page .page-header[data-v-b26701b2]{padding:40px 20px;background:var(--light-blue)}.page .page-header h3[data-v-b26701b2]{margin:0}.page .pekerjaan[data-v-b26701b2]{padding:20px}.page ul li[data-v-b26701b2]{padding:5px 0}.page ul li div .checkpoint[data-v-b26701b2]{margin-top:5px;display:flex;align-items:center}.page ul li div .checkpoint svg[data-v-b26701b2]{height:16px}.page ul li div:last-child small[data-v-b26701b2],.page ul li div:last-child span[data-v-b26701b2]{display:block;text-align:right}.modal[data-v-b26701b2]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1;display:flex;justify-content:center;opacity:0;transition:all .3s ease}.modal.open[data-v-b26701b2]{opacity:1}.modal .modal-body[data-v-b26701b2]{border-radius:5px;margin:30px;margin-top:-250px;background:#fff;padding:15px;height:260px;width:300px;transition:all .3s ease}.modal .modal-body.open[data-v-b26701b2]{margin-top:70px}.modal .modal-body p[data-v-b26701b2]{margin:0}.modal .modal-body button[data-v-b26701b2]{margin-top:10px}.modal .modal-body form[data-v-b26701b2]{margin-top:20px}.modal .modal-body form input[data-v-b26701b2]{width:calc(100% - 22px)}.page .empty[data-v-8dc30210]{text-align:center;margin-top:100px}.page .page-header[data-v-8dc30210]{padding:30px 20px;background:var(--light-blue)}.page .page-header h3[data-v-8dc30210],.page .page-header p[data-v-8dc30210]{margin:0}.page .page-header p[data-v-8dc30210]{display:flex;align-items:center;margin:5px 0}.page .page-header p svg[data-v-8dc30210]{height:15px;margin-right:10px}.page .pekerjaan[data-v-8dc30210]{padding:20px}.page .pekerjaan ul[data-v-8dc30210]{list-style-type:none;padding:0;margin:0}.page .pekerjaan ul li[data-v-8dc30210]{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #ccc}.page .pekerjaan ul li small[data-v-8dc30210]{display:block;margin:0}.page[data-v-04fa525c]{background:var(--light-blue);min-height:100vh}.top[data-v-04fa525c]{padding:20px;background:#fff;box-shadow:0 3px 3px #ccc;position:fixed;top:0;left:0;width:calc(100% - 40px)}.top h3[data-v-04fa525c]{margin:0}.top .checkpoint[data-v-04fa525c]{display:flex;margin-top:10px}.top .checkpoint svg[data-v-04fa525c]{height:20px;margin-right:4px}.top .range[data-v-04fa525c]{display:flex;align-items:center;margin-top:5px;color:#777;font-size:14px}.top .range.invalid[data-v-04fa525c]{color:red}.top .range svg[data-v-04fa525c]{height:20px;margin-right:5px}.profil[data-v-04fa525c]{margin-bottom:0}.profil small[data-v-04fa525c]{color:#777}.card[data-v-04fa525c]{margin:20px;background:#fff;border-radius:6px;box-shadow:0 3px 3px #ccc}.card.disabled[data-v-04fa525c]{background:#f7f7f7;color:#999}.card .card-body[data-v-04fa525c]{padding:15px}.card .card-body p[data-v-04fa525c]{margin:0;font-weight:700;display:flex;justify-content:space-between;align-items:center}.card .card-body p small[data-v-04fa525c]{font-weight:400}.card .card-body h1[data-v-04fa525c]{display:flex;justify-content:center;align-items:center}.card .card-body h1 svg[data-v-04fa525c]{height:30px;margin-left:5px}.card .card-body .clocked[data-v-04fa525c]{display:flex;justify-content:center;align-items:center}.card .card-body .clocked img[data-v-04fa525c]{margin-left:15px}.box[data-v-04fa525c]{margin:20px;border:1px solid #ccc;padding:20px;border-radius:6px}.box p[data-v-04fa525c]{margin:0;color:#999}.img-wrapper[data-v-04fa525c]{text-align:center;margin-top:30px;height:170px;width:150px;margin:20px auto}.img-wrapper img[data-v-04fa525c]{border-radius:6px;box-shadow:-3px 3px 3px #999;transition:all .5s ease;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.img-wrapper img.rotate[data-v-04fa525c]{transform:rotate(-90deg)}.modal[data-v-04fa525c]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1;display:flex;justify-content:center}.modal .modal-body[data-v-04fa525c]{border-radius:5px;margin:30px;background:#fff;padding:15px;margin-top:20px;height:400px;width:300px}.camera[data-v-04fa525c]{position:relative}.camera #photo[data-v-04fa525c],.camera #video[data-v-04fa525c]{width:100%;height:400px;-o-object-fit:contain;object-fit:contain}.camera .camera-controller[data-v-04fa525c]{position:absolute;bottom:0;background-color:rgba(0,0,0,.5);width:100%;height:70px;margin-top:-6px;display:flex;justify-content:center;align-items:center}.camera .camera-controller.ok[data-v-04fa525c]{height:55px;justify-content:space-between}.camera .camera-controller.ok button[data-v-04fa525c]{background-color:#fff;border:0;outline:none;padding:10px 15px;border-radius:4px;text-transform:uppercase;transition:all .3s ease;width:80px}.camera .camera-controller.ok button[data-v-04fa525c]:active{transform:scale(.9)}.camera .camera-controller.ok button[data-v-04fa525c]:first-child{margin-left:10px}.camera .camera-controller.ok button[data-v-04fa525c]:last-child{margin-right:10px}.camera .btn-photo[data-v-04fa525c]{width:55px;height:55px;border-radius:70px;border:0;background-color:#fff;transition:all .3s ease}.camera .btn-photo[data-v-04fa525c]:active{width:50px;height:50px}#canvas[data-v-04fa525c]{display:none}.page[data-v-8e8e4752]{padding:20px}.page h3[data-v-8e8e4752]{margin:0}.page form[data-v-8e8e4752]{margin-top:30px}.page .btn[data-v-8e8e4752]{position:absolute;width:calc(100% - 40px);bottom:80px}