:root{--theme-green:rgb(82 181 184);--theme-light-green:rgb(213 237 211);--theme-red:#eb416a;--theme-pink:#ff7b91;--theme-purple:#8596dc;--theme-gray:rgb(47 55 71);--theme-medium-gray:rgb(178 188 202);--theme-light-gray:rgb(238 242 246);--theme-plum:rgb(72 29 60);background-color:rgb(238 242 246);background-color:var(--theme-light-gray);color:rgb(47 55 71);color:var(--theme-gray);--theme-light:#ebeef5;--theme-border:#e8e8e8;--theme-dark-gray:rgb(178 188 202);--theme-font-upload:#a7a7ad;--theme-font-header:#205072;--theme-font-legend:#464646;--theme-font-value:#222;--theme-font-button:#505050;--theme-font-name:#747474;--theme-font-button-light:#fff;--theme-font-popup-title:#4a4a4a;--theme-font-popup-subtitle:#6b6b6e}html{font-size:12px;line-height:1.5}body,html{font-family:Poppins}@media only screen and (min-width:425px){html{font-size:16px;line-height:1.5}}@media only screen and (min-width:1024px){html{font-size:20px;line-height:1.5}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.spinner-container{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-page{display:flex;flex-direction:column;justify-content:center;margin-top:10%}.login-page .card{margin:2% 10%}.container{display:flex;flex-direction:column;justify-content:center;margin:5%}.container.logo .title{text-align:center;font-weight:900;letter-spacing:.3rem;color:var(--theme-green);padding:2%}.container.logo img{width:20vw;margin-left:auto;margin-right:auto}.container.fill-form{padding:2%}.container.fill-form .input-container{margin-bottom:5%;color:var(--theme-medium-gray)}.container.fill-form input{background-color:var(--theme-light-gray);border:.005rem solid var(--theme-medium-gray);border-radius:5px;text-align:center;width:100%;padding-top:3%;padding-bottom:3%}.container.button{margin:5% auto 10%}.container.button .btn{font-family:Poppins;border-radius:1rem;background-image:none;margin:auto;color:#fff;width:30vw}.container.button .btn:enabled{background-color:var(--theme-pink);border:none;box-shadow:none}.container.button a{color:var(--theme-purple);letter-spacing:.2rem;margin:2% auto 5%}.container.enquiry{flex-direction:row;justify-content:space-between}.container.enquiry .question{color:var(--theme-medium-gray)}.container.enquiry a{color:var(--theme-gray)}.container.enquiry svg{display:inline-flex;margin:auto 20%}.bp3-button.bp3-minimal{background:var(--theme-light-gray);border-radius:2em;margin:10% auto}.zendesk-button{position:fixed;bottom:15px;right:15px}.registration-step .footer{width:50%}.ktp .body{padding:0!important;padding:0}.container.language-switch,.ktp .body{margin:1em 0}.container.container.language-switch button{padding:10px;text-align:center;width:auto}.agreement .message,.hp-field,select{font-size:12px}.bp3-file-upload-input{border:1px solid #ddd;box-shadow:unset;height:unset}.bp3-file-input,.ktp .body input{margin-top:10px;height:auto}.ktp .body input{border:1px solid #ddd;padding:8px!important;border-radius:5px}.upload-ktp{margin-bottom:0!important}.full-name{margin-top:0!important;margin-bottom:1em!important}.bp3-popover-target{width:100%}.bp3-popover-target input{height:36px!important;box-shadow:unset}.bank .body select{font-size:10px!important;border:1px solid #ddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0}.bank .body input,.bank .body select{padding:6px!important;line-height:unset;outline:none}.bank .body input{font-size:13px;border:1px solid #ddd;box-shadow:unset;border-top-right-radius:5px;border-left:0;border-bottom-right-radius:5px;margin-top:1em}.registration-step{display:flex;flex-direction:column;margin:10% 10% 0}.registration-step .bp3-button{border-radius:1rem;padding:1% 5%;background-color:var(--theme-green);box-shadow:none;color:#fff;background-image:none;margin:5% auto;width:100%;display:flex;flex-direction:column;font-family:Poppins}.registration-step .footer{width:100%;margin:2% auto}.registration-step .footer button{border-radius:5px;padding:10px}.hp-number,.otp-number,.password{margin:3em 0 2em}.registration-step .header{padding:0}.hp-field select{border:1px solid #ddd;font-size:12px;border-radius:5px 0 0 5px;outline:none}.hp-field input{line-height:unset;border:1px solid #ddd;border-left:0;font-size:12px;border-radius:0 5px 5px 0;outline:none}.otp-field input{outline:none}.otp-field input,.password-field input{border:1px solid #ddd;border-radius:5px;padding:10px}.password-field input{margin-bottom:1em}.container.language-switch{display:flex;flex-direction:row;font-size:.8em;justify-content:flex-start;font-style:italic}.container.language-switch .choices{margin:auto 0;display:flex}.container.language-switch button{padding:2%;font-family:Poppins;border:transparent;border-radius:1em;background-color:var(--theme-light-gray);color:#fff;margin:auto 1%;width:20%}.container.language-switch .bahasa{background-color:var(--theme-purple)}.container.language-switch .english{background-color:var(--theme-pink)}.container.tnc{display:flex;height:45vh;font-size:.7em;text-align:justify;margin:0 0 10%}.container.tnc .language{height:100%;display:flex;overflow-y:scroll;padding:3%}.company-tag{text-align:right;font-size:1.5rem;color:var(--theme-medium-gray);font-family:Poppins}.header{color:var(--theme-green);font-size:1.5rem;padding:2%}.hp{font-size:1em;padding:2%;background-color:#fff}.hp .container.tnc{display:flex}.hp .container.tnc img{margin:0;width:100%}.hp .container.hp-number .hp-field,.hp .container.otp-number .otp-field{display:flex;flex-direction:row;margin:2% 0}.hp .container.password .password-field{display:flex;flex-direction:column;margin:2% 0}.hp .container.biz-code input{width:100%;padding:2%}.hp .container.hp-number .hp-field input,.hp .container.otp-number .otp-field input,.hp .container.password .password-field input{box-shadow:none;padding:3%;width:100%;font-family:Poppins;font-size:1em}.hp .container.password .password-field input{margin-bottom:2%}.hp .container .hp-field select{display:flex;width:30%;font-family:Poppins;font-size:1em}.hp .container.tnc .file{height:40vh;border:1px solid #000;margin-bottom:5%}.hp .agreement{display:flex;flex-direction:row;justify-content:space-evenly}.ktp{font-size:1rem;padding:2%;background-color:#fff}.ktp .body{display:flex;flex-direction:column;padding:2%;margin:2%}.ktp .body input{padding:2%;font-family:Poppins;font-size:1em}.ktp .body .fixed-data{padding:2%;font-size:1.5em}.bank{font-size:1em;background-color:#fff}.bank,.bank .body{padding:2%}.bank .body select{width:35%;padding:1.5%;font-size:1em;font-family:Poppins}.bank .body input{width:65%;padding:2%}.request-page-container{display:flex;flex-direction:column;width:100vw}.request-page-container .container{display:flex;flex-direction:column;justify-content:center;margin:5% auto;text-align:center}.request-page-container .hr{background-image:none;margin:2% auto;width:80vw;display:none}hr{border-style:solid;color:var(--theme-light-gray)}.request-page-container .label{text-transform:capitalize}.request-page-container .amount{font-size:2.2rem;color:var(--theme-purple)}.value{font-weight:700;color:#000}.request-page-total-allowance .amount{flex-direction:row;display:flex;margin:2% auto}.request-page-total-allowance .amount .icon{color:var(--theme-gray);margin:auto}.request-page-withdrawal-amount .amount{flex-direction:row;display:flex;margin:0 auto}.request-page-withdrawal-amount .bp3-slider{width:100%;height:10vw}.request-page-withdrawal-amount .bp3-slider-label{display:none}.request-page-withdrawal-amount .input-field-amount{display:"flex";flex-direction:"row";justify-content:"center";margin:2em 0}.bp3-slider-progress.bp3-intent-primary{background-color:#52b5b8!important}.request-page-withdrawal-amount .input-field-amount input{opacity:1;line-height:1.5;font-family:Poppins;font-size:1.2rem;width:100%;border:1px solid #ddd;padding:10px;border-radius:3px}.request-page-withdrawal-amount .input-field-amount input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1;width:25px}.request-page-container .container.submit-button{margin-bottom:0 auto 20% auto}.request-page-container .submit-button .bp3-button{font-size:1.2rem;color:#fff;background-color:var(--theme-green);background-image:none;box-shadow:none;padding:15px;text-align:center;border-radius:5px;width:100%}.request-page-container .submit-button .bp3-button:disabled{background-color:var(--theme-medium-gray)}.container.youtube .bp3-button{background:none;color:var(--theme-green)}.banner{width:auto;max-width:100%;height:auto}.request-page-confirmation-container{font-size:16px;color:var(--theme-gray);margin-top:2em;font-weight:700;position:relative}.request-page-confirmation-container.body .dialog-hr{margin-top:5%;margin-bottom:5%}.confirmation-amount-group{margin-bottom:15px}.justify-between{display:flex;flex-direction:row;width:100%;align-items:flex-end}.confirmation-amount{text-align:center;font-size:1.8rem}.subtitle{font-size:1.2rem}.confirmation-fee{color:var(--theme-red)}.confirmation-principal{color:var(--theme-green)}.request-page-confirmation-container.message-input textarea{min-height:100px;border:1px solid #b9b9b9;border-radius:5px;width:100%;max-width:100%;font-size:12px;padding:10px}.request-page-confirmation-container input{border:.01em solid var(--theme-green);border-radius:.3em;width:100%;padding:2%;background-color:rgba(82,181,184,.07);margin:2% 0}.request-page-confirmation-container.footer{text-align:right}.request-page-confirmation-container.footer .bp3-button{border-radius:2em;box-shadow:none;background-image:none;font-family:Poppins}.request-page-confirmation-container.footer .bp3-button.cancel{background-color:#fff;color:var(--theme-medium-gray)}.request-page-confirmation-container.footer .bp3-button.confirm{background-color:var(--theme-green);color:#fff}.request-page-confirmation-container.footer .bp3-button.disabled{background-color:var(--theme-medium-gray);color:#fff}.request-card{padding:2em;background-color:#fff;margin:2em;box-shadow:1px 1px 10px 1px #ddd;border-radius:6px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.bp3-slider-handle{border-radius:50%}.bp3-slider-progress{border:1px solid #52b5b8;background:rgba(82,181,184,.25098039215686274)!important}.bp3-portal{z-index:999}.dialog-request{width:100%;height:100%!important;position:absolute;overflow-y:scroll;z-index:99999}.arrow-back{position:absolute;bottom:-3px}.arrow-back button{border:0!important;box-shadow:unset!important;background-color:unset!important}.confirmation-title,.step-wrap{text-align:center}.step-wrap{background-color:red;width:12rem;display:flex;position:relative;margin:auto;padding:0 5px;font-weight:700;color:#fff}.step-first{width:30px;height:30px;background-color:#52b5b8;border-radius:50%;position:absolute;left:0;z-index:9;padding:2px}.step-distance{width:90%;height:7px;position:absolute;top:12px;left:6px;border:1px solid #52b5b8;background-image:-webkit-linear-gradient(left,#53b5b8,#52b5b8 50%,#fff 0,#fff)}.step-other{width:30px;height:30px;background-color:#fff;border-radius:50%;right:0;padding:5px;text-align:center;font-size:12px;border:2px solid #52b5b8}.step-other,.step-title{position:absolute;color:#000}.step-title{width:100px;left:-30px;bottom:-25px}.step-wizard{margin:2rem 0 6rem;width:100%}.reason-wrap input[type=radio]:checked+label{border:2px solid #52b5b8}.reason-wrap input[type=radio]{display:none}.reason-wrap label{display:inline-block;font-family:Arial;font-size:16px;cursor:pointer;width:100%;padding:10px;border-radius:5px;border:1px solid #b9b9b9;margin:5px 0}.confirm-btn{width:100%;border-radius:5px!important;padding:12px}.success-img{margin:3em 0 2em}.success-img img{width:75px}.success-content{text-align:center;padding-top:5rem}.footer-content{margin-top:5em}.footer-content button{width:100%;margin-top:1em;padding:15px;background-color:#18b8ba;color:#fff;border:0;border-radius:5px}.slider{-webkit-appearance:none;width:100%;height:15px;margin-bottom:20px;border-radius:5px;background:#52b5b8;outline:none;opacity:.7;transition:opacity .2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;background:#fff;border-radius:50%;cursor:pointer;border:2px solid #52b5b8}.slider::-moz-range-thumb{width:25px;height:25px;background:var(--theme-gray);cursor:pointer}.profile-container{width:100%;display:flex;flex-direction:column;margin-top:2rem}.profile-card,.profile-header{margin-left:auto;margin-right:auto;padding-bottom:2rem}.profile-card{width:80%}.profile-card .profile-card-header{font-size:1.5rem;font-weight:700}.profile-card .profile-card-body{margin:2rem 1rem 1rem}.profile-card .profile-card-button{width:100%;margin-bottom:2rem;padding:1rem;font-family:Poppins}.profile-card .profile-card-button:last-of-type{width:100%;margin:0}.profile-card .profile-hr{width:70%;margin-left:auto;margin-right:auto}.profile-footer{margin-left:auto;margin-right:auto;padding-bottom:2rem}.profile-card .profile-text{font-size:1.6rem}.carding{width:100%;margin-bottom:1em;background-color:#fff}.profile-pict{width:70px;height:70px;margin:2em auto}.profile-pict img{width:100%;border-radius:50%}.new-profile-container{width:100%}.new-profile-container .profile-box{padding:3em 2em}.new-profile-container .profile-box .profile-info{text-align:center;padding:0 4em}.new-profile-container .profile-box .profile-info p{margin-top:1em;font-weight:700}.new-profile-container .profile-box .edit-profile{text-align:right}.new-profile-container .profile-box .edit-profile a,.text-success{color:#3bc6c8}.data-box{padding:1em 2em}.data-box ul{padding-left:0}.data-box ul li{list-style-type:none}.data-box ul li:first-child{margin-bottom:1.5em}.spesific-box{padding:1em 2em}.bp3-card{box-shadow:0 0 5px 2px #ddd;border-radius:5px}.profile-card-body button{box-shadow:unset!important;border:0!important;background-color:#18b8ba!important;background-image:unset!important;color:#fff!important}.bp3-intent-danger{background-color:#f31a5a!important}.ktp-upload-popup{display:flex;flex-direction:column;justify-content:space-between;height:100%}.ktp-upload-popup .dialog-hr{margin-top:5%;margin-bottom:5%;width:100%}.ktp-upload-popup .ktp-upload-detail-header .ktp-upload-detail-title{font-size:2.5rem}.ktp-upload-popup .ktp-upload-detail-body{display:flex;flex-direction:column;justify-content:space-between;height:80%}.ktp-upload-popup .ktp-upload-detail-image{overflow-y:scroll;width:100%}.ktp-upload-popup .ktp-upload-detail-body img{width:100%}.ktp-upload-popup .ktp-upload-detail-footer{display:flex;flex-direction:column;width:100%}.ktp-upload-popup .ktp-upload-detail-footer-details{display:flex;flex-direction:row;justify-content:space-around}.ktp-upload-popup .ktp-upload-detail-footer-details .bp3-button{font-family:Poppins}.update-password-dialog{display:flex;flex-direction:column;justify-content:space-between;height:100%}.update-password-dialog .update-password-header .update-password-title{font-size:2.5rem}.update-password-dialog .update-password-footer-details{display:flex;flex-direction:row;justify-content:space-around}.update-password-dialog .update-password-footer-details .bp3-button{font-family:Poppins}.history-detail-popup{display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow-y:auto;overflow-x:hidden}.history-detail-popup .dialog-hr{margin-top:5%;margin-bottom:5%;width:100%}.history-detail-popup .history-detail-header{font-size:2.5rem}.history-detail-popup .history-detail-footer{display:flex;flex-direction:column;width:100%}.history-detail-popup .history-detail-footer-details,.history-detail-popup .history-detail-subtitle{display:flex;flex-direction:row;justify-content:space-between}.history-detail-popup .history-detail-subtitle{margin-top:5px;opacity:.55;font-size:1.2rem}.history-detail-popup .history-detail-description{font-size:1.3rem;padding-top:10px}.history-detail-popup .history-detail-status{margin-top:5px;font-size:1.5rem}.history-detail-popup .history-detail-row{display:flex;flex-direction:row;justify-content:space-between;padding-bottom:5%;padding-top:5%}.history-detail-popup .history-detail-row .history-detail-type{display:flex;font-size:1.7rem;margin-top:auto;margin-bottom:auto}.history-detail-popup .history-detail-row .history-detail-value{display:flex;font-size:2rem}.history-page{width:100vw}.history-page .balance{display:flex;flex-direction:row;padding:2% 10%;font-size:1.3rem}.history-page .balance .key{margin:auto auto auto 0;display:flex}.history-page .balance .value{display:flex;margin-left:auto;font-size:1.8rem}.history-page .item1{color:var(--theme-medium-gray)}.history-page .item2{color:var(--theme-red)}.container.logs{font-size:1.3rem}.container.logs .content{display:flex;flex-direction:row}.container.logs .content .details-left,.container.logs .content .details-right{display:flex;flex-direction:column;width:50%}.container.logs .content .details-right{justify-content:space-between}.container.logs .content .details-right .tx-id{color:var(--theme-medium-gray);font-size:1.2rem}.container.logs .content .button-container{width:100%;display:flex;flex-direction:row;justify-content:flex-end;margin-bottom:5px}.container.logs .content .status{margin-left:auto;font-size:1.2rem}.warning{color:orange}.success{color:var(--theme-green)}.danger{color:var(--theme-red)}.container.logs .timestamp{color:var(--theme-medium-gray);font-size:1.2rem}.bp3-dialog{background-color:#fff;height:70vh;display:flex;flex-direction:column;margin:4%;padding:4%}.date-range-input .bp3-input-group{flex-shrink:unset;width:40vw}.history-page{margin-top:4px;width:100%}.history-page .tabs{width:100%;background-color:#fff!important;display:flex;flex-direction:row;position:fixed;z-index:999}.history-page .tabs .tab-item{display:flex;justify-content:center;align-items:center;width:100%;height:40px;cursor:pointer}.history-page .tabs .tab-item.active{border-bottom:2px solid var(--theme-medium-gray)}.history-page .limit{margin-top:50px}.history-page .filter{padding:10px 20px;background-color:#ececec;z-index:0}.history-page .filter .date-range-input{margin:auto}.history-page .filter .date-range-input .bp3-control-group{display:flex;justify-content:center;align-items:center;grid-gap:10px;gap:10px}.history-page .filter .date-range-input .bp3-input-group{flex-shrink:unset;width:40vw;z-index:0}.history-page .no-data{width:100%;height:77vh;display:flex;justify-content:center;align-items:center}.history-page .history-list{width:100%;height:77vh;padding:10px;margin-bottom:10px;overflow:auto}.history-page .history-list .history-item{width:100%;padding:20px 15px 10px;margin-bottom:10px;display:flex;flex-direction:column;grid-gap:10px;gap:10px;background-color:#fff;border-radius:8px}.history-page .history-list .history-item .spaced-item{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:5px}.history-page .history-list .history-item .detail-button{width:100%;display:flex;justify-content:center;align-items:center;border-top:1px solid var(--theme-medium-gray);padding-top:5px;color:var(--theme-medium-gray)}.history-page .history-list .history-item .label{padding:7px 15px;border-radius:20px;font-size:12px;color:#fff}.history-page .history-list .history-item .label.success{background-color:var(--theme-medium-gray)}.history-page .history-list .history-item .label.warning{background-color:#fff;color:#cfcf77;border:1px solid #cfcf77}.history-page .history-list .history-item .text{font-size:12px;color:var(--theme-medium-gray)}.history-page .history-list .history-item .bold-text{color:#000;font-size:16px;font-weight:700}body{scroll-behavior:smooth}.homepage-wrapper{width:100%;z-index:9;padding:0 2em 10em}.homepage-wrapper .carding-wrap{width:100%;height:100vh}.homepage-wrapper .carding-wrap a{text-decoration:none}.homepage-wrapper .carding-wrap a strong{color:#000}.homepage-wrapper .user{display:flex;margin:2em 0}.homepage-wrapper .user .user-pict{width:40px;height:40px;margin-right:auto}.homepage-wrapper .user .user-pict img{width:100%;border-radius:50%}.homepage-wrapper .user .bell-icon{margin-top:.5em}.name{margin:3em 0}.name h2{color:#fff}.jumbotron{width:100%;height:23rem;background:#18b8ba;position:absolute;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.card{background-color:#fff;box-shadow:0 2px 6px 1px #ddd;border-radius:12px;margin:1em 0}.card .card-body{padding:2em 1em}.card .card-body h3{margin-bottom:1em}.card .card-body .desc{padding-right:35px}.card .card-body .icon-card{padding-top:15px}.d-flex{display:flex}.justify-between{justify-content:space-between}.text-secondary{color:#959595}h3{margin:0}.home{top:unset!important;height:100%!important;position:relative!important;padding-bottom:5rem;padding-top:0!important}.bp3-icon-notifications{color:#fff}.forbidden-box{text-align:center}.forbidden-box svg{color:#fd4c4c;width:50px;height:50px;margin-top:2em}.forbidden-box p{margin-top:3em}.forbidden-box button{width:100%;border:0;padding:12px;background-color:#58b7ba;color:#fff;margin-top:5em;border-radius:5px}.contact-container{padding:3rem;width:100%}.contact-container .form-container .form-group{margin:2em 0}.contact-container .form-container .form-group label{color:#6a6a6a}.contact-container .form-container .form-group input,.contact-container .form-container .form-group textarea{padding:10px 10px 10px 0;width:100%;border:0;border-bottom:1px solid #ddd;background-color:transparent}.contact-container .form-container .form-group input:focus,.contact-container .form-container .form-group textarea:focus{outline:none}.button-box{margin-top:5em}.btn{width:100%;border:0;padding:1em;border-radius:5px;color:#fff}.btn.btn-success{background-color:#57b7ba}.dashboard-container{display:flex;flex-direction:column;justify-content:space-between;width:100vw;background:#fff}.dashboard-container .dashboard-header{background:#fff;position:fixed;top:0;text-align:center;width:100%;display:flex;justify-content:space-evenly;flex-direction:row;padding:2em 0 1em;z-index:999;box-shadow:0 0 6px 6px #ddd}.dashboard-container .dashboard-header .dashboard-title{margin-top:auto;margin-bottom:auto;font-size:18px;font-weight:700;flex-grow:4}.dashboard-container .dashboard-header .dashboard-reload{display:block;position:fixed;right:15px;margin-top:auto;margin-bottom:auto;flex-grow:1}.dashboard-container .dashboard-body{background:#f7fafc;top:unset;position:relative;height:100%;width:100%;display:flex;overflow-y:scroll;padding:5rem 0}.dashboard-container .dashboard-footer{background:#fff;position:fixed;bottom:0;height:10%;width:100%;display:flex;justify-content:space-evenly;z-index:999}.dashboard-container .dashboard-footer .link{flex-grow:1;display:flex;flex-direction:column;justify-content:space-evenly;font-size:10px}.dashboard-container .dashboard-footer .link svg{font-size:20px}.dashboard-container .dashboard-footer .link.link-selected{background-color:var(--theme-light-gray)}.dashboard-container .dashboard-footer .link.link-selected svg{color:#18b8ba}.dashboard-container .dashboard-footer .link>div{display:flex;flex-direction:column;justify-content:center}.dashboard-container .dashboard-footer .link .nav-icon>span>svg{width:4em}.footer-container-icon{margin:0 auto;text-align:center}iframe#launcher{bottom:50px!important}.loading{z-index:100}.loading,.popup{width:100%;height:100vh;top:0;position:fixed;display:flex;justify-content:center;align-items:center;background-color:#fff}.popup{padding:20px;z-index:9999}.popup .alert-container{display:flex;flex-direction:column;align-items:center}.popup .alert-container .icon{color:var(--theme-green)}.popup .alert-container .title{margin-top:20px;text-align:center;font-size:20px;font-weight:800;color:var(--theme-font-popup-title)}.popup .alert-container .subtitle{text-align:center;font-size:14px;color:var(--theme-font-popup-title)}.popup .alert-container .btn{background-color:var(--theme-green);border:none;border-radius:5px;color:#fff;width:100%;padding:15px;margin-top:80px;text-align:center}.approval{width:100%;position:relative}.approval .tabs{position:fixed;width:100%;padding-top:10px;background-color:#fff;display:flex;flex-direction:row;align-items:center}.approval .tabs button{width:49%;margin:auto;padding:10px;text-align:center;border:none;border-bottom:1px solid #000;outline:none;background-color:#fff}.approval .tabs button.active{background-color:#f2f2f2}.approval .list-view{display:flex;flex-direction:column;grid-gap:10px;gap:10px;padding:55px 10px 10px}.approval .list-view .card-leave{display:flex;width:100%;padding:3px;border:.5px solid grey;border-radius:5px;flex-direction:row;justify-content:space-between;align-items:center}.approval .list-view .card-leave.Approved{border-color:#6f6}.approval .list-view .card-leave.Rejected{border-color:#ff4d4d}.approval .list-view .card-leave .icon-wrapper{padding:0 10px}.approval .list-view .card-leave .icon-wrapper.Approved{color:#0c0}.approval .list-view .card-leave .icon-wrapper.Rejected{color:#f33}.selfie-page{width:100%;height:90vh;position:relative;display:flex;flex-direction:column;align-items:center}.selfie-page .camera-container{width:100%;height:100%;object-fit:cover}.selfie-page .take-picture-btn{position:absolute;bottom:80px;background-image:none;background-color:var(--theme-green);border:none;border-radius:5px;box-shadow:none;color:#fff;width:90%;max-width:400px;padding:20px;text-align:center}.selfie-page .take-picture-btn span{display:flex;justify-content:center;align-items:center;grid-gap:10px;gap:10px}.container{padding:10px 20px}.container .btn-selfie{background-image:none;background-color:var(--theme-green);border:none;border-radius:5px;color:#fff;width:100%;padding:20px;text-align:center}.container .btn-selfie span{display:flex;justify-content:center;align-items:center;grid-gap:10px;gap:10px}.image-capture{width:100%;aspect-ratio:4/3;background-color:#000;object-fit:contain;object-position:center}.form-map{display:flex;flex-direction:column;padding:10px 20px;grid-gap:10px;gap:10px}.form-map label{font-size:14px;color:var(--theme-font-legend)}.form-map textarea{resize:none;padding:10px;border:none;border-radius:3px;background-color:var(--theme-light);font-family:Poppins}.form-map textarea::-webkit-input-placeholder{font-family:FontAwesome,Poppins}.form-map .btn-icon{border-radius:4px;border:1px solid var(--theme-green);background-color:#fff;color:var(--theme-font-button);text-align:center;max-width:-webkit-max-content;max-width:max-content;padding:5px;display:flex;align-items:center;flex-direction:row;grid-gap:5px;gap:5px}@import //netdna.bootstrapcdn.com/font-awesome/3.0/css/font-awesome.css;.clock-in{width:100%;position:relative;margin-bottom:85px}.clock-in .container{padding:10px 20px}.clock-in .reason{width:100%;height:100px;resize:none;padding:10px;border:none;border-radius:3px;background-color:var(--theme-light);font-family:Poppins;margin-bottom:50px}.clock-in .reason::-webkit-input-placeholder{font-family:Poppins}.clock-in .submit-btn{background-image:none;background-color:var(--theme-green);border:none;color:#fff;width:100%;padding:20px;text-align:center}.clock-out{width:100%;position:relative;margin-bottom:85px}.clock-out .container{padding:10px 20px}.clock-out .work-duration{padding:10px 20px;display:flex;flex-direction:column;grid-gap:10px;gap:10px;margin-bottom:50px}.clock-out .work-duration .title{color:var(--theme-font-legend);font-size:14px}.clock-out .work-duration .radio{display:none}.clock-out .work-duration .radio:checked~.card-work-duration{background-color:var(--theme-gray)}.clock-out .work-duration .card-work-duration{display:flex;flex-direction:column;grid-gap:10px;gap:10px;background-color:#fff;border:1px solid var(--theme-border);border-radius:4px;padding:20px}.clock-out .work-duration .card-work-duration .title{display:flex;justify-content:space-between;align-items:center;color:#4e4e4e;font-size:15px;font-weight:800}.clock-out .work-duration .card-work-duration .duration{display:flex;justify-content:space-between;align-items:center;color:#838383;font-size:15px}.clock-out .submit-btn{background-image:none;background-color:var(--theme-green);border:none;color:#fff;width:100%;padding:20px;text-align:center}.home{width:100%;height:90vh}.home,.home .profile-container{display:flex;flex-direction:column;align-items:center}.home .profile-container{grid-gap:5px;gap:5px;margin-top:15px}.home .profile-container img{width:70px;height:70px;background-color:var(--theme-dark-gray);border-radius:100%;object-fit:cover}.home .profile-container .greeting{font-size:20px;font-weight:700;color:var(--theme-font-value)}.home .profile-container .name{margin:0!important;color:var(--theme-font-name);text-transform:capitalize}.home .button-container{width:100%;display:flex;flex-direction:column;grid-gap:10px;gap:10px;padding:20px}.home .button-container .btn{border-radius:3px;background-image:none;background-color:var(--theme-green);border:none;color:#fff;width:100%;box-shadow:0 0 3px #666;padding:20px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.home .button-container .btn .text-section{display:flex;flex-direction:column;grid-gap:5px;gap:5px}.home .button-container .btn .text-section .title{font-size:18px;font-weight:700px}.home .button-container .btn .text-section .desc{font-size:10px;font-weight:300}.home .upcoming-trip{padding:0 20px;display:flex;justify-content:center;align-items:center;width:100%}.home .upcoming-trip .card{border-radius:10px;box-shadow:11px 11px 42px -14px #666;background-color:#fff;padding:20px;flex-direction:column}.home .upcoming-trip .card,.home .upcoming-trip .card .trip-detail{width:100%;display:flex;justify-content:center;align-items:center;grid-gap:20px;gap:20px}.home .upcoming-trip .card .trip-detail{flex-direction:row}.home .upcoming-trip .card .trip-detail .time{text-align:center}.home .upcoming-trip .card .trip-detail .time .top{font-size:28px;color:#4e4e4e}.home .upcoming-trip .card .trip-detail .time .bottom{font-size:10px;color:#b1b1b1}.home .upcoming-trip .card .trip-detail .detail{margin:0;text-align:center}.home .upcoming-trip .card .trip-detail .detail .desc{font-size:10px;color:#838383}.home .upcoming-trip .card .trip-detail .detail .time{font-size:18px;color:#4e4e4e;font-weight:900;margin:5px 0}.home .upcoming-trip .card .trip-detail .detail .from-to{font-size:12px;color:#b1b1b1}.home .upcoming-trip .card .button{width:100%;background-color:var(--theme-green);outline:none;border:none;border-radius:3px;color:#fff;font-size:16px;height:40px}.map-page .leaflet-container{width:100%;height:300px}.map-page .form-container{width:100%;padding:20px}.map-page .form-container textarea{width:100%;height:100px;resize:none;padding:10px;border:none;border-radius:3px;background-color:var(--theme-light);font-family:Poppins}.map-page .form-container textarea::-webkit-input-placeholder{font-family:FontAwesome,Poppins}.map-page .form-container .btn{margin-top:20px;background-image:none;background-color:var(--theme-green);border:none;border-radius:5px;box-shadow:none;color:#fff;width:100%;padding:20px;text-align:center}.outstation{width:100%;position:relative;display:flex;flex-direction:column;grid-gap:10px;gap:10px;padding:10px 20px}.outstation input,.outstation select,.outstation textarea{padding:10px;border:none;border-radius:3px;background-color:var(--theme-light);font-family:Poppins}.outstation textarea{width:100%;height:100px;resize:none}.outstation textarea::-webkit-input-placeholder{font-family:Poppins}.outstation .submit-btn{background-image:none;background-color:var(--theme-green);border:none;color:#fff;width:100%;padding:20px;margin-top:85px;text-align:center}.permit{width:100%;position:relative;display:flex;flex-direction:column;grid-gap:10px;gap:10px;padding:10px 20px}.permit .select{padding:10px;border:none;border-radius:3px;background-color:var(--theme-light);font-family:Poppins;width:100%}.permit .upload-photo input{display:none}.permit .upload-photo .label{font-size:12px;color:var(--theme-font-upload)}.permit .upload-photo .file-box{width:100%;max-width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border:1px solid grey;padding:5px}.permit .upload-photo .file-box .text{font-size:12px;margin:0;color:var(--theme-font-upload);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.permit .upload-photo .file-box .btn{width:100px}.permit textarea{width:100%;height:100px;resize:none;padding:10px;border:none;border-radius:3px;background-color:var(--theme-light);font-family:Poppins}.permit textarea::-webkit-input-placeholder{font-family:Poppins}.permit .submit-btn{background-image:none;background-color:var(--theme-green);border:none;color:#fff;width:100%;padding:20px;margin-top:85px;text-align:center}.scan-qr{width:100%;height:90vh;position:relative;display:flex;flex-direction:column;align-items:center}.scan-qr .camera-container{width:100%;height:100%;object-fit:cover}.choose-page{text-align:center;padding:3rem 2em 10rem}.choose-page .selfi-method{margin-top:2em;width:100%;padding:12px;background-color:#52b5b8;background-image:unset;color:#fff;border:0}.choose-page .selfi-method svg{margin-right:18px}.choose-page h3{margin-bottom:.5em}.choose-page .text-info{color:#52b5b8}.choose-page .text-secondary{color:#a9a9a9}.choose-page .row-custom{display:flex;justify-content:space-between}.choose-page .btn-clock{text-align:left;box-shadow:1px 1px 3px 2px #ddd;padding:10px;margin-top:1em}.choose-page .btn-clock .icon{padding-top:18px}.mb-3{margin-bottom:2em}.shift-request-page{padding:3rem 2em 10rem}.shift-request-page h3{margin-bottom:.5em}.shift-request-page .text-info{color:#52b5b8}.shift-request-page .text-secondary{color:#a9a9a9}.shift-request-page .row-custom{display:flex;justify-content:space-between}.shift-request-page .current-shift{text-align:center}.shift-request-page .list-custom{padding-left:0;list-style:none}.shift-request-page .list-custom li{border-bottom:1px solid #ddd}.shift-request-page .list-custom li:not(:first-child){padding-top:20px}label{margin-bottom:1em}.form-control,input{border:1px solid #ddd!important;margin-top:1em;padding:10px}.btn-info{background-color:#52b5b8;color:#fff}.header,.w-100{width:100%}.header{height:60px;position:fixed;background-color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 -3px 10px #666;z-index:999}.header .title{font-size:18px;color:var(--theme-font-header)}.header .back-button{position:absolute;left:20px}.header .logout-button{position:absolute;right:20px}.white-space{height:60px}.toast{transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;padding:10px;border-radius:10px}.toast.bg-danger{background-color:#f66}.toast.bg-success{background-color:#ff8f66}.toast .d-flex{display:flex;flex-direction:row;justify-content:center;align-items:center;grid-gap:3px;gap:3px;color:#fff}.request-page-confirmation-container{box-shadow:0 3px 4px #ddd;padding-bottom:10px}.arrow-back{bottom:8px}.flex{display:flex}.title-slip p{font-weight:700}.ml-auto,.title-slip small{margin-left:auto}.mt-2{margin-top:1em}.mt-4{margin-top:2em}.pl-1{padding-left:1em!important}.dot{width:15px;height:15px;border-radius:50%;left:15px;position:absolute}.dot.success{background-color:#18b8ba}.payslip-page{padding-bottom:5em}.payslip-page .card-body{padding-left:3rem;position:relative}.badge{padding:6px;border-radius:16px;color:#fff}.badge.badge-success{background-color:#18b8ba}small.line{letter-spacing:5px}a{color:unset}.payslip-detail-page{padding-bottom:15em}.d-none{display:none}.text-center{text-align:center}.btn-danger{background-color:#ff7b91!important}
/*# sourceMappingURL=main.701f3e7f.chunk.css.map */