body{box-sizing:border-box;font-family:"SF Pro Display",sans-serif;margin:0;padding:0;overflow-y:hidden;overflow-x:hidden;touch-action:pan-y}.background{position:fixed;left:0;top:0;bottom:0;right:0;z-index:-1;background-image:url(/asset-webview/hris/images/bg-hris.png);background-repeat:no-repeat;background-size:100% auto;background-position:top}.container-sm{padding-left:0;padding-right:0}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;background-color:#fff;display:flex;justify-content:space-around;align-items:center;padding:7px 0 20px 0;border-top:.33px solid rgba(0,0,0,.3);z-index:1000}.bottom-navigation .navigation-item{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:4px;color:grey;flex:1;text-decoration:none;transition:all .3s ease;cursor:pointer}.bottom-navigation .navigation-item.active{color:#ffa41b}.bottom-navigation .navigation-item .navigation-icon{height:24px;width:24px}.bottom-navigation .navigation-item .navigation-label{font-size:10px;line-height:100%;font-weight:500;color:#333}.bottom-navigation .navigation-item.center{position:relative;box-shadow:none;border:none;outline:0;background-color:transparent;transition:all .3s ease;height:38px}.bottom-navigation .navigation-icon.center{position:absolute;top:0;transform:translateY(-70%);display:flex;justify-content:center;align-items:center;height:52px;width:52px;border-radius:12px;background-color:#007aff}.bottom-navigation .navigation-item .navigation-label.center{margin-top:auto}#form-absen{border-radius:30px 30px 0 0;min-height:calc(100vh - 450px)}#form-absen:has(.form-pulang){min-height:calc(100vh - 420px)}#form-absen .offcanvas-body{display:flex;flex-direction:column;border-radius:30px 30px 0 0}#form-absen .offcanvas-body.bg-grey{background-color:rgba(243,243,243,1)}#form-absen .offcanvas-body .map-container{position:relative;width:100%;height:208px;border-radius:30px;overflow:hidden;margin-bottom:28px}#form-absen .offcanvas-body .map-container #map-box{width:100%;height:208px}#form-absen .offcanvas-body .label-container{display:flex;flex-direction:column;row-gap:7px;margin-bottom:23px}#form-absen .offcanvas-body .label-container h6{font-weight:600;font-size:17px;line-height:22px;letter-spacing:-.43px;margin-bottom:0}#form-absen .offcanvas-body .label-container p{font-weight:400;font-size:12px;line-height:16px;letter-spacing:0;margin-bottom:0}#form-absen .offcanvas-body .action-container{display:flex;flex-direction:column;row-gap:15px}#form-absen .offcanvas-body .action-container .btn-primary{display:flex;justify-content:center;align-items:center;width:100%;height:37px;color:#333;background-color:rgba(255,164,27,1);border-radius:6px;transition:all .2s ease;border:none}#form-absen .offcanvas-body .action-container .btn-primary:active{background-color:#cc7a00!important}#form-absen .offcanvas-body .action-container .helper-container{display:flex;align-items:center;column-gap:2px;align-self:center}#form-absen .offcanvas-body .action-container .helper-container p{font-weight:400;font-size:13px;line-height:18px;letter-spacing:-.08px;margin-bottom:0}#form-absen .offcanvas-body .action-container .helper-container .btn-link{background:0 0;border:none;color:#ffa41b;cursor:pointer;padding:0;font-size:13px;font-weight:400;line-height:18px;text-decoration:none;transition:all .2s ease;letter-spacing:-.08px}#form-absen .offcanvas-body .action-container .helper-container .btn-link:hover{color:#ffa41b;text-decoration:underline}#form-absen .offcanvas-body .action-container .helper-container .btn-link:active{color:#ffa41b}#form-absen .offcanvas-body .action-container .helper-container .action-container{display:flex;align-items:center;justify-content:center;margin-top:49px}#form-absen .offcanvas-body.form-pulang{padding-top:25px;padding-left:0;padding-right:0;padding-bottom:0}#form-absen .offcanvas-body.form-pulang img{margin:0 auto;margin-bottom:20px}#form-absen .offcanvas-body.form-pulang .card{border-radius:0;height:100%;border:none}#form-absen .offcanvas-body.form-pulang .card .body{padding:0;display:flex;flex-direction:column}#form-absen .offcanvas-body.form-pulang .card .body h6{font-weight:600;font-size:15px;line-height:20px;letter-spacing:-.23px;margin-bottom:2px;text-align:center}#form-absen .offcanvas-body.form-pulang .card .body .clock-container{display:flex;align-items:center;justify-content:center;column-gap:20px;margin-bottom:28px}#form-absen .offcanvas-body.form-pulang .card .body .clock-container .event-container{display:flex;flex-direction:column;justify-content:center}#form-absen .offcanvas-body.form-pulang .card .body .clock-container .event-container .btn-icon{display:flex;align-items:center;justify-content:center;height:24px;width:24px;box-shadow:none;background-color:transparent;background:0 0;outline:0;border-radius:999px;border:none;align-self:center}#form-absen .offcanvas-body.form-pulang .card .body .clock-container .event-container .btn-icon:active{background-color:rgba(211,211,211,.8)}#form-absen .offcanvas-body.form-pulang .card .body .clock-container .event-container .btn-icon img{margin-bottom:0}#form-absen .offcanvas-body.form-pulang .card .body .clock-container .event-container h5{font-weight:700;font-style:Bold;font-size:34px;line-height:41px;letter-spacing:.4px;margin-bottom:0}#form-absen .offcanvas-body.form-pulang .card .body .clock-container .clock-separator{font-weight:700;font-style:Bold;font-size:34px;line-height:41px;letter-spacing:.4px}#form-absen .offcanvas-body.form-pulang .card .body .action-container{display:flex;flex-direction:column;justify-content:center;row-gap:15px}#form-absen .offcanvas-body.form-pulang .card .body .action-container .btn-primary{display:flex;justify-content:center;align-items:center;width:100%;height:37px;color:#333;background-color:rgba(255,164,27,1);border-radius:6px;transition:all .2s ease;border:none}#form-absen .offcanvas-body.form-pulang .card .body .action-container .btn-primary:active{background-color:#cc7a00!important}#form-absen .offcanvas-body.form-pulang .card .body .action-container .btn-link{background:0 0;border:none;color:rgba(153,153,153,1);cursor:pointer;padding:0;font-size:13px;font-weight:400;line-height:18px;text-decoration:none;transition:all .2s ease;letter-spacing:-.08px}#form-absen .offcanvas-body.form-pulang .card .body .action-container .btn-link:active{color:rgba(153,153,153,.5)}#alert-component{display:none;background-color:rgba(255,164,27,1);border-color:rgba(255,164,27,1);position:fixed;transform:translateX(-25%);top:60px;left:30%;right:0;z-index:9999;border-radius:10px}