.top-border-drawer{background:#d8d8d8;border-radius:2px;width:12vw;height:1.5vw;margin-inline:auto;margin-top:.5em}.name-product{font-style:normal;font-weight:700;font-size:16px;line-height:19px;color:#292929;margin-bottom:1em}.type-product{font-weight:700;margin-bottom:.5em}.count-type,.type-product{font-style:normal;font-size:14px;line-height:17px;color:#292929}.count-type{font-weight:400}.info-product-container{padding-inline:19px;padding-top:10px;max-height:75vh;overflow-y:scroll}.container-info{margin-bottom:1.5em}table tr:first-child th:first-child{border-top-left-radius:10px}table tr:first-child th:last-child{border-top-right-radius:10px}.price-discounted{-webkit-text-decoration-line:line-through;text-decoration-line:line-through;color:#3a3a3a!important;opacity:.5}.default-font{font-weight:400!important;color:#3a3a3a!important}.default-font,.discount{font-style:normal;font-size:12px!important;line-height:14px!important;text-align:center}.discount{font-weight:500!important;color:#fc7171!important}.card-product{border-radius:8px}.card-product,.card-product-active{width:100px;height:100px;background:hsla(0,0%,100%,.2);box-shadow:0 1px 12px rgba(105,110,118,.16);display:flex;justify-content:center;flex-direction:column;align-items:center}.card-product-active{border:1.5px solid #406ae0;border-radius:8px;position:relative}.count-category-product{position:absolute;top:-1px;right:-1px;border-radius:0 8px;background:#406ae2;color:#fff;padding:4px}@media only screen and (max-width:300px){.card-label{font-style:normal;font-weight:400;font-size:12px;line-height:14px;text-align:center;margin-top:.5em;color:#292929;word-break:break-word;width:75px}}@media only screen and (min-width:301px){.card-label{font-style:normal;font-weight:400;font-size:12px;line-height:14px;text-align:center;margin-top:.5em;color:#292929;word-break:break-word;width:100px}}.accordion-container{display:flex!important;align-items:center!important}.sku{margin-right:.5em}.label-name{flex-grow:3}.border-bottom{border-top:1px solid #f2f2f2}.info-circle{transform:scale(1.25)}.chips-product{width:-moz-fit-content;width:fit-content;background:#fff;border:1px solid #d2d2d2;border-radius:6px;padding-inline:1.25em}.chips-product,.chips-product-active{height:25px;display:flex;justify-content:center;align-items:center;padding-block:1em}.chips-product-active{width:80px;background:#edf1fc;border:1px solid #406ae2;border-radius:6px;color:#406ae2}.dialog-button{padding:1em 0;display:flex;flex-direction:row;justify-content:space-around}.dialog-button .btn-modal{width:25%;color:#fff;font-weight:700}.dialog-button .btn-modal-fullwidth{width:25%;color:#fff;font-weight:700;width:100%;border-radius:0}.dialog-button .submit-btn,.dialog-button .submit-btn:hover{background-color:#29bb29}.dialog-button .close-btn,.dialog-button .close-btn:hover{background-color:#df4949}.modal-information{display:flex;flex-direction:column}.modal-information .modal-header{display:flex;justify-content:space-between}.modal-information .title-modal{padding:14px}.modal-information .modal-icon{font-size:3em;align-self:center}.modal-information .modal-message{display:flex;flex-direction:column;align-items:center;padding:18px 0}.modal-light-blue .MuiDialog-paper{background-color:#f2f5f8}.search-bar{outline:none;border-radius:8px;border:none;font-size:12px!important}.search-bar .MuiInputBase-input{font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.search-bar .MuiOutlinedInput-root{border-radius:8px}.search-bar.white{background-color:#fff}.search-bar.blue{background-color:#f2f5f8}.search-bar:active,.search-bar:hover{outline:none}.custom-search-btn{padding:2px!important;min-width:54px!important;border-radius:8px!important;background-color:#406ae2!important}.modal-bottom{top:unset!important;left:0!important;width:100%!important;bottom:0!important;height:65vh;outline:none}.modal-bottom .modal-bottom-body{border-top-left-radius:20px;border-top-right-radius:20px}.modal-bottom .modal-bottom-body,.modal-bottom .modal-bottom-body-transaction{position:relative;overflow-y:hidden;padding:0;width:100%;height:100%;background-color:#fff}.modal-bottom.modal-tall{height:80vh}.modal-bottom.modal-short{height:40vh}.modal-bottom.modal-small{height:30vh}.modal-bottom.modal-tiny{height:20vh}.modal-bottom.modal-medium{height:60vh}.modal-bottom.keyboard{height:75vh}.modal-bottom.modal-contact{height:45vh}.modal-bottom.modal-radius{height:53vh}.modal-bottom.modal-detail-request{height:63vh}.modal-bottom-body,.modal-bottom-body-transaction{overflow:hidden}.modal-bottom-body-transaction .modal-bottom-content,.modal-bottom-body .modal-bottom-content{padding:0}.modal-bottom-body-transaction .modal-bottom-title,.modal-bottom-body .modal-bottom-title{margin-top:8px;background-color:#fff}.modal-bottom-body-transaction .modal-bottom-title-content,.modal-bottom-body .modal-bottom-title-content{width:100%;padding-left:19px;padding-right:19px;margin-bottom:12px;font-size:14px;color:#3a3a3a;font-weight:700;display:flex;justify-content:space-between;align-items:center}.modal-center{width:320px!important;height:365px;outline:none;margin:auto}.modal-center .modal-center-body{position:relative;overflow-y:hidden;padding:0;border-radius:10px;width:100%;height:100%;background-color:#fff}.modal-center.modal-tall{height:80vh}.modal-center.modal-short{height:40vh}.modal-center.keyboard{height:75vh}.modal-center-body{overflow:hidden}.modal-center-body .modal-center-content{padding:0 20px 20px}.modal-center-body .modal-center-content .note-scan{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.modal-center-body .modal-center-content .outer-qrcode{text-align:center;padding-top:32px}.modal-center-body .modal-center-content .outer-qrcode img{height:200px}.modal-center-body .modal-center-title{margin-top:24px;background-color:#fff}.modal-center-body .modal-center-title-content{width:100%;padding-left:19px;padding-right:19px;margin-bottom:12px;font-size:14px;color:#3a3a3a;font-weight:700;display:flex;justify-content:space-between;align-items:center}.modal-after-create{margin-top:.65em}.modal-after-create .payment-info{display:flex;width:100%;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);padding:9px 14px 8px 16px}.modal-after-create .payment-info .payment-text{padding-left:18px;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#292929}.modal-after-create .blue-box{margin:16px 0 8px;background-color:#e9efff;padding:14px 15px 15px;border-radius:6px}.modal-after-create .payment-hero{display:flex;flex-direction:column;align-items:center;margin:20px 4px 16px 8px;padding:0 16px;border-bottom:2px dashed #d2d2d2}.modal-after-create .payment-hero .hero-text{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#292929;margin:16px 0 23.5px}.modal-after-create .payment-hero.no-border{border:none}.modal-after-create .payment-detail{padding:0 16px 14px}.modal-after-create .payment-detail .detail-title{font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3b3b3b;margin-bottom:16px}.modal-after-create .payment-detail .detail-info{display:flex;width:100%;justify-content:space-between;margin-bottom:7px}.modal-after-create .payment-detail .detail-info .detail-key,.modal-after-create .payment-detail .detail-info .detail-value{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.modal-after-create .payment-footer{display:flex;flex-direction:column;align-items:center;padding:0 16px}.modal-after-create .payment-footer button{width:100%;border:none;border-radius:8px;margin-bottom:16px;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;height:48px}.modal-after-create .payment-footer .blue-white{color:#fff;background-color:#406ae2}.modal-after-create .payment-footer .white-blue{border:1px solid #406ae2;background-color:#fff;color:#406ae2}.modal-logout{width:100%;position:relative;display:flex;flex-direction:column;align-items:center;height:30vh;padding-top:35px}.modal-logout .modal-footer{width:100%;position:absolute;bottom:20px;display:flex;justify-content:space-around}.modal-logout .modal-footer button{font-weight:600!important;width:100%;margin:0 12px;height:48px;font-size:14px;border-radius:8px}.modal-agent-container{padding:0 16px;height:47vh;overflow-y:auto}.modal-product-tall{height:95vh}.modal-product-transaksi{height:100vh}.modal-product-container{height:77vh;overflow-y:hidden;position:relative}.modal-product-container .product-container{width:100%;height:68vh;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.modal-product-container .product-container::-webkit-scrollbar{display:none}.modal-product-container .filter-category-container{padding:0 17px 8px;width:100vw;overflow-x:auto;display:flex;-ms-overflow-style:none;scrollbar-width:none}.modal-product-container .filter-category-container::-webkit-scrollbar{display:none}.modal-product-container .filter-category-container .category-box{background-color:#fff;margin-right:10px;padding:12px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);border-radius:10px}.modal-product-container .filter-category-container .category-box.active{border:1px solid #406ae2;background-color:#edf1fc;box-shadow:none;color:#406ae2}.modal-product-container .filter-category-container .category-box .label-padding{padding-right:6px}.modal-product-container .filter-category-container .category-box span{font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#3a3a3a}.modal-product-container .filter-category-container .category-box img{width:36px;height:36px}.modal-product-container .filter-category-container .category-all img{width:42px;height:43px;margin-bottom:10px}.modal-product-container .product-card-container{padding:6px 16px 50px;background-color:#f5f6f8}.modal-product-container .catalogue-card-container{padding:6px 16px 50px;background-color:#f5f6f8;min-height:100vh}.modal-product-container button.btn-modal-produk-container{margin:0 16px;box-shadow:0 -4px 23px -15px rgba(0,0,0,.75);border-radius:8px;font-weight:700!important;position:absolute;bottom:0;left:auto;right:auto;width:90%!important}#modal-routing{display:flex;flex-direction:column;justify-items:center;left:0;width:100%;bottom:0;padding:16px;position:fixed;border-radius:10px 10px 0 0;background-color:#fff}#modal-routing #modal-header-routing{display:flex;flex-direction:row;justify-content:space-between;align-items:center}#modal-routing #modal-header-routing #modal-header-routing-label{color:#3a3a3a;font-size:16px;font-style:normal;font-weight:700;line-height:19px}#modal-routing #modal-content-routing{display:flex;flex-direction:column;align-items:center;grid-gap:.75rem;gap:.75rem}#modal-routing #modal-content-routing .card-agents{padding:24px}#modal-routing #modal-content-routing .card-agents .modal-content-routing-card{grid-gap:24px;gap:24px;width:100%;cursor:pointer;display:flex;align-items:center;flex-direction:row;justify-content:space-between}#modal-routing #modal-content-routing .card-agents .modal-content-routing-card .modal-content-routing-card-in{flex:1 1;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;grid-gap:8px;gap:8px}#modal-routing #modal-content-routing .card-agents .modal-content-routing-card .modal-content-routing-card-in .text-label{font-style:normal;font-weight:700;font-size:16px;line-height:19px;color:#3a3a3a}#modal-routing #modal-content-routing .card-agents .modal-content-routing-card .modal-content-routing-card-in .text-description{font-style:normal;font-weight:400;font-size:13px;line-height:19px;color:#3a3a3a}.box-shadow-filter-category{padding-bottom:1px;box-shadow:0 2px 4px rgba(0,0,0,.2);position:relative}.btn-product-transaction{margin:-15px 15px 23px}.btn-product-transaction button{color:#406ae2!important;font-weight:700!important;border-color:#406ae2!important;border-radius:8px!important;padding:4px 0}.btn-product-transaction button svg{width:18px}.btn-product-transaction button span{padding-top:1.7px}.btn-add-product-transaction{margin:-8px 15px 23px}.btn-add-product-transaction svg{width:32px;height:32px}.btn-add-product-transaction input{border:1px solid #ddd;border-radius:8px;font-size:16px;margin:3.7px 6px 0}.btn-modal-order-product{height:120px!important}.btn-modal-order-product button{margin:0 0 18px 20.5px!important}.btn-modal-order-product svg{margin-right:10px}.btn-modal-order-product .btn-left-section span{margin-top:2px}.product-detail-transaction{margin:-24px 16px 0}.product-detail-transaction .img-product{border:1px solid #d8d8d8;padding:10px;border-radius:7px;margin-right:16px}.product-detail-transaction .banner-container-detail span:first-child{font-weight:600}.product-detail-transaction .price-product{margin:3px 0}.product-detail-transaction .m-bottom-total{margin-bottom:95px}.product-detail-transaction .table-info-product{margin-top:20px;border:1px solid #e7e7e7;border-radius:10px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.product-detail-transaction .table-info-product .info-unit{background:#edf1fc;padding:7px 16px;border-top-left-radius:10px;border-bottom-right-radius:10px;width:max-content}.product-detail-transaction .table-info-product .info-price{margin:16px}.product-detail-transaction .table-info-product .show-more-price{border-top:1px dashed #e6e6e6;margin-top:20px}.product-detail-transaction .table-info-product .show-more-price div{margin-top:4.8px;margin-right:3px}.product-detail-transaction .amount-product .MuiOutlinedInput-root{border-radius:8px;width:55px;height:30px;margin-top:1px;margin-right:6px;margin-left:6px}.product-detail-transaction .amount-product .MuiOutlinedInput-root input{text-align:center}.product-detail-transaction .btn-add-product{padding:15px 10px!important}.product-detail-transaction .btn-add-product button{border-radius:12px;font-size:15px;padding:12px;font-weight:600}.custom-dropdown{z-index:1800!important;position:static!important;transform:none!important}.custom-dropdown-btn{text-transform:capitalize!important;padding:0!important;margin-left:-15px!important}.custom-dropdown-btn:hover{background-color:initial!important}@media only screen and (max-width:800px){.custom-dropdown-btn{margin:0!important}}.container-login{background-color:#406ae2;width:100%;height:100vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;position:fixed}.container-login .logo-login{width:248px;height:72px;margin:46px 85px 12px;object-fit:contain}.container-login .body-login{width:312px;margin:28px 0 18px;padding:24px;border-radius:20px;box-shadow:0 4px 10px 0 rgba(0,0,0,.16);background-color:#fff}.container-login .welcome-login{height:24px;margin:0 59px 35px;font-size:20px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#406ae2}.container-login .m-login{margin:0 0 15px!important}.container-login .btn-login{outline:none;border:none;width:264px;height:48px;margin:16px 0 8px!important;padding:15px 112px 16px;object-fit:contain;border-radius:8px;background-color:#406ae2;color:#fff;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;transition:.4s ease-in-out;-webkit-transition:.4s ease-in-out}.container-login .btn-login:active{background-color:#577de4}.container-login .text-secondary{font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#3a3a3a}.container-login .btn-register{outline:none;width:264px;padding:15px 112px 16px;object-fit:contain;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.container-login .btn-register,.container-login .reg-btn{border:1px solid #406ae2;height:48px;margin:8px 0 0!important;border-radius:8px;background-color:#fff;color:#406ae2;font-size:14px;font-weight:700;text-align:center;transition:.4s ease-in-out;-webkit-transition:.4s ease-in-out}.container-login .reg-btn{width:100%}.container-login .textfield-login{margin:8px 0 16px}.snackbar-success .MuiSnackbarContent-root{background-color:#08c685!important}.snackbar-success .MuiSnackbarContent-root,.snackbar-warning .MuiSnackbarContent-root{border-radius:6px!important;font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#fff;justify-content:center}.snackbar-warning .MuiSnackbarContent-root{background-color:#f79831!important}.center-loading{justify-content:center;width:100%;height:100%}.center-loading,.error-message,.error-message-login{display:flex;align-items:center}.error-message-login{justify-content:space-between}.container-login.keyboard{height:800px!important;overflow-y:auto;position:static}.version{color:#fff;font-size:12px}.login-strict-container{margin-inline:1rem}.login-strict-title{font-weight:700;font-size:16px;line-height:24px;color:#292929!important;margin-top:1rem;margin-bottom:.25rem;text-align:center}.login-strict-subtitle{font-weight:400;font-size:14px;line-height:22px;color:#777!important;margin-bottom:1rem;text-align:center}.login-strict-btn-download-apps{background-color:#406ae2!important}.login-strict-btn-download-apps,.login-strict-btn-login-apps{box-shadow:none!important;border-radius:8px!important;height:5vh}.login-strict-btn-login-apps{color:#406ae2!important;text-transform:none!important}.btn-logout{margin-right:-10px!important}.filter-container{max-width:94vw;display:flex;overflow-x:auto;overflow-y:hidden;height:45px;padding-left:22px;margin-bottom:24px;white-space:nowrap}.filter-container::-webkit-scrollbar{display:none}.filter-container{-ms-overflow-style:none;scrollbar-width:none}.filter-container button{margin-right:14px;height:32px;border-radius:6px;border:1px solid #e6e5e5;background-color:#fff;padding:2px 7px;width:210px;font-size:12px;text-transform:capitalize;cursor:pointer}.filter-container button.active{background-color:#e9efff;color:#406ae2;border:1px solid #406ae2}.filter-container button:active{transform:translateY(4px)}.home-list-container{padding:6px 16px;width:100%}.home-list-container .product-info-card{padding-top:12px;padding-left:12px;padding-right:12px;border-radius:8px;box-shadow:0 2px 8px 0 rgba(73,73,73,.16);border:1px solid #e7e7e7;background:#fff}.home-list-container .product-info-card .product-info-header{padding:5px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px dotted #d2d2d2;margin-bottom:7px}.home-list-container .product-info-card .pills{font-size:14px;font-weight:600;height:22px;border-radius:12.5px;color:#fff;padding:3px 9px}.home-list-container .product-info-card .pills-done{background-color:#08c685}.home-list-container .product-info-card .pills-ongoing{background-color:#5580e9}.home-list-container .product-info-card .pills-cancel{background-color:#fc7171}.home-list-container .product-info-card .pills-waiting{background-color:#c1c1c1}.home-list-container .product-info-card .product-info-middle{display:flex;justify-content:space-between;padding:5px;margin-bottom:5px}.home-list-container .product-info-card .product-info-middle .left-section *{margin-bottom:3px}.home-list-container .product-info-card .product-info-middle .right-section{display:flex;flex-direction:column;align-items:flex-end}.home-list-container .product-info-card .product-info-middle .right-section *{margin-bottom:3px}.home-list-container .product-info-card .product-info-bottom{display:flex;flex-direction:column;align-items:flex-start;padding:0 5px;margin-bottom:14px}.home-list-container .product-info-card .product-info-bottom .bottom-info{width:100%;display:flex;justify-content:space-between;align-items:center}.home-list-container .product-info-card .status-bar{width:100%;background-color:#e9efff;padding:8px 12px;margin-top:8px;display:flex;justify-content:space-between}.home-list-container .product-info-card .status-bar img{width:30px;height:30px}.header-order{padding-top:16px;padding-left:22px;padding-right:22px}.header-order .menu-name{font-weight:700;font-size:13px}.header-order .menu-subtitle{padding-top:8px;padding-bottom:20px;font-size:11px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#686868}.header-order .menu-box-information{width:166px;height:78px;margin:20px 0 15px;padding:16px 22px 16px 16px;border-radius:8px;background-color:#f2f5f8}.menu-box-information .information-title{width:100%;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:1.29px;color:#545454;text-transform:uppercase;margin:10px 0 6px}.menu-box-information .information-value{width:100%;height:26px;margin:6px 0 0;font-size:20px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#406ae2}.menu-box-information .information-subValue{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#9e9e9e}.content-create-order{padding-left:22px;padding-right:26px;width:100%;z-index:1}.content-create-order .title-create-order{margin-bottom:15px;width:100%;height:16px;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3b3b3b}.content-create-order .subtitle-create-order{padding-top:3px;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;display:flex;align-items:center}.content-create-order .btn-agent{margin-bottom:22px;text-transform:capitalize;border-radius:8px;background-color:#406ae2;font-size:14px!important;font-weight:700!important;font-stretch:normal!important;font-style:normal!important;line-height:normal!important;letter-spacing:normal!important;color:#fff!important}.content-create-order .custom-textfield{width:100%!important;height:42px!important;margin-bottom:14px!important;padding:0!important;color:#393838!important}.content-create-order .custom-textfield .MuiOutlinedInput-input{padding:0 0 0 13px;height:42px!important;font-size:12px;border-radius:8px}.content-create-order .promo-input-create-order{width:100%;margin-top:8px;height:41px!important;border-radius:8px;background-color:#f2f5f8;margin-bottom:28px;border:none}.content-create-order .promo-input-create-order .MuiInputBase-root{height:41px!important;border:none!important;border-radius:8px}.content-create-order .promo-input-create-order .MuiFilledInput-underline,.content-create-order .promo-input-create-order .MuiFilledInput-underline.Mui-focused:after,.content-create-order .promo-input-create-order .MuiFilledInput-underline.Mui-focused:before{transform:none!important;border:none!important}.content-create-order .promo-input-create-order .MuiInputAdornment-positionStart{margin:0!important}.content-create-order .promo-input-create-order .MuiFilledInput-underline:before{border:none!important;transform:none!important}.content-create-order .promo-input-create-order input{padding-top:10px;padding-bottom:10px;padding-left:5px;font-size:12px;color:#000;font-weight:700}.content-create-order .promo-input-create-order button:not(.btn-danger){background-color:#406ae2!important;text-transform:capitalize;height:24px}.title-and-action{display:flex;justify-content:space-between}.clear-all{margin-bottom:27px;width:100%;height:16px;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:right;color:#406ae2}.address-order{width:100%;height:80px;background-color:#f2f5f8;padding:12px 6px 11px 12px;margin-bottom:22px}.address-order .title-address p{padding-left:8px;font-weight:700;color:#406ae2}.address-order .address-detail,.address-order .title-address p{font-size:12px;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.address-order .address-detail{padding-left:25px;border-radius:8px;font-weight:400;color:#393838}.toggle-group.disabled{border:1px solid #f5f5f5;background-color:#f5f5f5}.toggle-group{width:100%;min-height:53px;border-radius:8px;border:1px solid #bebebe;position:relative;display:inline-flex;padding:0;flex-direction:column;vertical-align:top;margin-bottom:22px}.toggle-group.no-border{border:none!important}.toggle-group.no-margin-bottom{margin-bottom:0!important}.toggle-group .divider{margin:0 16px;height:2px;width:90%;background-color:#bebebe}.toggle-group .label-toggle-group{background-color:#fff;padding-left:3px;padding-right:5px;top:0;left:0;position:absolute;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#393838;transform:translate(14px,-6px);transform-origin:top left;display:block}.toggle-group .content-toggle-group{padding:13px 8vw 9px;display:flex}.toggle-group .content-toggle-group button{outline:none;text-align:center;font-size:12px;width:38vw;height:31px;margin:0 8px;border-radius:8px;border:1px solid #979797;background-color:#fff;color:#393838}.toggle-group .content-toggle-group button:active{outline:none}.toggle-group .content-toggle-group .active-btn{border:1px solid #406ae2;background-color:#dae0f2;color:#406ae2}.custom-toggle-group{height:auto}.special-text-box{display:flex;justify-content:space-between;align-items:center;white-space:none;word-break:break-all;word-wrap:break-word;padding:12px;background-color:#f2f5f8;width:100%;margin-bottom:12px;margin-top:6px;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a;border-left:5px solid #d5e5f5}.product-create-order{margin-bottom:20px;background-color:#f2f5f8;width:100%;padding:30px 19px 25px}.product-create-order .product-create-container{background-color:#fff;width:100%;min-height:0;margin-bottom:12px;box-shadow:0 2px 6px 0 rgba(0,0,0,.16);border-radius:10px;padding:10px}.product-create-order .product-create-container .product-card:not(:last-child){border-bottom:1px solid #707070}.product-create-order .btn-add-product{height:48px;border-radius:8px;background-color:#406ae2!important;text-transform:capitalize;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff}.product-card{display:flex;width:100%;padding:8px}.product-card .product-label{display:flex}.product-card .product-label .product-label-group{display:flex;flex-wrap:wrap}.product-card .product-label .unit-info{background-color:#406ae2}.product-card .product-label .unit-info,.product-card .product-label .unit-lifestyle{margin-right:10px;padding:3px 8px 5px;border-radius:4px;font-size:12px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff}.product-card .product-label .unit-lifestyle{background-color:#fcbf2f}.product-card .product-card-info{padding-left:8px;display:flex;flex-direction:column;width:100%;grid-gap:6px;gap:6px}.product-card .product-card-info-head{height:22px;display:flex;justify-content:space-between;width:100%}.product-card .product-card-info-footer{display:flex;justify-content:space-between;width:100%;margin-top:7px}.product-card .product-card-info-footer .qty-input{text-align:center;width:35px;padding:2px 6px;margin-left:5px;margin-right:5px;border-radius:12px;outline:none;border:1px solid grey}.product-card .product-card-info-footer .footer-left .quantity-info{padding-top:5px}.product-card .product-card-info-footer .footer-right{display:flex;flex-direction:column;align-items:flex-end}.product-card .product-card-info-footer .footer-right *{padding-bottom:4px}.bottom-bar-order{display:flex;width:100%;justify-content:space-between;padding:0 22px}.bottom-bar-order .total-order{min-width:30vw;text-align:left}.bottom-bar-order .total-order>p{font-size:12px;font-weight:400;margin-bottom:3px}.bottom-bar-order .total-order>p,.bottom-bar-order .total-order span{font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#393838}.bottom-bar-order .total-order span{font-size:14px;font-weight:700}.bottom-bar-order .btn-create-order{border-radius:8px;color:#fff!important;background-color:#bbb!important}.bottom-bar-order .btn-create-order,.bottom-bar-order .btn-outlined{width:100%!important;height:40px;font-size:14px!important;font-weight:700!important;font-stretch:normal!important;font-style:normal!important;line-height:normal!important;letter-spacing:normal!important;text-transform:capitalize!important}.bottom-bar-order .btn-outlined{border:1px solid #5580e9;border-radius:8px;background-color:#fff!important;text-align:center;color:#5580e9}.bottom-bar-order .btn-primary{background-color:#406ae2!important}.invoice-bill{padding-top:8px;width:100%;border-bottom:2px dashed #d3cccc}.invoice-bill .invoice-item{width:100%;display:flex;justify-content:space-between;font-size:12px;color:#393838;padding-bottom:8px}.input-create-order{width:100%;display:flex!important;align-items:center;justify-content:space-between;padding-left:19px;padding-right:10px;padding-top:18px}.input-create-order .title-input-create-order{font-weight:700;color:#3a3a3a}.input-create-order .subtitle-input-create-order,.input-create-order .title-input-create-order{width:61vw;padding-left:12px;padding-right:5px;font-size:12px;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.input-create-order .subtitle-input-create-order{display:inline-block;font-weight:400;color:#949494;white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis}.custom-input-order{padding-top:20px;padding-bottom:18px}.delivery-terms{list-style:none;max-height:47vh;overflow-y:auto}.delivery-terms li{font-size:13px;color:#3a3a3a;line-height:1.43;padding-left:12px;padding-bottom:12px}.delivery-terms li:before{font-size:1.5em;content:"\2022";color:#406ae2;font-weight:700;display:inline-block;width:.5em;margin-left:-.5em}.card-agent-info{display:flex;align-items:stretch;padding-left:7px;background:#fff;border-radius:8px}.card-agent-info.card-pelanggan-info{display:flex;align-items:stretch;padding-left:.5em}.card-agents-list-pelanggan{margin:8px 0;border-radius:10px;background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.1);border:1px solid #e7e7e7;display:flex;position:relative;flex-direction:column}.card-agents-list-pelanggan.card-pelanggan{margin-block:1em!important;padding-top:.25em}.card-agents-list-pelanggan.m-bottom{margin:12px 0 20px}.card-agents-list-pelanggan .agent-information{padding-left:7px;flex-grow:1;margin-block:10px}.card-agents-list-pelanggan .commission-information{background-position:50%;background-size:cover!important;background-repeat:no-repeat!important;width:100%;border-bottom-left-radius:10px;border-bottom-right-radius:10px;font-size:12px;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff;display:flex;justify-content:space-around;padding:10px 16px}.card-agents-list-pelanggan .agent-action{display:flex;flex-direction:column;flex-shrink:0;margin-top:10px}.card-agents-list-pelanggan .agent-action .agent-phone{display:flex;flex-grow:1;padding-bottom:6px}.card-agents-list-pelanggan .agent-action .agent-phone .phone,.card-agents-list-pelanggan .agent-action .agent-phone .wa{padding:0 6px}.card-agents-list-pelanggan .agent-action .agent-transaction-btn,.card-agents-list-pelanggan .agent-action .agent-transaction-btn-testing{padding:5px;background-color:#fff;border:1px solid rgba(85,128,233,.2);font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#406ae2;border-top-left-radius:10px}.card-agents-list-pelanggan .agent-action .agent-transaction-btn-testing{border-bottom-right-radius:8px}.card-agents{margin:8px 0;border-radius:10px;background-color:#fff;box-shadow:0 2px 6px 0 rgba(0,0,0,.1);border:1px solid #e7e7e7;display:flex;position:relative;padding:10px 7px;align-items:flex-start}.card-agents.m-bottom{margin:12px 0 20px}.card-agents .agent-information{padding-left:7px}.card-agents .agent-information>*{padding-bottom:2px}.card-agents .commission-information{background-position:50%;background-size:cover!important;background-repeat:no-repeat!important;width:100%;border-bottom-left-radius:10px;border-bottom-right-radius:10px;font-size:12px;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff;display:flex;justify-content:space-around;padding:10px 16px}.card-agents .agent-action{display:flex;flex-direction:column;flex-shrink:0;margin-top:10px}.card-agents .agent-action .agent-phone{display:flex;flex-grow:1;padding-bottom:6px}.card-agents .agent-action .agent-phone .phone,.card-agents .agent-action .agent-phone .wa{padding:0 6px}.card-agents .agent-action .agent-transaction button{padding:5px;background-color:#fff;border:1px solid rgba(85,128,233,.2);font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#406ae2;border-top-left-radius:10px}.card-address{height:54vh;position:relative}.card-address .card-address-body{height:45vh;padding:8px 15px;overflow-y:auto}.card-address .card-address-content{margin-bottom:14px;padding:12px;width:100;border-radius:10px;border:1px solid #e7e7e7;box-shadow:0 2px 8px 0 rgba(73,73,73,.16)}.card-address .card-address-footer{position:absolute;bottom:0;width:100%;padding:8px 15px 3px;margin-top:3px}.card-address .card-address-footer button{border-radius:8px;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;height:48px;background-color:#406ae2}.card-delivery-time{height:70vh;position:relative;overflow:hidden;padding:0 16px}.card-delivery-time .card-delivery-time-header{background-color:#e9efff;padding:16px;border-radius:10px;font-size:12px;color:#3a3a3a;text-align:center;display:flex;flex-direction:column;align-items:center}.card-delivery-time .card-delivery-time-header p{padding-bottom:6px}.card-delivery-time .card-delivery-time-body{margin-top:5px;margin-bottom:5px;max-height:calc(60vh - 140px);overflow-y:auto}.card-delivery-time .card-delivery-time-body .card-delivery-time-content{border-bottom:1px solid #e9efff;display:flex;justify-content:space-between;align-items:center}.card-delivery-time .card-delivery-time-footer{padding:16px 16px 0;width:100%;position:absolute;bottom:0;left:0}.card-delivery-time .card-delivery-time-footer button{height:48px;border-radius:8px;font-size:14px;font-weight:700;background-color:#406ae2}.modal-promo-container{height:75vh;overflow-y:auto}.card-promo{padding:0 15px 10px}.card-promo .btn-group{max-width:100%;overflow-x:auto}.card-promo .btn-group button{border:1px solid #e6e5e5;margin-right:8px;padding:7px 16px 9px;border-radius:4px;background-color:#fff;font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#3a3a3a;opacity:.5}.card-promo .btn-group button.active{opacity:1;border:1px solid #406ae2;color:#406ae2}.card-promo .promo-container{position:relative;border-radius:10px;background-color:#fff;padding:12px 24px;box-shadow:0 2px 8px 0 rgba(0,0,0,.1607843137254902)}.card-promo .promo-container .left-round,.card-promo .promo-container .right-round{position:absolute;width:100px;height:100px;background-color:#e9efff}.card-promo .promo-container .left-round{left:0;clip-path:circle(20% at 0 46%)}.card-promo .promo-container .right-round{right:0;clip-path:circle(20% at 100% 46%)}.card-promo .promo-container .promo-header{display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px dashed #bebebe}.card-promo .promo-container .promo-btn-use{border:none;padding:7px 12px 8px;border-radius:8px;background-color:#406ae2;font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#fff}.card-promo .promo-container .promo-btn-free{background-color:#fc7171!important}.card-promo .promo-container.disabled{background-color:#f4f4f4}.card-promo .promo-container.disabled .promo-body,.card-promo .promo-container.disabled .promo-header>:not(.link){opacity:.5}.card-promo .promo-container.disabled button{background-color:#707070}.card-products{margin-top:7px;width:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px 0 rgba(0,0,0,.16);border:1px solid #e7e7e7;display:flex;flex-direction:column}.card-products .card-header{padding:6px 0;display:flex;align-items:flex-start;border-bottom:2px dashed #d2d2d2}.card-products .card-header .card-header-info{width:65vw;padding-left:9px}.card-products .card-header .card-header-info>p{white-space:normal;word-break:break-all;margin-bottom:4px;color:#242424}.card-products .card-header .price-and-commission{display:flex;justify-content:space-between;font-size:12px;padding-top:4px}.card-products .card-header .price-and-commission .price-product{color:#406ae2}.card-products .card-header .price-and-commission .price-product.line-through{text-decoration:line-through;color:#000;font-style:italic}.card-products .card-header .price-and-commission .commission-product{color:#09d38e}.card-products .card-header-produk{padding:6px 10px;display:flex;align-items:flex-start;border-bottom:1px solid #d2d2d2}.card-products .card-header-produk .card-header-info{width:72vw;padding-left:9px}.card-products .card-header-produk .card-header-info>p{white-space:normal;word-break:break-all;margin-bottom:4px;color:#242424}.card-products .card-header-produk .product-img-disabled{width:55px;padding:.5px 3px 1.5px 5px;opacity:.6;border-radius:4px;font-size:9px;font-weight:600;text-align:center;color:#fff;background-color:#000;margin-top:-35px;margin-bottom:20px;margin-right:-5px}.card-products .card-header-produk .price-and-commission{display:flex;justify-content:space-between;font-size:12px;padding-top:4px}.card-products .card-header-produk .price-and-commission .price-product{color:#406ae2}.card-products .card-header-produk .price-and-commission .price-product.line-through{text-decoration:line-through;color:#000;font-style:italic}.card-products .card-header-produk .price-and-commission .commission-product{color:#09d38e}.card-products .card-body{padding:6px 0 6px 6px;display:flex;flex-direction:column}.card-products .card-body .units-product{margin-bottom:9px}.card-products .card-body .row__price_tiering{display:flex;flex-direction:column;min-height:45px;justify-content:space-between;align-items:center}.card-products .card-body .btn-units{margin-top:5px;margin-right:5px;height:25px!important;border-radius:8px;font-size:13px!important;text-transform:capitalize;border:1px solid #406ae2;color:#406ae2;font-weight:700}.card-products .card-body .satuan-units{margin-top:8px;margin-right:5px;height:25px!important;font-size:14px;font-weight:500;text-transform:capitalize;color:#3a3a3a}.card-products .card-body .harga-units{margin-top:8px;margin-right:5px;height:25px!important;font-size:14px;font-weight:700;text-align:right;color:#242424}.card-products .card-body .btn-units.active{background-color:#e9efff;color:#406ae2}.card-products .extra-information{display:flex;justify-content:space-between;margin-bottom:4px;margin-top:8px}.card-products .quantity-info{min-width:104px;margin-top:4px}.card-products .qty-input{text-align:center;width:35px;padding:2px 6px;margin-left:5px;margin-right:5px;border-radius:12px;outline:none;border:1px solid grey}.card-products .right-info{display:flex;flex-direction:column;align-items:flex-end;padding-right:7px}.card-products .right-info *{margin-bottom:3px}.btn-modal-produk-tray{background-color:#fff;height:138px;width:100vw;position:fixed;bottom:0;border-radius:0;box-shadow:0 -4px 23px -15px rgba(0,0,0,.75)}.btn-modal-produk-tray .btn-modal-produk-small{display:flex;justify-content:center;margin:9px auto 0}.btn-modal-produk-tray .btn-modal-produk-container{background-color:#406ae2!important;border-radius:10px;line-height:normal!important;height:60px}.btn-modal-produk-tray .btn-modal-produk-container:disabled{background-color:#afadad!important;color:#fff!important}.btn-modal-produk-tray .btn-modal-produk-container:disabled .btn-right-section span:nth-child(2){color:#fff!important}.btn-modal-produk-tray .btn-modal-produk-container .btn-modal-produk{font-size:14px;font-weight:700;display:flex;width:100%;justify-content:space-between;align-items:center}.btn-modal-produk-tray .btn-modal-produk-container .btn-modal-produk .btn-right-section{display:flex;flex-direction:column;align-items:flex-end}.btn-modal-produk-tray .btn-modal-produk-container .btn-modal-produk .btn-right-section *{margin:0!important;padding:0!important;font-weight:700}.btn-modal-produk-tray .btn-modal-produk-container .btn-modal-produk .btn-right-section span:nth-child(2){color:#09d38e}.btn-modal-produk-tray .btn-modal-produk-container .btn-modal-produk .btn-left-section{display:flex;align-items:center}.btn-detail-order{width:100%!important;border-radius:10px!important;background-color:#406ae2!important;margin:16px!important;height:48px!important;text-transform:capitalize!important}.detail-order .divider{width:100%;height:8px;margin:16px 0 0;background-color:#e9efff}.detail-order .invoice-order{width:100%;display:flex;justify-content:space-between;align-items:center}.detail-order .invoice-order .left{display:flex;color:#3a3a3a}.detail-order .invoice-order .left,.detail-order .invoice-order .right a{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.detail-order .invoice-order .right a{text-decoration:none;text-align:right;color:#406ae2}.detail-order-container{padding:16px 16px 0}.detail-order-container .detail-section{display:flex;margin-bottom:12px}.detail-order-container .detail-section .left-section{padding-right:8px}.detail-order-container .detail-section .right-section{width:100%}.detail-order-container .bold{font-weight:700}.detail-order-container .semi-bold{font-weight:500}.detail-order-container .black{color:#2a2a2a}.detail-order-container .gray{color:#989898}.detail-order-container .font-large{font-size:16px}.detail-order-container .font-large,.detail-order-container .font-medium{font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.detail-order-container .font-medium{font-size:14px}.detail-order-container .title-order{font-size:16px;font-weight:700;color:#3a3a3a;margin:0 37px 16px 0}.detail-order-container .pills,.detail-order-container .title-order{font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.detail-order-container .pills{max-width:160px;height:33px;margin:21px 14px 16px 0;padding:7px 15px 9px 16px;font-size:14px;font-weight:600;border-radius:16.5px;text-align:center;color:#fff}.detail-order-container .pills-blue{background-color:#5580e9}.detail-order-container .pills-success{background-color:#2fca94}.detail-order-container .pills-cancel{background-color:#ff4a4a}.detail-order-container .pills-waiting{background-color:#c1c1c1}.detail-order-container .status-list{width:100%;border-radius:10px;border:1px solid #d2d2d2;padding:15px 0 15px 13px}.detail-order-container .detail-status-bar{display:flex;flex-direction:column}.detail-order-container .detail-status-bar img{width:20px;height:20px}.detail-order-container .detail-status-bar img.disable{width:17px;height:17px;margin-left:2px}.detail-order-container .detail-status-bar .vertical-line{margin-top:-12px;height:18px;margin-left:9px;width:2px;background-color:#a5a5a5}.detail-order-container .detail-status-bar .vertical-line.active{background-color:#406ae2}.detail-order-container .detail-status-bar .progress-status{display:flex;margin:0}.detail-order-container .detail-status-bar .progress-status .progress-info{margin-left:6px;display:flex;flex-direction:column}.detail-order-container .detail-status-bar .progress-status .progress-info p{font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.detail-order-container .detail-status-bar .progress-status .progress-info span{opacity:.6;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.detail-order-container .detail-status-bar .progress-status .progress-info.disabled{opacity:.5;font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.detail-order-container .detail-status-img{display:flex}.detail-order-container .detail-status-img img{width:36px;height:36px}.detail-order-container .detail-status-img .horizontal-line{width:18px;margin-top:18px;height:3px;background-color:#a5a5a5}.detail-order-container .detail-status-img .horizontal-line.active{background-color:#406ae2}.detail-order-container .detail-address{padding:16px;border-radius:10px;border:1px solid #d2d2d2;background-color:#fff}.detail-order-container .detail-address .title-address{font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.detail-order-container .detail-address .address{margin:14px 0 0;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#242424}.detail-order-container .payment-info{width:100%;display:flex;justify-content:space-between;margin:0 0 12px}.detail-order-container .payment-info .key,.detail-order-container .payment-info .value{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.detail-order-container .payment-info .value{text-align:right}.detail-order-container .payment-info .value.green{color:#09d38e}.detail-order-container .border-dashed{width:100%;height:1px;margin-bottom:8px;border:1px dashed #d2d2d2}.detail-order-container .detail-product-section{border-radius:10px;border:1px solid #d2d2d2;background-color:#fff;padding:10px 16px 16px 10px}.detail-product-section .product-container{display:flex;padding-bottom:12px}.detail-product-section .product-container.b-bottom{border-bottom:1px solid #707070}.detail-product-section .left-part .detail-label-group{margin:15px 0}.detail-product-section .right-part{padding-left:9px}.detail-product-section .top-part{display:flex;justify-content:space-between;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.detail-product-section .top-part p{padding:2px 3px}.detail-product-section .middle-part{opacity:.5;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a;padding:1px 0;margin:4px 0}.detail-product-section .bottom-part .price-info{padding-bottom:5px;display:flex;justify-content:space-between}.detail-product-section .bottom-part .key,.detail-product-section .bottom-part .value{font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.detail-product-section .bottom-part .value{text-align:right}.detail-product-section .bottom-part .value.green{color:#09d38e}.detail-product-section .notes-box{padding:16px 0 16px 16px;border-radius:8px;background-color:#e9efff}.detail-product-section .notes-box .title{font-weight:700;padding-bottom:8px}.detail-product-section .notes-box .title,.detail-product-section .notes-box span{font-size:14px;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.cod-terms,.detail-product-section .notes-box span{font-weight:400}.cod-terms{font-size:14px;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;color:#3a3a3a;padding-left:10px}.cod-terms li{padding-bottom:20px}.detail-misi-section{padding:20px 0}.detail-misi-section .detail-product-misi{padding:0 16px}.detail-misi-section .detail-product-misi .group-card{margin:20px 0;display:flex;justify-content:space-between}.detail-misi-section .detail-product-misi .group-card .cont-card{border-radius:6px;border:1px solid #eaeaea;padding:10px;display:flex;width:45%}.detail-misi-section .detail-product-misi .group-card .cont-card .icon{width:30px}.detail-misi-section .detail-product-misi .group-card .cont-card .title-card{opacity:.65;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a;margin-bottom:3px}.detail-misi-section .detail-product-misi .group-card .cont-card .date-card{font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.detail-misi-section .detail-product-misi .group-card .cont-card .nominal-card{font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#09d38e}.detail-misi-section .detail-product-misi .progress-section,.detail-misi-section .detail-product-misi .progress-section .information-progress{margin-top:10px}.detail-misi-section .detail-product-misi .progress-section .group-status{justify-content:flex-end;font-size:14px}.detail-misi-section .detail-product-misi .progress-section .group-status .first-letter{color:#898989}.detail-misi-section .detail-product-misi .progress-section .group-status .second-letter{color:#406ae2;font-weight:700}.detail-misi-section .detail-product-misi .progress-section .group-status .third-letter{color:#3a3a3a}.detail-misi-section .detail-product-misi .product-title{font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#2a2a2a}.detail-misi-section .detail-product-misi .label-section{margin-bottom:12px;display:flex}.detail-misi-section .detail-product-misi .label-section .unit-info{margin-right:10px;padding:3px 8px 5px;border-radius:4px;background-color:#406ae2;font-size:12px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff}.detail-misi-section .image-section{text-align:center}.detail-misi-section .image-section img{height:150px}.detail-misi-section .group-section{margin-bottom:18px}.detail-misi-section .group-section .title-section{display:flex;justify-content:space-between;align-items:flex-end;padding:10px 16px}.detail-misi-section .group-section .title-section .main-title{font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#2a2a2a}.detail-misi-section .group-section .subtitle-section{display:block;opacity:.5;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#2a2a2a;padding:0 16px}.detail-misi-section .btn-add-product{margin-top:20px;height:48px;border-radius:8px;background-color:#406ae2!important;text-transform:capitalize;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff}.modal-contact.detail-order{position:relative;height:35vh;padding:16px}.modal-contact.detail-order .contact-info{display:flex;margin-bottom:12px}.modal-contact.detail-order .contact-info .contact-days,.modal-contact.detail-order .contact-info .contact-hours{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;color:#3a3a3a}.modal-contact.detail-order .contact-info .contact-hours{margin-left:20px}.modal-contact.detail-order .input-phone{display:flex;justify-content:space-between;align-items:center;padding:0 8px;height:48px;border-radius:8px;background-color:#e9efff}.modal-contact.detail-order .input-phone .input-value{display:flex;align-items:center;font-size:14px;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.modal-contact.detail-order .input-phone .phone-number{font-weight:700;padding-left:4px}.modal-contact.detail-order .modal-footer{width:100%;display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:0;left:0;padding:0 16px 12px}.modal-contact.detail-order .modal-footer .btn-modal{display:flex;align-items:center;justify-content:center;height:48px;border-radius:8px;padding:12px 0;width:50%;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.modal-contact.detail-order .modal-footer .btn-phone{margin-right:5px;border:1px solid #406ae2;background-color:#fff;color:#406ae2}.modal-contact.detail-order .modal-footer .btn-wa{margin-left:5px;border:none;background-color:#5ac245;color:#fff}.detail-promo-container{padding:16px;min-height:85vh;max-height:100vh;overflow-y:auto}.detail-promo-container .input-phone{display:flex;justify-content:space-between;align-items:center;padding:0 8px;height:48px;border-radius:8px;background-color:#e9efff}.detail-promo-container .input-phone .input-value{display:flex;align-items:center;font-size:14px;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.detail-promo-container .input-phone .phone-number{font-weight:700;padding-left:4px}.detail-promo-container .detail-promo-description-body{padding-block:16px}.detail-promo-container .detail-promo-description-body .black{color:#3a3a3a}.detail-promo-container .detail-promo-description.border{border-bottom:1px solid rgba(36,36,36,.1)}.nota-container{margin:auto;font-size:10px;min-height:85vh}.nota-container .nota-body .products-info table tbody tr td{padding:5px 8px!important}.nota-container .nota-body .products-info table tbody tr td .quantityBeforeShow{text-decoration:line-through;display:inline-block;width:10px}.nota-container .nota-body .products-info table tbody tr td .quantityAfterShow{margin-left:100px;width:10px;display:inline-block;text-align:center}@media print{.nota-container{font-size:16px!important}.nota-container .nota-header{margin-bottom:35px!important}.nota-container .nota-header img{width:100px!important}.nota-container .nota-body .customer-info{margin-bottom:35px!important;font-size:14px!important}.nota-container .nota-body .products-info{font-size:14px!important}.nota-container .nota-body .products-info table thead tr td{padding:3px 8px!important}.nota-container .nota-body .products-info table tbody tr td{padding:5px 8px!important}.nota-container .nota-body .products-info table tbody tr td .quantityBeforeShow{text-decoration:line-through;display:inline-block;width:10px}.nota-container .nota-body .products-info table tbody tr td .quantityAfterShow{margin-left:100px;width:10px;display:inline-block;text-align:center}.nota-container .nota-body .summary{font-size:14px!important}.nota-container .nota-body .summary table tr td.summary-total-price{width:150px!important}.nota-container .nota-body .footer-note{font-size:14px!important}.nota-container .nota-body .detail-payment{font-size:12px!important}.nota-container .nota-body .company-information{font-size:14px!important}.nota-container .nota-body .company-information .company-information-detail{min-width:350px!important}}.nota-container .nota-header{display:flex;justify-content:space-between;margin:20px 20px 25px}.nota-container .nota-header img{width:70px}.nota-container .nota-body{margin:0 20px 20px}.nota-container .nota-body .customer-info{display:flex;justify-content:space-between;font-size:7px;margin-bottom:25px!important}.nota-container .nota-body .customer-info .customer-info-buyer,.nota-container .nota-body .customer-info .customer-info-seller{width:50%}.nota-container .nota-body .products-info{font-size:7px}.nota-container .nota-body .products-info table{width:100%;border-collapse:collapse}.nota-container .nota-body .products-info table thead tr td{border:2px solid #000;padding:2px 6px;font-weight:700}.nota-container .nota-body .products-info table tbody tr td{border-bottom:1px solid #000;padding:2px 6px}.nota-container .nota-body .summary{margin:10px 0;font-size:7px;width:100%}.nota-container .nota-body .summary .summary-detail-payment{width:100%}.nota-container .nota-body .summary .summary-detail-payment tr{display:flex;align-items:center}.nota-container .nota-body .summary .summary-detail-payment tr td:nth-child(2){flex-grow:1}.nota-container .nota-body .summary table{margin-left:auto}.nota-container .nota-body .summary table tr td:first-child{font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:700;padding-right:30px}.nota-container .nota-body .summary table tr td:last-child{border:2px solid #000;font-weight:400;padding:3px 5px;text-align:right}.nota-container .nota-body .summary table tr td.summary-total-price{width:100px}.nota-container .nota-body .detail-payment{font-size:7px}.nota-container .nota-body .detail-payment hr{border-top:2px solid #000}.nota-container .nota-body .detail-payment p{margin:5px 0}.nota-container .nota-body .footer-note{font-size:7px}.nota-container .nota-body .company-information{border:1px solid #ccc4c4;border-radius:10px;display:flex;justify-content:center;line-height:.8;font-size:7px}.nota-container .nota-body .company-information .company-information-detail{padding:10px;min-width:150px;text-align:center}.nota-container .nota-body .company-information .company-information-detail .title{margin-bottom:10px}.nota-container .nota-body .company-information .company-information-detail .email-and-phone{display:flex;justify-content:space-around;grid-gap:15px;gap:15px}.modal-ketentuan{padding:16px}.modal-filter{height:55vh;position:relative;padding:0 16px}.modal-filter .modal-filter-body{margin-top:5px;margin-bottom:5px;height:80%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none}.modal-filter .modal-filter-body::-webkit-scrollbar{display:none}.modal-filter .modal-filter-body .modal-filter-content{padding:12px 0;border-bottom:1px solid #e9efff;display:flex;justify-content:space-between;align-items:center}.modal-filter .modal-filter-footer{padding:16px 16px 0;margin-bottom:5px;width:100%;position:absolute;bottom:0;left:0}.modal-filter .modal-filter-footer button{height:48px;border-radius:8px;font-size:14px;font-weight:700;background-color:#406ae2}.modal-share{height:200px}.MuiIconButton-edgeStart{z-index:10}.modal-produk-detail{display:flex;flex-direction:column;position:relative;height:84vh;padding-top:30px;overflow-y:auto}.modal-produk-detail .banner-container-detail{margin-top:-40px}.modal-produk-detail .banner-container-detail .react-swipeable-view-container{text-align:center}.modal-produk-detail .banner-container-detail .MuiMobileStepper-dots{margin:0 auto}.modal-produk-detail .banner-container-detail img{width:150px;height:150px;margin:0 auto}.modal-produk-detail .modal-product-detail__info{padding:0 16px 16px;display:flex;align-items:flex-start}.modal-produk-detail .form-divider{width:100%;margin-top:20px;padding:0;border-bottom:2px dotted #d2d2d2}.modal-produk-detail .modal-product-detail__info-aset{margin-right:12px}.modal-produk-detail .modal-product-detail__diskon{display:flex;flex-direction:column;width:88px;height:21px;margin:8px 16px;padding:2px 8px;border-radius:6px;background-color:#fc7171}.modal-produk-detail .modal-product-detail__diskon .info-product__title{font-size:14px;color:#242424;margin-bottom:16px;color:#fff}.modal-produk-detail .modal-product-detail__info-product{display:flex;flex-direction:column}.modal-produk-detail .modal-product-detail__info-product .info-product__title{font-size:14px;color:#242424;margin-bottom:8px}.modal-produk-detail .modal-product-detail__info-product .info-product__text--bold{margin-top:12px;font-size:16px;font-weight:700;text-align:left;color:#242424}.modal-produk-detail .modal-product-detail__info-product .info-product__text--satuan{font-size:14px;text-align:left;color:#242424}.modal-produk-detail .modal-product-detail__info-product .info-product__btn-list{display:flex;margin:12px 0}.modal-produk-detail .modal-product-detail__info-product .btn-list__unit{text-transform:capitalize;padding:8px 16px;margin-right:8px;border-radius:15px;border:1px solid #e6e5e5;background-color:#fff;font-size:12px;font-weight:500;text-align:center;color:#3a3a3a}.modal-produk-detail .modal-product-detail__info-product .btn-list__unit.active{border:1px solid #406ae2;background-color:#e9efff;font-weight:600;color:#406ae2}.modal-produk-detail .modal-product-detail__info-product .info-product__price{font-size:12px;color:#292929}.modal-produk-detail .modal-product-detail__info-product .info-product__price .text-bold{font-size:14px;font-weight:700}.modal-produk-detail .modal-product-detail__input-container{display:flex;flex-direction:column;padding:0 16px 138px}.modal-produk-detail .modal-product-detail__input-container .input-container__title{font-size:16px;font-weight:700;color:#3a3a3a;margin-bottom:22px}.modal-produk-detail .modal-product-detail__input-container .info-product__price{font-size:12px;color:#292929;margin-bottom:16px}.modal-produk-detail .modal-product-detail__input-container .info-product__info{font-size:14px;text-align:center;color:#406ae2;margin-bottom:8px}.modal-produk-detail .modal-product-detail__input-container .input-container__price{margin-bottom:10px}.modal-produk-detail .modal-product-detail__input-container .input-container__quantity{display:flex;align-items:center}.modal-produk-detail .modal-product-detail__input-container .input-container__quantity-field{height:36px;width:20%;margin:0 8px}.modal-produk-detail .modal-product-detail__input-container .input-container__quantity-field input[type=number]{text-align:center;font-weight:700}.modal-produk-detail .modal-product-detail__input-container .MuiOutlinedInput-root{border-radius:8px;font-size:14px!important}.modal-produk-detail .btn-modal-modal-produk{margin:0 16px;width:90%;font-size:16px;font-weight:700;text-align:center;color:#fff;border-radius:8px;background-color:#406ae2}.modal-produk-detail .btn-modal-modal-produk.remove{background-color:#fc7171}.product__cart{padding:8px 16px 16px;border-bottom:1px solid hsla(0,0%,43.9%,.2)}.product__cart .product__cart_asset img{width:64px;height:64px}.product__cart .product__cart_detail{margin-left:8px;width:100%}.product__cart .product__cart_detail_unit{padding:3px 8px 5px;border-radius:4px;background-color:#406ae2;font-size:12px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#fff}.product__cart .product__cart_detail_title{text-align:left;color:#242424}.product__cart .product__cart_detail_price,.product__cart .product__cart_detail_title{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.product__cart .product__cart_detail_price{margin-top:8px;color:rgba(36,36,36,.5)}.product__cart .text-blue{color:#406ae2}.product__cart .product__cart_detail_footer{margin-top:8px}.product__cart .product__cart_detail_footer_left .product__cart_detail_footer_input input[type]{width:40px;height:24px;flex-grow:0;margin:8px 8px 1px;padding:4px 6px 6px;border-radius:8px;border:1px solid #c8c8c8;outline:none;text-align:center}.product__cart_detail_icon_discount{margin-left:6px;margin-right:6px;padding:3px 4px 4px;border-radius:6px;background-color:#fc7171;font-size:12px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:right;color:#fff}.titlePoin{font-weight:700;font-size:16px;line-height:19px}.subTitlePoin{font-size:12px;line-height:14px;color:rgba(0,0,0,.5);margin-top:8px}.image-lunas{position:absolute;z-index:-1;width:100%;max-width:1200px;height:100%;display:inline-flex}.image-lunas img{width:100%;margin:auto}#tabs-routing-transaction{background:#f5f7fb;border-radius:8px;padding:8px;margin-bottom:2rem}#tabs-routing-transaction .MuiTabs-indicator{display:none}#tabs-routing-transaction .MuiTabs-flexContainer{flex-direction:row;justify-content:space-between}#tabs-routing-transaction .MuiTabs-flexContainer .MuiTab-root{max-width:100%;flex:1 1}#tabs-routing-transaction .MuiTabs-flexContainer .Mui-selected{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08);border-radius:6px;font-style:normal;font-weight:700;font-size:14px;line-height:17px;text-align:center;color:#406ae2}#tabs-routing-transaction .MuiTabs-flexContainer .Mui-disabled{font-style:normal;font-weight:400;font-size:14px;line-height:17px;text-align:center;color:#3a3a3a;background:transparent!important}#list-agent-card .card-agents{grid-gap:6px;gap:6px;width:100%;cursor:pointer;display:flex;align-items:center;flex-direction:row;justify-content:space-between;padding:16px;margin-bottom:16px}#list-agent-card .card-agents .agent-information{flex:1 1;display:flex;flex-direction:column;grid-gap:6px;gap:6px}#list-agent-card .card-agents .agent-information p:first-child{font-style:normal;font-weight:600;font-size:12px;line-height:14px;color:#2a2a2a}#list-agent-card .card-agents .agent-information p:nth-child(2){display:flex;flex-direction:row;align-items:center}#list-agent-card .card-agents .agent-information p:nth-child(2),#list-agent-card .card-agents .agent-information p:nth-child(3){font-style:normal;font-weight:400;font-size:12px;line-height:14px;color:#2a2a2a;opacity:.5}.btn-filter{grid-gap:8px;gap:8px}.btn-filter,.btn-voucher{display:flex;align-items:center;justify-content:space-between}.btn-voucher{width:100%;padding:10px;border:1px solid #d8d8d8;border-radius:10px;margin-top:10px;background-color:#fff}.mui-text-border .MuiOutlinedInput-root{border-radius:10px!important}.watch-later-disabled{color:#707070}.watch-later-enabled{color:#406ae2}.title-use-voucher{align-items:flex-start;width:100%;padding-left:15px;text-align:left}.input-form-sale-detail,.title-use-voucher{display:flex;flex-direction:column;grid-gap:5px;gap:5px}.input-form-sale-detail{justify-content:center}.gray-box{background-color:rgba(64,106,226,.12549019607843137);width:100%;border-radius:10px;display:flex;align-items:center;grid-gap:10px;gap:10px;padding:12px 10px}.exp-min{display:flex;grid-gap:8px;gap:8px;padding-bottom:8px}.voucher-box-detail{display:flex;flex-direction:column;align-items:flex-start;text-align:left;grid-gap:3px;gap:3px}.detail-voucher-img{width:100%;height:150px;border-radius:10px}.input-form-sale{display:flex;align-items:center;padding:0 20px}.btn-ketentuan{width:100%;text-align:right}.btn-ketentuan button{font-size:12px;border:1px solid #406ae2;border-radius:10px;padding:10px;color:#406ae2;background-color:#fff}.sale-promo{padding:0 22px}.sale-promo button{background-color:#f2f5f8}.additional-toggle{border-radius:8px;padding:1px 8px}.list-detail-voucher ul{margin-left:15px;list-style:none}.list-detail-voucher li{margin-top:10px}.filter-pelanggan{display:flex;justify-content:flex-start;align-items:center}.mr-half{margin-right:.5em}.text-voucher{flex-grow:1;align-self:center;margin-left:10px}.modal-agent-empty-order{height:220px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.btn-hapus-filter-pwa{color:#406ae2!important;border-color:#406ae2!important}.detail-pengajuan-icon{margin-right:-12px}.table-detail-produk{width:90vw;text-align:center;border-spacing:0}.table-detail-produk thead{padding:8px 16px;color:#fff;font-size:12px}.table-detail-produk thead tr{height:30px}.table-detail-produk thead tr th{background-color:#406ae2}.table-detail-produk thead tr th:first-child{border-radius:10px 0 0 0}.table-detail-produk thead tr th:last-child{border-radius:0 10px 0 0}.table-detail-produk tbody{background-color:#f5f6f8;font-size:12px;border-radius:0 0 10px 10px}.table-detail-produk tbody tr{height:30px}.table-detail-produk tbody tr td{color:#3a3a3a}.table-detail-produk tbody tr td:last-child{color:#fc7171}.category-detail{display:flex;justify-content:space-between;border-bottom:1px dotted #d2d2d2;margin-bottom:15px}.category-detail-product-price-label{font-size:14px;margin-bottom:12px;color:#4d4d4d}.category-detail-product-price-sublabel{margin-bottom:12px;font-size:14px;color:#000}.height-space-header{height:10px}.modal-subtotal{padding-top:1.5rem;padding-bottom:.5rem;padding-inline:1rem}.modal-subtotal-img{text-align:center;margin-block:1rem}.modal-subtotal-tnc-label{margin-top:.75rem;margin-bottom:.25rem;font-weight:700;font-size:16px;line-height:24px;color:#111!important;text-align:center}.modal-subtotal-tnc-sublabel{font-weight:400;font-size:14px;line-height:22px;color:#777!important;margin-bottom:.5rem;text-align:center}.modal-subtotal-tnc-price-label{font-weight:700;font-size:14px;line-height:22px;color:#777!important}.modal-subtotal-btn-wrapper{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;margin-top:1.25rem}.modal-subtotal-btn-confirm{background-color:#206bfa!important;border-radius:8px!important;color:#fff!important}.modal-subtotal-btn-back,.modal-subtotal-btn-confirm{height:5vh;font-weight:700;font-size:14px;line-height:22px}.modal-subtotal-btn-back{background:#fff!important;border:none!important;color:#206bfa!important}.tempoCreditContainer{display:flex;padding:var(--size-12,12px) var(--size-16,16px);justify-content:space-between;align-items:center;align-self:stretch;border-radius:var(--radius-medium,8px);border-left:4px solid var(--danger-30,#ff9f98);background:var(--danger-10,#ffe5dc)}.tempoCreditContainer .tempoCreditText{color:#3a3a3a;font-family:Barlow;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.tempoDurationContainer{display:flex;padding:var(--size-12,12px) var(--size-16,16px);justify-content:space-between;align-items:center;align-self:stretch;border-radius:var(--radius-medium,8px);border-left:4px solid #c9d8ff;background:#e9efff}.tempoDurationContainer .tempoDurationText{color:#3a3a3a;font-family:Barlow;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.modalErrorTempo{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px}.modalErrorTempo .errorTempoTitle{text-align:center;font-size:16px;font-style:normal;font-weight:700;line-height:24px}.modalErrorTempo .errorTempoSubtitle{color:grey;text-align:center;font-family:Figtree;font-size:14px;font-style:normal;font-weight:400;line-height:22px}.not-covered-container{width:100%;position:relative;border-radius:4px;background-color:#ffe5dc;border-left:4px solid #ff9f98;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8px 16px;text-align:left;font-size:14px;color:#3a3a3a;margin-top:16px}.promo-footer{width:100%;position:absolute;bottom:0;display:flex;justify-content:space-around;background-color:#fff;height:100px;box-shadow:0 -2px 6px rgba(0,0,0,.16);padding:16px}.promo-footer .promo-count{font-size:16px;color:#242424;font-weight:700}.promo-footer .promo-info{position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;grid-gap:8px;gap:8px;text-align:left;font-size:16px;color:#242424}.promo-footer .promo-reset{position:relative;font-weight:500;color:#fc7171}.promo-footer .promo-btn-use{border:none;padding:20px 0;border-radius:10px;background-color:#406ae2;font-size:14px;font-stretch:normal;letter-spacing:normal;text-align:center;color:#fff;width:80%;flex-direction:row;justify-content:center}.promo-footer .promo-btn-use,.toastMinimumOrderError{font-weight:600;font-style:normal;line-height:normal;display:flex;align-items:center}.toastMinimumOrderError{justify-content:space-between;grid-gap:12px;gap:12px;border-radius:6px;border-left:6px solid #ffb6b6;padding-left:12px;color:#fc7171;font-family:Barlow,sans-serif;font-size:12px;background-color:#ffeded}.errorMinimumOrderContainer{text-align:center}.errorMinimumOrderContainer .boxSection{display:flex;flex-direction:column;grid-gap:20px;gap:20px}.errorMinimumOrderContainer .title{font-weight:700;font-size:16px;margin-bottom:4px}.errorMinimumOrderContainer .caption{font-size:14px;color:#777}.errorMinimumOrderContainer .caption .minimum{font-weight:700}.errorMinimumOrderContainer .buttonSection{display:flex;flex-direction:column;grid-gap:12px;gap:12px;font-family:Barlow,sans-serif}.errorMinimumOrderContainer .buttonSection .add{background-color:#206bfa;color:#fff;text-transform:capitalize;font-weight:700;padding:16px 12px;border-radius:8px}.errorMinimumOrderContainer .buttonSection .cancel{color:#206bfa;text-transform:capitalize;font-weight:700;padding:16px 12px;border-radius:8px}.banner-container{background-color:#406ae2;padding:16px 0 13px;border-radius:0 0 20px 20px}.banner-container .title-banner{padding-left:16px;padding-bottom:16px;font-size:20px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff}.banner-container .bold{font-weight:700}.share-katalog-app-bar{background-color:#406ae2;min-height:56px;padding-inline:16px;padding-top:8px}.home-container{width:100%;padding:0 16px;max-height:100%;overflow-y:auto;margin-bottom:20px;position:relative;top:-24px}.super-wallet-container{margin:0 0 32px;width:100%;padding:9px 16px;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,.1);background-color:#fff;display:flex;justify-content:space-around;align-items:center}.super-wallet-container .super-wallet{display:flex;align-items:flex-start}.super-wallet-container .super-wallet.super-wallet-kas,.super-wallet-container .super-wallet.super-wallet-poin{display:flex;flex-direction:row}.super-wallet-container .super-wallet.super-wallet-kas .__box,.super-wallet-container .super-wallet.super-wallet-poin .__box{display:flex;flex-direction:row;grid-gap:1rem;gap:1rem}.super-wallet-container .super-wallet.super-wallet-kas .__box .__box-left,.super-wallet-container .super-wallet.super-wallet-poin .__box .__box-left{align-self:center}.super-wallet-container .super-wallet.super-wallet-kas .__box .__box-left .__icon,.super-wallet-container .super-wallet.super-wallet-poin .__box .__box-left .__icon{font-size:2rem}.super-wallet-container .super-wallet.super-wallet-kas .__box .__box-right,.super-wallet-container .super-wallet.super-wallet-poin .__box .__box-right{align-self:center;display:flex;flex-direction:column}.super-wallet-container .super-wallet.super-wallet-kas .__box .__box-left,.super-wallet-container .super-wallet.super-wallet-kas .__box .__box-right,.super-wallet-container .super-wallet.super-wallet-poin .__box .__box-left,.super-wallet-container .super-wallet.super-wallet-poin .__box .__box-right{display:flex}.super-wallet-container .super-wallet.super-wallet-kas .__box .__box-left .title,.super-wallet-container .super-wallet.super-wallet-kas .__box .__box-right .title,.super-wallet-container .super-wallet.super-wallet-poin .__box .__box-left .title,.super-wallet-container .super-wallet.super-wallet-poin .__box .__box-right .title{font-style:normal;font-weight:400;font-size:12px;line-height:14px;color:#3a3a3a;opacity:.5}.super-wallet-container .super-wallet.super-wallet-kas .__box .__box-left .number-format,.super-wallet-container .super-wallet.super-wallet-kas .__box .__box-right .number-format,.super-wallet-container .super-wallet.super-wallet-poin .__box .__box-left .number-format,.super-wallet-container .super-wallet.super-wallet-poin .__box .__box-right .number-format{font-style:normal;font-weight:700;font-size:14px;line-height:17px;color:#406ae2}.super-wallet-container .divider{width:1px;height:28px;opacity:.2;border:1px solid #406ae2}.super-wallet .left-section{padding-right:12px}.super-wallet .right-section{display:flex;flex-direction:column;align-items:flex-start}.super-wallet .right-section .title{opacity:.5;font-size:12px;font-weight:400;color:#3a3a3a}.super-wallet .right-section .title,.super-wallet .right-section .value{font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.super-wallet .right-section .value{font-size:14px;font-weight:700;color:#406ae2}.home-section{margin-bottom:30px}.home-section .group-tab-misi{margin-top:20px;border:1px solid #dadade;border-radius:8px;padding:5px;display:flex}.home-section .group-tab-misi .active-tab,.home-section .group-tab-misi .done-tab{width:50%;text-align:center;padding:7px;border-radius:8px;font-size:14px;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.home-section .group-tab-misi .active{background-color:#406ae2;color:#fff;font-weight:700}.home-section .title-section{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:10px}.home-section .title-section .main-title{font-size:16px;color:#2a2a2a}.home-section .title-section .link-title,.home-section .title-section .main-title{font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.home-section .title-section .link-title{font-size:12px;color:#406ae2}.home-section .subtitle-section{opacity:.5;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#2a2a2a}.home-section .title-section-catalogue,.home-section .title-section-commision,.home-section .title-section-productivity,.home-section .title-section-voucher{display:flex;flex-direction:column;grid-gap:6px;gap:6px;margin-bottom:1rem}.home-section .title-section-catalogue .title-action,.home-section .title-section-commision .title-action,.home-section .title-section-productivity .title-action,.home-section .title-section-voucher .title-action{display:flex;flex-direction:row;justify-content:space-between}.home-section .title-section-catalogue .title-action .link-title,.home-section .title-section-commision .title-action .link-title,.home-section .title-section-productivity .title-action .link-title,.home-section .title-section-voucher .title-action .link-title{font-style:normal;font-weight:700;font-size:12px;line-height:14px;color:#406ae2}.home-section .title-section-catalogue .main-title,.home-section .title-section-commision .main-title,.home-section .title-section-productivity .main-title,.home-section .title-section-voucher .main-title{font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#2a2a2a}.home-section .title-section-catalogue .subtitle-section,.home-section .title-section-commision .subtitle-section,.home-section .title-section-productivity .subtitle-section,.home-section .title-section-voucher .subtitle-section{opacity:.5;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#2a2a2a}.home-section .catalogue-carousel{display:block}.home-section .catalogue-carousel .items-card{display:flex;flex-direction:column}.productivity-container{display:flex;justify-content:space-around}.productivity-container-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:.75rem;gap:.75rem;padding:8px 0}.productivity-container-icon-svg{display:flex;flex-grow:1}.productivity-container-icon-label{width:75px;height:25px;font-weight:500;font-size:12px;line-height:14px;text-align:center;color:#292929}.productivity-container-label{display:flex;flex-direction:column;margin-left:.5rem;margin-top:.35rem;flex-grow:1}.productivity-container-label-title{color:#206bfa;font-weight:700;line-height:17px;font-size:14px;margin-bottom:.2rem}.productivity-container-label-subtitle{color:#2a2a2a;font-size:12px;line-height:14px;opacity:.5}.productivity-container-arrow-icon{display:flex;margin-block:auto;margin-right:.5rem}.mission-container{display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;border:1px solid #eceffd;margin:14px 0}.mission-container .body-section{display:flex}.mission-container .text-small{font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;font-size:12px}.mission-container .gray{color:#898989}.mission-container .black{color:#3a3a3a}.mission-container .bold{font-weight:700}.mission-container .blue{color:#406ae2}.mission-container .green{color:#09d38e}.mission-container .asset-section{padding:10px}.mission-container .asset-section img{width:55px;height:55px}.mission-container .information-section{padding:10px;width:100%}.mission-container .information-section .MuiLinearProgress-barColorPrimary{background-color:#406ae2}.mission-container .information-section .title-section{padding:0;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#2a2a2a}.mission-container .information-section .subtitle-section{opacity:.5;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.mission-container .information-section .information-progress{padding:6px 0 12px;display:flex;width:100%;justify-content:space-between}.mission-container .footer-section{display:flex;align-items:center;padding:11px 16px;background-color:rgba(64,106,226,.05)}.mission-container .footer-section>*{margin-right:5px}.onboarding-card{position:absolute;width:95%;min-height:143px;padding:15px;margin:0;z-index:1400;border-radius:10px;background-color:#fff}.onboarding-card .top{border-color:transparent transparent #fff;border-width:0 12px 15px;top:-12px}.onboarding-card .down,.onboarding-card .top{width:0;height:0;border-style:solid;position:absolute}.onboarding-card .down{border-color:#fff transparent transparent;border-width:15px 12px 0;bottom:-12px}.onboarding-card .onboarding-header{display:flex;justify-content:space-between;margin-bottom:10px}.onboarding-card .onboarding-header .onboarding-title{font-weight:700;font-size:16px;justify-content:flex-start;color:#292929}.onboarding-card .onboarding-header .close-button{margin-right:0}.onboarding-card .onboarding-content{margin-bottom:15px;font-weight:400;font-size:14px;color:#000}.onboarding-card .onboarding-footer{display:flex}.onboarding-card .onboarding-footer .onboarding-stepper{background-color:#fff;margin-top:5px}.onboarding-card .onboarding-footer .onboarding-stepper .MuiMobileStepper-dot{background-color:rgba(64,106,226,.2)}.onboarding-card .onboarding-footer .onboarding-stepper .MuiMobileStepper-dotActive{background-color:#406ae2}.onboarding-card .onboarding-footer .stepper-button{width:100%!important;height:35px;border-radius:8px;font-size:14px!important;font-stretch:normal!important;font-style:normal!important;line-height:normal!important;letter-spacing:normal!important;color:#fff!important;text-transform:capitalize!important;background-color:#406ae2!important;margin-right:10px}.searchbar-dense .MuiOutlinedInput-adornedEnd{padding-right:0!important}.tab-container{width:100%;display:flex;justify-content:center;box-shadow:0 3px 0 0 rgba(0,0,0,.16);padding-top:10px;top:5%;position:fixed;z-index:1;background:#fff}.tab-container-sub{text-transform:capitalize;border:none}.empty-page-pelanggan,.empty-page-voucher{display:flex;flex-direction:column;justify-content:center;align-items:center;height:75%}.empty-page-pelanggan-label-bottom,.empty-page-voucher-label-bottom{font-weight:400;font-size:14px;line-height:16px;text-align:center;color:#292929}.empty-page-pelanggan-label-top,.empty-page-voucher-label-top{font-weight:700;font-size:14px;line-height:16px;text-align:center;color:#292929;margin-top:2em;margin-bottom:1em}.info-pelanggan,.info-voucher{padding-top:5em;padding-bottom:1.5em;padding-inline:1em;height:85%;overflow-y:scroll}.info-pelanggan-card-agents,.info-voucher-card-agents{border-radius:10px;background-color:#fff;border:1px solid #e7e7e7;display:flex;position:relative;flex-direction:column;margin-block:1em;padding-top:.5em}.info-pelanggan-label,.info-voucher-label{font-weight:700;font-size:16px;line-height:19px;color:#3a3a3a}.info-pelanggan-card,.info-voucher-card{background:#fff;border:1px solid #e7e7e7;box-shadow:0 2px 8px rgba(0,0,0,.16);border-radius:10px;padding:1em;margin-top:1em}.info-pelanggan-card-label,.info-voucher-card-label{font-weight:700;font-size:14px;line-height:17px;color:#3a3a3a;margin-bottom:.5em}.info-pelanggan-card-sublabel,.info-voucher-card-sublabel{font-weight:400;font-size:12px;line-height:14px;color:#3a3a3a;margin-bottom:1em;padding-bottom:1em;border-bottom:1px dashed #bebebe}.info-pelanggan-card-detail,.info-voucher-card-detail{display:flex;width:100%}.info-pelanggan-card-detail-icon,.info-voucher-card-detail-icon{margin-left:-4px}.info-pelanggan-card-detail-notes,.info-voucher-card-detail-notes{display:flex;flex-direction:column;margin-left:.5em;flex-grow:1}.info-pelanggan-card-detail-notes-label,.info-voucher-card-detail-notes-label{font-weight:400;font-size:10px;line-height:12px;color:#3a3a3a}.info-pelanggan-card-detail-notes-date,.info-voucher-card-detail-notes-date{font-weight:700;font-size:12px;line-height:14px;color:#3a3a3a}.info-pelanggan-card-detail-view,.info-voucher-card-detail-view{font-weight:600;font-size:12px;line-height:14px;color:#406ae2;align-self:end}.footer-belanjakan-pelanggan{position:fixed;bottom:0;height:90px;width:100%;background-color:#fff;display:flex;box-shadow:0 -2px 6px rgba(0,0,0,.16);justify-content:space-between;padding-inline:1em;align-items:center}.footer-belanjakan-pelanggan-btn{background-color:#406ae2!important;text-transform:capitalize!important;margin:16px 0!important;font-weight:700!important;height:48px;border-radius:10px!important}.flat-header{border-radius:0!important}.row-radio-custom{margin-block:.25em!important}.filter-promo{display:flex;flex-direction:column;padding-top:1.5em}.filter-promo-label{padding-inline:1em;font-weight:700;font-size:16px;line-height:19px;color:#292929}.filter-promo-line{width:100%;margin-block:1em;border-top:1px solid #f5f5f5}.filter-promo-container{padding:0 1em 1em}.filter-promo-container-urutkan{margin-bottom:1em}.filter-promo-container-urutkan-label{font-weight:700;font-size:14px;line-height:17px;color:#292929;margin-bottom:1em}.filter-promo-container-urutkan-chips{display:flex;flex-wrap:wrap;grid-gap:.5em;gap:.5em}.filter-promo-container-urutkan-chips-filter{background:#fff;border:1px solid #d2d2d2;border-radius:6px;color:#292929}.filter-promo-container-urutkan-chips-filter,.filter-promo-container-urutkan-chips-filter-active{width:-moz-fit-content;width:fit-content;height:25px;display:flex;justify-content:center;align-items:center;padding-inline:1.25em;padding-block:1em;font-weight:500;font-size:14px;line-height:16px}.filter-promo-container-urutkan-chips-filter-active{background:#edf1fc;border:1px solid #406ae2;border-radius:6px;color:#406ae2}.filter-promo-container-periode-label{font-weight:700;font-size:14px;line-height:17px;color:#292929;margin-bottom:.5em}.custom-tanggal{display:flex;grid-gap:.5em;gap:.5em;margin-top:.5em;align-items:center}.input-filter-date .MuiOutlinedInput-root{border-radius:8px!important;background:#fff;border:1px solid #c8c8c8}.input-filter-date input{color:#878787!important;font-size:14px;font-weight:400;font-stretch:normal;line-height:normal;letter-spacing:normal}.filter-date{display:flex;flex-direction:column;padding-block:1.5em}.filter-date-label{display:flex;justify-content:space-between;padding-inline:1em}.filter-date-picker{display:flex;flex-direction:column}.filter-date-picker-footer-label{font-weight:400;font-size:14px;line-height:17px;text-align:center;color:#292929;margin-block:.5em}.filter-date-picker-section{display:flex;justify-content:center;align-items:center}.filter-date-picker-section-end,.filter-date-picker-section-start{font-weight:700;font-size:14px;line-height:17px;text-align:center;color:#292929}.rdp{--rdp-cell-size:13vw;margin:1em 1em 0!important}.custom-caption-date{display:flex;justify-content:space-between;background:#edf1fc;padding-block:.75em;padding-inline:.5em;align-items:center}.custom-caption-date-icon-chevron{color:#406ae2}.custom-caption-date-month{font-weight:700;font-size:16px;line-height:19px;text-align:center;color:#406ae2}.btn-container-date,.btn-container-filter{margin-inline:1em;display:flex;grid-gap:1em;gap:1em}.btn-container-date-btn,.btn-container-date-tampilkan,.btn-container-filter-btn,.btn-container-filter-tampilkan{background-color:#406ae2!important;text-transform:capitalize!important;margin:16px 0!important;font-weight:700!important;height:48px;border-radius:12px!important;box-shadow:none!important}@layer button{.btn-container-date-hapus,.btn-container-filter-hapus{border-radius:12px!important;border:1px solid #d2d2d2!important;color:#d2d2d2!important}.btn-container-date-hapus,.btn-container-date-hapus-active,.btn-container-filter-hapus,.btn-container-filter-hapus-active{background-color:#fff!important;text-transform:capitalize!important;margin:16px 0!important;font-weight:700!important;height:48px;box-shadow:none!important}.btn-container-date-hapus-active,.btn-container-filter-hapus-active{border:1px solid #406ae2!important;border-radius:12px!important;color:#406ae2!important}}.filter-badge{border-radius:50%;width:12px;height:12px;background:#406ae2;display:grid;place-content:center;color:#fff;font-weight:700;font-size:6px}#home-section-voucher{margin-right:-1rem}#home-section-voucher .wrapper-card-voucher{background:#fff;display:flex;justify-content:space-between}#home-section-voucher .wrapper-card-voucher .logo-discount{position:absolute;top:14px;left:40px}#home-section-voucher .wrapper-card-voucher .info-voucher-number{position:absolute;left:18px;top:62px;color:#fff;font-style:normal;font-size:12px;font-weight:700;line-height:14px}#home-section-voucher .wrapper-card-voucher .info-all-voucher{position:absolute;height:12px;left:18px;top:76px;font-weight:400;font-size:10px;line-height:12px;color:#fff}#home-section-voucher .wrapper-card-voucher .chevron-right{position:absolute;top:76px;left:76px}#home-section-voucher .wrapper-card-voucher .card-voucher{overflow:hidden;position:relative;display:flex;flex-direction:column;grid-gap:12px;gap:12px;background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.1);border-radius:10px;padding:1rem;height:110px}#home-section-voucher .wrapper-card-voucher .card-voucher .slide-info-voucher{display:flex;flex-direction:column;justify-content:flex-start;grid-gap:4px;gap:4px}#home-section-voucher .wrapper-card-voucher .card-voucher .slide-info-voucher .slide-info-title{font-weight:700;font-size:14px;line-height:17px;color:#3a3a3a}#home-section-voucher .wrapper-card-voucher .card-voucher .slide-info-voucher .slide-info-promo{font-weight:400;font-size:12px;line-height:14px;color:#878787}#home-section-voucher .wrapper-card-voucher .card-voucher .countdown{display:flex;align-items:center;grid-gap:10px;gap:10px}#home-section-voucher .wrapper-card-voucher .card-voucher .countdown .font-icon-countdown{font-size:16px}#home-section-voucher .wrapper-card-voucher .card-voucher .countdown .font-countdown{font-weight:700;font-size:10px;color:#406ae2;padding:6px 7px;width:70px;height:24px;display:flex;align-items:center;justify-content:center;background:#c2dcf6;border-radius:8px 6px 6px 8px}#home-section-voucher .wrapper-card-voucher .card-voucher .countdown .exp-date{font-weight:400;font-size:12px;line-height:14px}#home-section-voucher .wrapper-card-voucher .card-voucher:before{left:-9px;transform:rotate(90deg)}#home-section-voucher .wrapper-card-voucher .card-voucher:after,#home-section-voucher .wrapper-card-voucher .card-voucher:before{position:absolute;content:"";height:15px;border-radius:50% 50% 0 0/100% 100% 0 0;z-index:1;top:45px;background-color:#fff;width:25px;box-shadow:inset 0 2px 2px rgba(0,0,0,.15);border:1px solid #fff}#home-section-voucher .wrapper-card-voucher .card-voucher:after{right:-9px;transform:rotate(-90deg)}.absensi-section-wrapper .absensi-title{margin-bottom:1rem}.absensi-section-wrapper .absensi-date{color:rgba(42,42,42,.4392156862745098);font-weight:400;font-size:12px}.absensi-section-wrapper .absensi-hours{font-weight:700;font-size:14px}.absensi-section-wrapper .absensi-container{box-shadow:0 2px 6px 0 rgba(0,0,0,.1);border:1px solid #f1f1f1;border-radius:10px;min-height:100%;height:100%;overflow-y:scroll;padding-block:1.25rem;padding-inline:.75rem}.absensi-section-wrapper .absensi-checkin-label{background-color:#406ae2}.absensi-section-wrapper .absensi-checkin-label,.absensi-section-wrapper .absensi-checkout-label{border-radius:8px;font-weight:400;font-size:12px;line-height:14px;color:#fff!important;padding-inline:.5rem;padding-block:.25rem}.absensi-section-wrapper .absensi-checkout-label{background-color:#37c473}.absensi-section-wrapper .task-container{background-color:#206bfa;border-radius:12.5px;font-weight:400;font-size:12px;line-height:14px;color:#fff!important;padding-inline:.5rem;padding-block:.25rem}.nota-onboarding{top:60px!important}.ajukan-nota-onboarding,.riwayat-nota-onboarding{top:85px!important}@media screen and (max-height:670px){.nota-onboarding{top:70px!important}.ajukan-nota-onboarding{top:170px!important}.riwayat-nota-onboarding{top:8px!important}}@media screen and (min-height:840px){.ajukan-nota-onboarding,.nota-onboarding{top:30px!important}.riwayat-nota-onboarding{top:155px!important}}.modal-others-container{padding-inline:1rem;padding-top:1rem;padding-bottom:1.5rem}.modal-others-container-title{display:flex;justify-content:space-between}.modal-others-container-title-label{font-weight:700;font-size:16px;line-height:19px;color:#292929}.modal-others-container-body{display:flex;flex-direction:column}.modal-others-container-body img{display:block;margin:1rem auto}.modal-others-container-body-subtitle{font-weight:700;font-size:14px;line-height:17px;text-align:center;text-transform:capitalize;color:#3a3a3a;width:75%;margin:0 auto}.productivity-container-scrollbar{overflow-x:auto;display:flex}.productivity-container-scrollbar::-webkit-scrollbar{display:none}.padding-icon-menu{padding-right:25px}.padding-right-icon-menu{padding-right:20px}.customer-container{padding:16px;width:100%;overflow-y:auto}.customer-container .title-section{font-size:16px;font-weight:700;color:#3a3a3a}.customer-container .subtitle-section,.customer-container .title-section{font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.customer-container .subtitle-section{opacity:.5;font-size:12px;font-weight:400;color:#2a2a2a;padding:10px 0}.stepper-container{display:flex;padding:24px 16px}.stepper-container .step{height:5px;width:100%;background-color:rgba(64,106,226,.2);border-radius:2.5px;margin:0 5px}.stepper-container .step.active{background-color:#406ae2}.title-form{padding:0 16px;display:flex}.title-form .left-section{padding-right:8px}.title-form .right-section{display:flex;flex-direction:column}.title-form .right-section .stretch{letter-spacing:1.5px}.title-form .right-section .blue{color:#406ae2}.title-form .right-section .label-section{font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#2a2a2a}.form-biodata-container{padding:16px}.form-biodata-container .MuiTypography-body1{letter-spacing:normal!important;line-height:normal!important;font-weight:400!important}.form-biodata-container .input-biodata{margin:16px 0}.form-biodata-container .input-biodata input{color:#292929;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.form-biodata-container .flex-column{display:flex;flex-direction:column}.form-biodata-container .input-poin{margin:16px 0}.form-biodata-container .input-poin input{font-size:13px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.form-biodata-container .input-poin-active input{font-size:14px;font-weight:700}.form-biodata-container .input-poin-disabled input{color:#fc7171}.form-biodata-container .MuiOutlinedInput-root{border-radius:8px}.containerMap .mapsModal>div{position:relative!important;height:500px!important}.form-footer button{margin:0 5px;border-radius:10px}.border-dashed-gray{border:2px dashed #d5dae1!important}.detail-pelanggan-container{padding:16px}.detail-pelanggan-container .detail-cust-section{border:2px solid #e6eaf1;padding:15px;border-radius:16px;margin-bottom:12px}.detail-pelanggan-container .detail-cust-section .cust-btn{margin-top:12px}.detail-pelanggan-container .detail-cust-section .button{padding:10px 20px;border-radius:10px;display:flex;align-items:center;grid-gap:8px;gap:8px}.detail-pelanggan-container .detail-cust-section .telepon{background-color:#fff;color:#406ae2;border:1px solid #406ae2}.detail-pelanggan-container .detail-cust-section .whatsapp{background-color:#5ac245;border:1px solid #5ac245;color:#fff}.detail-pelanggan-container .detail-section{display:flex;grid-gap:5px;gap:5px}.detail-pelanggan-container .detail-section .left-section{padding-right:8px}.detail-pelanggan-container .detail-section .right-section{width:100%;display:flex;flex-direction:column;grid-gap:7px;gap:7px}.detail-pelanggan-container .detail-section-dotted{display:flex;justify-content:flex-start;align-items:center;padding-inline:1em;padding-block:1em;background:#fff;border:1px dashed #d5dae1;border-radius:8px}.detail-pelanggan-container .semi-bold{font-weight:500}.detail-pelanggan-container .black{color:#2a2a2a}.detail-pelanggan-container .blue{color:#406ae2}.detail-pelanggan-container .bold{font-weight:700}.detail-pelanggan-container .gray{color:#989898}.detail-pelanggan-container .font-large{font-size:17px!important;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.detail-pelanggan-container .font-medium{font-size:14px;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.detail-pelanggan-container .icon-action{padding:0 6px}.list-alamat-container{padding:16px}.list-alamat-container .alamat-card{margin:16px 0;padding:12px 16px;border-radius:10px;box-shadow:0 2px 8px 0 rgba(73,73,73,.16),0 2px 8px 0 rgba(73,73,73,.16);border:1px solid #e7e7e7}.list-alamat-container .alamat-card .icon-utama{margin-bottom:6px;height:25px;width:55px;background-color:#406ae2;color:#fff;font-weight:700;font-size:11px;display:flex;align-items:center;justify-content:center;letter-spacing:.6px;transform:skew(-12deg);border-radius:4px}.list-alamat-container .alamat-card .icon-utama span{transform:skew(12deg)!important}.list-alamat-container .alamat-card .alamat-header{display:flex;width:100%;justify-content:space-between;align-items:center}.list-alamat-container .alamat-card .alamat-header .title{font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.list-alamat-container .alamat-card .alamat-description{padding-top:8px;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#2a2a2a}.list-alamat-container .alamat-card .alamat-footer{display:flex;padding:16px 0 0}.list-alamat-container .alamat-card .alamat-footer button{padding:0;height:36px;text-transform:capitalize;font-size:13px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#406ae2;background-color:#fff;border-radius:6px;border:1px solid #406ae2}.list-alamat-container .alamat-card .alamat-footer button:disabled{background-color:#e0e0e0;color:#707070;border:none}.modal-confirmation{height:54vh;padding:0 16px}.modal-confirmation .bold{font-weight:700}.modal-confirmation .blue-box{margin-top:16px;padding-bottom:16px;width:100%;background-color:#e9efff;border-radius:6px;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-confirmation .blue-box .text-main{padding-bottom:8px;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:2px;text-align:center;color:#406ae2;text-transform:uppercase}.modal-confirmation .modal-confirmation-hero{height:42vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-confirmation .modal-confirmation-hero p{width:80%;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#292929;padding-top:12px}.modal-confirmation .modal-footer-container{width:100%}.modal-confirmation .modal-footer-container .modal-footer-btn{display:flex;flex-direction:column;position:absolute;bottom:0;width:91%}.modal-confirmation .modal-footer-container .modal-footer-btn button{border:none;width:100%;height:48px;padding:15px;object-fit:contain;border-radius:8px;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;margin-bottom:6px}.modal-confirmation .modal-footer-container .modal-footer-btn button.btn-primary{background-color:#406ae2;color:#fff}.modal-confirmation .modal-footer-container .modal-footer-btn button.btn-white{border:1px solid #949494;background-color:#fff;color:#406ae2}.modal-confirmation .modal-footer-container .modal-footer-btn button:active{transform:translateY(4px)}.modal-invalid{position:relative}.modal-invalid .modal-hero{padding:0 16px;width:100%;display:flex;flex-direction:column;align-items:center}.modal-invalid .modal-hero .title{font-size:16px;font-weight:700;line-height:normal}.modal-invalid .modal-hero .subtitle,.modal-invalid .modal-hero .title{padding-top:8px;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:center;color:#3a3a3a}.modal-invalid .modal-hero .subtitle{font-size:14px;font-weight:400;line-height:1.43}.modal-invalid .modal-footer{padding:16px;width:100%}.modal-invalid .modal-footer button{height:48px;width:100%;border-radius:8px}.container-otp .text-secondary{font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.container-otp .text-center{text-align:center}.container-otp .text-primary{font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.container-otp .color-black{color:#3a3a3a}.container-otp .color-gray{color:#a7a5a5}.container-otp .text-bold{font-weight:700}.container-otp .otp-input .pincode-input-text{border-width:1px!important}.position-sticky{position:sticky!important}.center-col-flex{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-inline:2em;word-wrap:break-word}.center-col-flex.verifikasi{padding-inline:1em;padding-top:4em}.center-col-flex.panduan-ktp{padding-top:4em;padding-bottom:10em}.label-ktp{font-weight:700;font-size:26px;line-height:31px;color:#292929;margin-bottom:.25em}.hint-ktp,.label-ktp{font-style:normal;text-align:center}.hint-ktp{font-weight:400;font-size:12px;line-height:14px;color:#949494}.hint-ktp.top{margin-bottom:2em}.hint-ktp.bottom{margin-top:.75em;margin-bottom:1em}.hint-ktp.self-label{margin-top:.5em;text-align:left!important}.ktp-card{position:relative}.checkmark-placement{position:absolute;top:-10px;right:-10px}.checkmark-placement-2{position:absolute;top:5px;right:-10px}.marginTop1{margin-top:1em}.ktp-radius{border-radius:10px}.ktp-list-hint{font-style:normal;font-weight:400;font-size:12px;line-height:14px;color:#292929;list-style:none}.ktp-list-hint li:before{content:"\2022";color:#406ae2;font-weight:700;display:inline-block;width:1em;margin-left:-1em;font-size:15px}.ktp-list-hint li{margin-block:1em}.footer-ktp{position:fixed;bottom:0;height:90px;width:100%;background-color:#fff;box-shadow:0 -2px 6px rgba(0,0,0,.16);padding-inline:1em;border-top-left-radius:15px;border-top-right-radius:15px}.button-ganti-foto{background:#fff;border:1px solid #406ae2!important;border-radius:10px!important;text-transform:capitalize!important;color:#406ae2!important;height:48px;font-size:14px!important;font-weight:700!important}.header-area{display:flex}.pb-2{padding-bottom:2em}.data-diri-area,.ktp-area{background:#fff;border:1px solid #ecf2fc;box-shadow:0 2px 6px rgba(0,0,0,.1);border-radius:12px;padding:1em;width:100%;text-align:center}.data-diri-area{margin-top:1.5em}.self-check-area{background:#fff;border:1px solid #ecf2fc;border-radius:12px;padding:1em;width:100%;text-align:center;margin-top:1.5em}.ktp-spaces{margin-block:1em}.foto-ktp-label{font-style:normal;font-weight:600;font-size:14px;line-height:17px;color:#292929}.flex-col-baseline-grow{display:flex;flex-direction:column;align-items:baseline;padding-left:1em;flex-grow:1}.input-biodata-verifikasi-bod{margin:16px 0}.input-biodata-verifikasi-bod.nomor-ktp{margin-top:2em}.input-biodata-verifikasi-bod.nama-pemilik{margin-top:1em}.input-biodata-verifikasi-bod .MuiOutlinedInput-root{border-radius:8px!important}.input-biodata-verifikasi-bod input{color:#878787!important;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.input-biodata-verifikasi{margin:16px 0}.input-biodata-verifikasi.nomor-ktp{margin-top:2em}.input-biodata-verifikasi.nama-pemilik{margin-top:1em}.input-biodata-verifikasi .MuiOutlinedInput-root{border-radius:8px!important}.input-biodata-verifikasi input{color:#292929;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.ktp-confirm,.ktp-confirm-label{margin-block:1em}.modal-confirm-ktp{height:65vh!important}.modal-confirm-ktp-loading{height:20vh!important}.loading-label{font-style:normal;font-weight:400;font-size:12px;line-height:18px;text-align:center;color:#3a3a3a}.loading-container-ktp{margin-bottom:1.5em}.primary-color{color:#406ae2;font-style:normal;font-weight:700;font-size:16px;line-height:19px}.label-hint{font-style:normal;font-weight:500;font-size:12px;line-height:14px;color:#aeaeae}.right-section-dotted{width:100%;margin-left:1em}.btn-footer{position:fixed;bottom:0;width:100vw;padding:16px;background-color:#fff;text-align:center}.btn-footer button{width:100%;background-color:#406ae2;padding:15px 0;border-radius:10px;border:none;font-size:16px;font-weight:700;color:#fff;display:flex;justify-content:center;align-items:center;grid-gap:10px;gap:10px}.verified-ktp{margin-right:.5em}.flex-align-center{display:flex;align-items:center}.green{color:#09d38e}.label-gender,.props-label{border-radius:100px;background:#fff;padding-inline:8px!important;padding-block:1px!important;color:rgba(0,0,0,.54)!important;font-weight:400!important}.ktp-gender-label{background-color:#f5f5f5!important;border:none!important;color:#878787!important}.ktp-gender-label-active{font-weight:700;font-size:12px;line-height:14px;text-align:center;color:#949494!important;background-color:#e7e7e7!important;border:1px solid #e1e1e1!important;border-radius:6px}.value-verify{color:#878787!important}.margin-up{margin-top:1em}.ktp-image{width:100%;max-width:100%;margin-block:1em}.ktp-image-error{border-radius:9px;border:2px solid #fc7171;width:100%;max-width:100%;margin-top:1em}.ktp-failed{font-style:normal;font-weight:400;font-size:12px;line-height:14px;color:#fc7171;margin-block:.75em}.content-gender{background:#f5f5f5;border-radius:8px}.content-gender-error{background:#f5f5f5;border-radius:8px;border:1px solid #f44336}.gender-ktp-helper{text-align:left;margin-left:14px;margin-right:14px;color:#f44336;font-size:.75rem;margin-top:3px;font-weight:400;line-height:1.66;letter-spacing:.03333em}.margin-block-half{margin-block:.5em}.margin-top-half{margin-top:.5em}.disabled-gender{background-color:rgba(58,58,58,.2)!important}.disabled-gender button{border:none!important;color:#393838!important}.bg-transparent{background-color:initial!important}.two-label{display:flex;justify-content:space-between}.two-label p{background-color:#fff;padding:0 8px;border-radius:8px}.legend-width legend{max-width:0!important}.wrapper-voucher-main{padding:1rem 1rem 5.25rem;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.wrapper-voucher-main .voucher-title-customer{font-weight:700;font-size:16px;line-height:19px;color:#3a3a3a;margin-top:8px}.wrapper-voucher-main .wrapper-card-voucher{width:100%;height:calc(100vh - 250px);display:flex;flex-direction:row}.wrapper-voucher-main .wrapper-card-voucher .infinite-scroll-component__outerdiv{width:100%;display:flex;flex-direction:row}.wrapper-voucher-main .wrapper-card-voucher .infinite-scroll-component__outerdiv .infinite-scroll-component{width:100%;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.wrapper-voucher-main .wrapper-card-voucher .infinite-scroll-component__outerdiv .infinite-scroll-component .card-voucher,.wrapper-voucher-main .wrapper-card-voucher .infinite-scroll-component__outerdiv .infinite-scroll-component .card-voucher .voucher-info{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.wrapper-voucher-main .wrapper-card-voucher .infinite-scroll-component__outerdiv .infinite-scroll-component .card-voucher .voucher-info .voucher-info-title{font-weight:700;font-size:14px;line-height:17px;color:#3a3a3a}.wrapper-voucher-main .wrapper-card-voucher .infinite-scroll-component__outerdiv .infinite-scroll-component .card-voucher .voucher-info .voucher-info-subtitle{font-weight:400;font-size:12px;line-height:14px;color:#3a3a3a}.wrapper-voucher-main .wrapper-card-voucher .infinite-scroll-component__outerdiv .infinite-scroll-component .card-voucher .voucher-action{display:flex;flex-direction:row;justify-content:space-between}.wrapper-voucher-main .wrapper-card-voucher .infinite-scroll-component__outerdiv .infinite-scroll-component .card-voucher .voucher-action .action-info{display:flex;flex-direction:row;align-items:center;grid-gap:8px;gap:8px}.wrapper-voucher-main .wrapper-card-voucher .infinite-scroll-component__outerdiv .infinite-scroll-component .card-voucher .voucher-action .action-info .action-info-date{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.wrapper-voucher-main .wrapper-card-voucher .infinite-scroll-component__outerdiv .infinite-scroll-component .card-voucher .voucher-action .action-info .action-info-date .date-label-info{font-weight:400;font-size:10px;line-height:12px;color:#3a3a3a;opacity:.65}.wrapper-voucher-main .wrapper-card-voucher .infinite-scroll-component__outerdiv .infinite-scroll-component .card-voucher .voucher-action .action-info .action-info-date .date-info{font-weight:700;font-size:12px;line-height:14px;color:#3a3a3a}.wrapper-voucher-main .wrapper-card-voucher .infinite-scroll-component__outerdiv .infinite-scroll-component .card-voucher .voucher-action .action-detail{align-self:flex-end}.wrapper-voucher-main .wrapper-card-voucher .infinite-scroll-component__outerdiv .infinite-scroll-component .card-voucher .voucher-action .action-detail span{cursor:pointer;font-weight:600;font-size:12px;line-height:14px;color:#406ae2}.wrapper-voucher-main .wrapper-card-voucher .infinite-scroll-component__outerdiv .infinite-scroll-component .card-voucher .voucher-action .action-detail span:hover{transition:all .5s ease;opacity:.75}.wrapper-voucher-main .wrapper-card-voucher .infinite-scroll-component__outerdiv .infinite-scroll-component .card-item{padding:1.25rem;background:#fff;border:1px solid #e7e7e7;box-shadow:0 2px 8px rgba(0,0,0,.16);border-radius:10px}.wrapper-voucher-main .wrapper-card-voucher .infinite-scroll-component__outerdiv .infinite-scroll-component .card-item .__break-line{border-top:2px dashed #bebebe;margin:10px 0}.form-main-container{height:100%;overflow-y:auto}.appbar-top-auto{top:auto!important;bottom:0!important}.person-icon{color:#b4c7f5;font-size:22}.tab-detail-pelanggan{width:100%;display:flex;justify-content:center;box-shadow:0 3px 0 0 rgba(0,0,0,.16);padding-top:10px}.verified-phone-label{font-weight:400;font-size:16px;line-height:17px;color:#292929!important;margin-bottom:.25rem}.btn-redirect-pelanggan{font-weight:600;color:#406ae2!important;text-align:center;margin-bottom:1rem!important}.btn-create-transaksi,.btn-redirect-pelanggan{font-size:14px;line-height:17px;text-transform:capitalize!important}.btn-create-transaksi{font-weight:700;color:#fff!important;background:#406ae2!important;border-radius:8px!important;height:3rem!important;margin-bottom:4px!important;margin-top:1rem!important}.cancel-register-label{font-weight:700;font-size:16px;line-height:17px;color:#3a3a3a!important;margin-bottom:.5rem;margin-top:1.5rem}.cancel-register-sublabel{font-weight:400;font-size:14px;line-height:17px;color:#3a3a3a!important}.text-end{text-align:end}.change-phone-label{font-weight:700;font-size:20px;line-height:17px;color:#3a3a3a!important;margin-top:1.5rem;margin-bottom:1rem}.change-phone-sublabel{font-weight:400;font-size:14px;line-height:17px;color:#3a3a3a!important;margin-bottom:1.5rem}.change-customer-phone-prefix{font-weight:400;font-size:14px;line-height:17px;color:#292929!important}.alamat-hint{font-weight:500;font-size:12px;line-height:17px;color:#406ae2!important;opacity:.8}.input-biodata.kecamatan button:disabled,.input-biodata.postalcode button:disabled{background-color:inherit!important}.container-riwayat-superkas .container-list-riwayat .container-list-periode{background:#e9efff;border-radius:10px;font-weight:700;font-size:14px;line-height:16px;text-align:center;color:#292929;padding:15px 0}.container-riwayat-superkas .container-list-riwayat .row-riwayat{display:flex;border-bottom:1px solid #dadade;padding:8px 5px 8px 0;grid-gap:5px;gap:5px}.container-riwayat-superkas .container-list-riwayat .row-riwayat .nominal-group{width:30%;text-align:center}.container-riwayat-superkas .container-list-riwayat .row-riwayat .nominal-group span{font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:5;letter-spacing:normal;text-align:right;color:#292929}.container-riwayat-superkas .container-list-riwayat .row-riwayat .nominal-group-point{text-align:center;display:flex;flex-direction:column;justify-content:center;width:20%;grid-gap:2px;gap:2px}.container-riwayat-superkas .container-list-riwayat .row-riwayat .nominal-group-point .kas-in{color:#09d38e}.container-riwayat-superkas .container-list-riwayat .row-riwayat .nominal-group-point .kas-out{color:#e86666}.container-riwayat-superkas .container-list-riwayat .row-riwayat .nominal-group-point .bold{font-weight:700}.container-riwayat-superkas .container-list-riwayat .row-riwayat .nominal-group-point span{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:right;color:#292929}.container-riwayat-superkas .container-list-riwayat .row-riwayat .text-group{display:flex;flex-direction:column;text-align:left;width:60%;grid-gap:2px;gap:2px}.container-riwayat-superkas .container-list-riwayat .row-riwayat .text-group b{font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.21;letter-spacing:normal;text-align:left;color:#292929}.container-riwayat-superkas .container-list-riwayat .row-riwayat .text-group p{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.21;letter-spacing:normal;text-align:left;color:#292929}.container-riwayat-superkas .container-list-riwayat .row-riwayat .text-group span{font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.17;letter-spacing:normal;text-align:left;color:#292929;opacity:.5}.container-riwayat-superkas .container-list-riwayat .row-riwayat .image-group{text-align:center;width:20%}.container-riwayat-superkas .container-list-riwayat .row-riwayat .image-group img{height:100%;width:35px}.container-riwayat-superkas .bg-header{height:100px;background-color:#4b75ec}.container-riwayat-superkas .bg-header .group-text{padding:20px;height:100%;color:#fff;text-align:center}.container-riwayat-superkas .bg-header .group-text p{padding-bottom:6px;font-size:16px;font-weight:lighter;font-stretch:normal;font-style:normal;line-height:1.21;letter-spacing:normal;text-align:center;color:#fff}.container-riwayat-superkas .bg-header .group-text b{font-size:22px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.21;letter-spacing:normal;text-align:center;color:#fff}.container-riwayat-superkas .bg-header .saldo-wd{background-color:#edf1fc;padding:20px;border-radius:0 0 20px 20px}.container-riwayat-superkas .bg-header .saldo-wd button{width:100%;background-color:#406ae2;color:#fff;padding:15px;font-size:14px;border:none;border-radius:12px;display:flex;align-items:center;grid-gap:10px;gap:10px;justify-content:center}.container-riwayat-superkas .mid-button{background-color:#e9efff;height:80px}.container-riwayat-superkas .mid-button .btn-group{height:100%;padding:16px 20px}.container-riwayat-superkas .kas-date-section{margin-top:20px;padding:0 25px}.container-riwayat-superkas .kas-date-section .kas-date-transaction{display:flex;align-items:center;justify-content:space-between}.container-riwayat-superkas .kas-date-section .kas-date-transaction .kas-date-dropdown{display:flex;align-items:center;justify-content:center;grid-gap:5px;gap:5px;border:2px solid #406ae2;border-radius:8px;padding:3px 5px;color:#406ae2}.container-riwayat-superkas .kas-date-section .kas-date-choosen{margin-top:15px;background-color:#edf1fc;border-radius:10px;text-align:center;padding:20px}.container-riwayat-superkas .kas-list-section{padding:20px 25px 0}.container-riwayat-superkas .kas-list-section .data-history-kas{display:flex;justify-content:space-between;align-items:center;align-content:center;margin-bottom:20px;border-bottom:2px solid #f5f5f5;padding-bottom:10px}.container-riwayat-superkas .kas-list-section .data-history-kas .history-kas-info{width:55%;display:flex;flex-wrap:wrap;grid-gap:5px;gap:5px;flex-direction:column}.container-riwayat-superkas .kas-list-section .data-history-kas .history-kas-info span{color:#406ae2}.container-riwayat-superkas .kas-list-section .data-history-kas .gray-text{color:#949494}.container-riwayat-superkas .kas-list-section .data-history-kas .green-text{color:#09d38e}.container-riwayat-superkas .kas-list-section .data-history-kas .red-text{color:#fc7171}.container-riwayat-superkas .kas-list-section .data-history-kas .riwayat-amount{width:25%}.MuiAppBar-colorPrimary{background-color:#4b75ec!important}.bg-akun:before{height:206px;position:absolute}.bg-akun:before,.bg-penarikan:before{content:"";display:block;background-color:#4b75ec;border-radius:0 0 20px 20px;width:100%;z-index:-1}.bg-penarikan:before{height:19vmax}.container-akun .container-body-akun{padding:16px 16px 80px;overflow:auto}.container-akun .container-body-akun .container-header-akun{height:170px}.container-akun .container-body-akun .container-header-akun .wrapper-header-content{display:flex;height:100%}.container-akun .container-body-akun .container-header-akun .wrapper-header-content .container-scan{margin:40px auto;width:calc(30% - 48px)}.container-akun .container-body-akun .container-header-akun .wrapper-header-content .container-scan .scan-btn{border-radius:6px;height:75px;width:60px;background-color:#fff}.container-akun .container-body-akun .container-header-akun .wrapper-header-content .container-scan .scan-btn .outer-qrcode{text-align:center;padding-top:5px}.container-akun .container-body-akun .container-header-akun .wrapper-header-content .container-scan .scan-btn .outer-qrcode img{height:50px}.container-akun .container-body-akun .container-header-akun .wrapper-header-content .container-scan .scan-btn .my-qr-btn{font-size:10px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#406ae2;text-align:center}.container-akun .container-body-akun .container-header-akun .wrapper-header-content .detail-header{width:50%;margin-top:50px;color:#fff}.container-akun .container-body-akun .container-header-akun .wrapper-header-content .detail-header h4{padding-bottom:8px;font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff}.container-akun .container-body-akun .container-header-akun .wrapper-header-content .detail-header p{line-height:1.5;font-weight:400}.container-akun .container-body-akun .container-header-akun .wrapper-header-content .detail-header p,.container-akun .container-body-akun .container-header-akun .wrapper-header-content .detail-header p b{font-size:14px;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#fff}.container-akun .container-body-akun .container-header-akun .image-profile{width:48px;height:48px;background-color:#fff;border-radius:100%;text-align:center;padding:2px;margin:auto 10px}.container-akun .container-body-akun .container-header-akun .image-profile img{height:44px;border-radius:100%}.container-akun .container-body-akun .container-header-akun .title-akun{font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#fff;margin-left:10px}.container-akun .container-body-akun .outer-wallet-container{display:block}.container-akun .container-body-akun .outer-wallet-container .super-wallet-container{margin:0;position:relative}.container-akun .container-body-akun .outer-wallet-container .menu-akun{margin-top:16px;width:100%;padding:0 9px;border-radius:10px;box-shadow:0 0 6px 0 rgba(0,0,0,.1);background-color:#fff;display:flex;align-items:center;justify-content:flex-end;display:block}.container-akun .container-body-akun .outer-wallet-container .menu-akun .wrapper-menu-akun{padding:12px 0}.container-akun .container-body-akun .outer-wallet-container .menu-akun .divider-menu{width:95%;border-bottom:1px solid #dadade;margin:auto}.container-akun .container-body-akun .outer-wallet-container .menu-akun .container-profile-image{width:40px;height:40px;display:flex;justify-content:center;padding:9px}.container-akun .container-body-akun .outer-wallet-container .menu-akun .container-profile-image img{height:20px}.container-akun .container-body-akun .outer-wallet-container .menu-akun .container-detail-profile p{font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a;opacity:.4}.container-akun .container-body-akun .outer-wallet-container .menu-akun .container-detail-profile h4{padding:5px 0;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.container-akun .container-body-akun .outer-wallet-container .menu-akun .container-detail-profile .log-out{line-height:2.5}.container-change-pin{padding:40px 16px 16px}.container-change-pin .header-text{font-size:14px;font-weight:700;color:#414141}.container-change-pin .body-text,.container-change-pin .header-text{font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center}.container-change-pin .body-text{margin-top:16px;font-size:12px;font-weight:400;color:#3a3a3a}.container-change-pin .form-input-pin{text-align:center}.container-change-pin .form-input-pin .text-error{color:#fc7171}.container-change-pin .form-input-pin .loading-pin{padding:20px}.container-change-pin .form-input-pin .input-view{display:flex;justify-content:center}.container-change-pin .form-input-pin .input-view input[type=password]{height:40px;width:40px;text-align:center;font-size:2em;border:1px solid #000}.container-change-pin .form-input-pin .input-view .dot{caret-color:transparent;margin:5px;height:16px;width:16px;text-align:center;font-size:30px;border-radius:100%;border:1px solid #406ae2}.container-change-pin .form-input-pin .input-view .insert-pin{border:8px solid #406ae2}.container-change-pin .form-input-pin .forgot-pin{margin-top:32px;font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#406ae2}.faq-separator{padding:5px;background-color:#e2e8f9}.faq-section{padding:15px}.faq-section .faq-header{margin-top:15px}.faq-section .faq-date{display:flex;grid-gap:20px;gap:20px;margin-top:3px}.faq-section .faq-date p{margin-top:8px}.faq-section .faq-detail{display:flex;border-radius:8px;padding:15px 5px;align-items:center;margin-top:15px}.faq-section .detail-phone{background-color:#e9efff;justify-content:space-around}.faq-section .detail-phone span{font-weight:700}.faq-section .detail-wa{border:1px solid #5ac245;color:#5ac245;justify-content:center;grid-gap:5px;gap:5px}.faq-section .detail-wa p{font-weight:700}.faq-section .questions{font-size:16px;font-weight:700;margin-bottom:15px}.modal-contact.detail-faq{position:relative;height:35vh;padding:16px}.modal-contact.detail-faq .contact-info{margin-bottom:12px;display:flex}.modal-contact.detail-faq .contact-info .image-wa{width:20%}.modal-contact.detail-faq .contact-info .group-contact{width:80%}.modal-contact.detail-faq .contact-info .group-contact .phone-number{font-weight:700;margin-bottom:6px}.modal-contact.detail-faq .contact-info .group-contact .group-schedule{display:flex}.modal-contact.detail-faq .contact-info .group-contact .group-schedule .contact-days,.modal-contact.detail-faq .contact-info .group-contact .group-schedule .contact-hours{width:50%;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;color:#3a3a3a}.modal-contact.detail-faq .contact-info .group-contact .group-schedule .contact-hours{margin-left:20px}.modal-contact.detail-faq .modal-footer{width:100%;display:flex;align-items:center;justify-content:space-between;position:absolute;bottom:0;left:0;padding:0 16px 12px}.modal-contact.detail-faq .modal-footer .btn-modal{display:flex;align-items:center;justify-content:center;height:48px;border-radius:8px;padding:12px 0;width:50%;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.modal-contact.detail-faq .modal-footer .btn-phone{margin-right:5px;border:1px solid #406ae2;background-color:#fff;color:#406ae2}.modal-contact.detail-faq .modal-footer .btn-wa{margin-left:5px;border:none;background-color:#5ac245;color:#fff}.container-modal-pin-success{padding:0 20px 20px;text-align:center}.container-modal-pin-success .image-pin-success,.container-modal-pin-success .text-modal{margin-bottom:20px}.container-modal-pin-success .image-pin-success img{height:190px}.modal-hub-kami{height:auto!important}.modal-contact{height:35vh}.Collapsible{background-color:#fff;border:1px solid #ebebeb;border-radius:10px;margin-bottom:10px;box-shadow:0 2px 6px 0 rgba(0,0,0,.16)}.Collapsible__contentInner{margin:10px 0;padding:10px}.Collapsible__contentInner p{margin-bottom:10px;font-size:12px;line-height:20px}.Collapsible__contentInner p:last-child{margin-bottom:0}.Collapsible__trigger{display:block;font-weight:400;font-size:15px;text-decoration:none;color:#333;position:relative;border:1px solid #fff;padding:10px;color:"#000"}.Collapsible__trigger:after{position:absolute;right:10px;top:10px;display:block;transition:transform .3s}.Collapsible__trigger.is-open:after{transform:rotate(180deg)}.Collapsible__trigger.is-disabled{opacity:.5;background-color:grey}.CustomTriggerCSS{background-color:#f08080;transition:background-color .2s ease}.CustomTriggerCSS--open{background-color:#483d8b}.Collapsible__custom-sibling{padding:5px;font-size:12px;background-color:#cbb700;color:#000}.ajukan-nota-container{padding:12px 28px}.ajukan-nota-container .filter-container{padding-left:0;margin-bottom:12px}.ajukan-nota-container .text-blur{opacity:.6}.ajukan-nota-container .product-info-card{padding-top:12px;border-radius:8px;box-shadow:0 2px 8px 0 rgba(73,73,73,.16);border:1px solid #e7e7e7;background:#fff}.ajukan-nota-container .product-info-card .product-info-body{background:#fff;border-radius:8px}.ajukan-nota-container .product-info-card .product-info-header{padding:9px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px dotted #d2d2d2;margin-bottom:7px}.ajukan-nota-container .product-info-card .pills{font-size:14px;font-weight:600;border-radius:12.5px;color:#fff;padding:4px 9px}.ajukan-nota-container .product-info-card .pills-done{background-color:#08c685}.ajukan-nota-container .product-info-card .pills-ongoing{background-color:#5580e9}.ajukan-nota-container .product-info-card .pills-cancel{background-color:#fc7171}.ajukan-nota-container .product-info-card .pills-draft{background-color:#a9a9a9}.ajukan-nota-container .product-info-card .product-info-middle{display:flex;justify-content:space-between;padding:5px 12px;margin-bottom:5px}.ajukan-nota-container .product-info-card .product-info-middle .left-section *{margin-bottom:3px}.ajukan-nota-container .product-info-card .product-info-middle .right-section{display:flex;flex-direction:column;align-items:flex-end}.ajukan-nota-container .product-info-card .product-info-middle .right-section *{margin-bottom:3px}.ajukan-nota-container .product-info-card .product-info-bottom{display:flex;flex-direction:column;align-items:flex-start;padding:12px 12px 0;margin-bottom:14px}.ajukan-nota-container .product-info-card .product-info-bottom .bottom-info{width:100%;display:flex;justify-content:space-between;align-items:center}.ajukan-nota-container .product-info-card .product-info-footer-promo{background-color:rgba(64,106,226,.05);padding:2px 12px}.ajukan-nota-container .product-info-card .product-info-footer-promo img{height:39px;width:39px}.ajukan-nota-container .product-info-card .product-info-footer-promo .footer-text{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.ajukan-nota-container .product-info-card .status-bar{width:100%;background-color:#e9efff;padding:8px 12px;margin-top:8px;display:flex;justify-content:space-between}.ajukan-nota-container .product-info-card .status-bar img{width:30px;height:30px}.form-nota-container .text-blur{opacity:.6}.form-nota-container .form-container{padding:16px}.form-nota-container .form-container .form-title{font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a;margin-bottom:4px}.form-nota-container .form-container .form-subtitle{opacity:.5;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#292929;margin-bottom:4px}.form-nota-container .form-container .pills{font-size:14px;font-weight:600;border-radius:12.5px;color:#fff;padding:4px 9px}.form-nota-container .form-container .pills-done{background-color:#08c685}.form-nota-container .form-container .pills-ongoing{background-color:#5580e9}.form-nota-container .form-container .pills-cancel{background-color:#fc7171}.form-nota-container .form-container .pills-draft{background-color:#a9a9a9}.form-nota-container .form-container .btn{border-radius:8px;margin:8px 0;cursor:pointer}.form-nota-container .form-container .btn-dashed{border:2px dashed #c8c8c8}.form-nota-container .form-container .btn-add-product{height:80px;display:flex;align-items:center;padding-left:16px}.form-nota-container .form-divider{background-color:#e9efff;height:8px;width:100%}.product-pengajuan-card{max-width:100%;min-height:108px;display:flex;align-items:center;border-radius:10px;box-shadow:0 2px 6px 0 rgba(0,0,0,.1);border:1px solid #e7e7e7;background-color:#fff;margin:16px 0;padding:12px 8px}.product-pengajuan-card .chip{padding:2px 8px 4px;border-radius:5px;background-color:#5580e9;font-weight:600;color:#fff}.product-pengajuan-card .chip,.product-pengajuan-card .primary-text{font-size:12px;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.product-pengajuan-card .primary-text{font-weight:400;color:#3a3a3a}.product-pengajuan-card .primary-text.large{font-size:14px}.product-pengajuan-card .sub-text{opacity:.5;font-size:12px;font-weight:400}.product-pengajuan-card .important-text,.product-pengajuan-card .sub-text{font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.product-pengajuan-card .important-text{font-size:14px;font-weight:600}.product-pengajuan-card .card-section{height:100%;padding:0 2px}.product-pengajuan-card .asset-section img{width:80px;height:80px}.product-pengajuan-card .info-section{width:100%;display:flex;flex-direction:column}.product-pengajuan-card .info-section .header-section{display:flex;justify-content:space-between}.product-pengajuan-card .info-section .footer-section{display:flex;width:100%;justify-content:space-between;padding-top:16px}.nota-product-card,.product-pengajuan-card .info-section .footer-section .section-container{display:flex;flex-direction:column}.nota-product-card{height:195px;padding:6px 0;border-radius:10px;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);background-color:#fff;align-items:center;justify-content:space-between}.nota-product-card .nota-product-card__image{width:80px;height:80px}.nota-product-card .nota-product-card__title{font-weight:400;color:#3a3a3a}.nota-product-card .nota-product-card__info,.nota-product-card .nota-product-card__title{font-size:12px;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center}.nota-product-card .nota-product-card__info{font-weight:700;color:#406ae2}.nota-product-card .nota-product-card__footer{padding:4px 5px 0;border-top:1px solid hsla(0,0%,43.9%,.3)}.nota-product-card .nota-product-card__footer span{font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#242424}.nota-product-card .nota-product-card__footer .nota-product-card__footer-btn{padding:2px 6px;border-radius:6px;border:1px solid #406ae2;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#406ae2}.nota-product-detail{display:flex;flex-direction:column;position:relative;height:68vh;overflow-y:auto}.nota-product-detail .nota-product-detail__info{padding:0 16px 16px;display:flex;align-items:flex-start}.nota-product-detail .form-divider{background-color:#e9efff;height:8px;width:100%;margin:0;padding:0}.nota-product-detail .nota-product-detail__info-aset{margin-right:12px}.nota-product-detail .nota-product-detail__info-product{height:27vh;width:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.nota-product-detail .nota-product-detail__info-product .info-product__title{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#242424;margin-bottom:16px}.nota-product-detail .nota-product-detail__info-product .info-product__text--bold{font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#242424}.nota-product-detail .nota-product-detail__info-product .info-product__btn-list{display:flex;margin:12px 0}.nota-product-detail .nota-product-detail__info-product .btn-list__unit{text-transform:capitalize;padding:8px 16px;margin-right:8px;border-radius:15px;border:1px solid #e6e5e5;background-color:#fff;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#3a3a3a}.nota-product-detail .nota-product-detail__info-product .btn-list__unit.active{border:1px solid #406ae2;background-color:#e9efff;font-weight:600;color:#406ae2}.nota-product-detail .nota-product-detail__info-product .info-product__price{font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#292929}.nota-product-detail .nota-product-detail__info-product .info-product__price .text-bold{font-size:14px;font-weight:700}.nota-product-detail .nota-product-detail__info-product .info-product__price .active{background-color:#e9efff;font-weight:700;position:relative}.nota-product-detail .nota-product-detail__info-product .info-product__price .active .highlight:before{content:"";position:absolute;margin-top:-6px;left:0;width:6px;height:30px;top:6px;background:#406ae2;border-radius:0 3px 3px 0}.nota-product-detail .info-product__price table{width:65vw;margin-bottom:12px}.nota-product-detail .nota-product-detail__input-container{display:flex;flex-direction:column;padding:16px}.nota-product-detail .nota-product-detail__input-container .input-container__title{font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a;margin-bottom:22px}.nota-product-detail .nota-product-detail__input-container .info-product__price{font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#292929;margin-bottom:8px}.nota-product-detail .nota-product-detail__input-container .input-container__price{margin-bottom:10px}.nota-product-detail .nota-product-detail__input-container .input-container__price .MuiInputLabel-outlined.MuiInputLabel-shrink{background:#fff;padding:0 2px}.nota-product-detail .nota-product-detail__input-container .input-container__quantity{display:flex;align-items:center}.nota-product-detail .nota-product-detail__input-container .input-container__quantity-field{height:36px;width:20%;margin:0 8px}.nota-product-detail .nota-product-detail__input-container .input-container__quantity-field input[type=number]{text-align:center;font-weight:700}.nota-product-detail .nota-product-detail__input-container .MuiOutlinedInput-root{border-radius:8px;font-size:14px!important}.nota-product-detail .btn-modal-nota-produk{margin:0 16px;width:90%;font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#fff;border-radius:8px;background-color:#406ae2}.nota-product-detail .btn-modal-nota-produk.remove{background-color:#fc7171}.modal__detail_image{height:92vh}.detail-nota-image{text-align:center}.detail-nota-image img{width:100%;height:81vh;image-rendering:pixelated}.nota-detail-container .nota-detail-section__image-container{margin-top:8px}.nota-detail-container .nota-detail-section__image-container img{width:100%;height:59px;border-radius:4px}.nota-detail-container .nota-detail__promo-container{margin-top:16px;padding:8px;border-radius:10px;background-color:rgba(64,106,226,.05)}.nota-detail-container .nota-detail__promo-container img{height:40px;width:40px}.nota-detail-container .nota-detail__promo-container .nota-detail__promo-typography{font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.nota-detail-container .nota-detail__promo-container .nota-detail__promo-input{background-color:#fff}.nota-detail-container .nota-detail__promo-container .nota-detail__promo-input .MuiOutlinedInput-root{border-radius:10px;border-color:red}.nota-detail-container .nota-detail__promo-container .nota-detail__promo-input input[type=text]{font-weight:700;color:#3a3a3a}.nota-detail-container .nota-detail__promo-container .nota-detail__promo-input.disabled input[type=text]{font-weight:700;color:#bababa}.nota-detail-container .nota-detail__promo-container .nota-detail__promo-btn{height:44px;border-radius:8px;background-color:#406ae2;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#fff;text-transform:capitalize}.nota-detail-container .nota-detail__promo-container .nota-detail__promo-btn:disabled{background-color:#bababa}.nota-price-detail{padding:4px 16px}.nota-price-detail .nota-price-detail__header{display:flex;margin-bottom:8px}.nota-price-detail .nota-price-detail__header img{width:80px;height:80px;border-radius:10px;border:1px solid #c8c8c8;margin-right:16px}.nota-price-detail .nota-price-detail__header .pills{max-width:65px;padding:4px;margin-bottom:4px;border-radius:5px;font-size:12px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center}.nota-price-detail .nota-price-detail__header .pills-ongoing{background-color:#5580e9;color:#fff}.nota-price-detail .nota-price-detail__header .font-title{font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.nota-price-detail .nota-price-detail__footer{display:flex;flex-direction:column}.nota-price-detail .nota-price-detail__footer .lead-text{opacity:.65;font-size:12px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.nota-price-detail .nota-price-detail__footer .sub-text-bold{font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3a3a3a}.nota-price-detail .nota-price-detail__footer .horizontal-divider{margin:0 12px;height:28px;width:2px;background-color:#000;opacity:.1}.MuiInputBase-root.MuiOutlinedInput-root.Mui-disabled{background:rgba(58,58,58,.2)}.faq-body{overflow:auto;height:auto}.faq-quest-border{border:1px solid #406ae2!important}.faq-collapse-questions{background-color:#fff;border:1px solid #ebebeb;border-radius:10px;margin-top:10px;box-shadow:0 2px 6px 0 rgba(0,0,0,.16);padding:10px;display:flex;align-content:center;align-items:center;justify-content:space-between}.faq-collapse-answer{padding:10px}.footer-tarik-saldo{position:fixed;z-index:100;bottom:0;height:90px;width:100%;background-color:#fff;display:flex;box-shadow:0 -2px 6px rgba(0,0,0,.16);justify-content:space-between;padding-inline:1em;align-items:center;border-radius:16px 16px 0 0}.modal-bank,.modal-confirm-withdraw,.modal-delete-rek,.modal-filter-lokasi,.modal-filter-promo,.modal-filter-status,.modal-others{height:auto!important;border-top-left-radius:20px;border-top-right-radius:20px}.btn-chevron{padding-right:8px!important}.btn-penarikan-saldo,.btn-tambah-rekening{margin:16px 0!important;height:48px;border-radius:12px!important}.btn-penarikan-saldo,.btn-pilih,.btn-tambah-rekening{background-color:#406ae2!important;text-transform:capitalize!important;font-weight:700!important}.btn-pilih{height:36px;border-radius:8px!important}.btn-pilih .MuiButton-label{font-weight:700;font-size:14px;line-height:17px;color:#fff}.btn-batal,.btn-submit-withdraw{background-color:#406ae2!important;text-transform:capitalize!important;font-weight:700!important;height:48px;border-radius:8px!important;margin-bottom:1em!important}.btn-batal .MuiButton-label,.btn-submit-withdraw .MuiButton-label{font-weight:700;font-size:14px;line-height:17px;color:#fff}.btn-cancel-withdraw,.btn-delete{background-color:#fff!important;text-transform:capitalize!important;color:#292929!important;font-weight:700!important;height:48px;border-radius:8px!important;box-shadow:none!important;color:#406ae2!important}.btn-cancel-withdraw .MuiButton-label,.btn-delete .MuiButton-label{font-weight:400;font-size:14px;line-height:17px}.btn-ubah{background-color:#fff!important;text-transform:capitalize!important;color:#292929!important;font-weight:700!important;height:36px;border-radius:8px!important}.btn-ubah .MuiButton-label{font-weight:400;font-size:14px;line-height:17px}.helper-text{margin-inline:0!important;margin-top:.5em!important;font-style:normal;font-weight:400;font-size:12px!important;line-height:14px!important;color:#949494!important}.snackbar-error .MuiSnackbarContent-root{border-radius:6px!important;background-color:#ff4a4a!important;font-size:14px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center;color:#fff;justify-content:center}.container-saldo{padding-inline:2em;padding-top:1.5em;padding-bottom:8em;height:80vh;overflow-y:scroll}.mt-2{margin-top:2em!important}.list-bank{padding-block:2em;padding-inline:1.5em}.mb-1{margin-bottom:1em}.divider-menu{width:100%;border-bottom:1px solid #dadade;margin:auto}.radio-row{justify-content:space-between;margin-block:.5em}.radio-bank{margin-right:.25em!important}.empty-page-tarik-saldo{display:flex;flex-direction:column;justify-content:center;align-items:center;height:65%}.label-empty-bottom{font-weight:400}.label-empty-bottom,.label-empty-top{font-style:normal;font-size:14px;line-height:16px;text-align:center;color:#292929}.label-empty-top{font-weight:700;margin-top:2em;margin-bottom:1em}.detail-bank{font-size:16px;line-height:22px;margin-top:1em}.detail-bank,.pilih-bank{font-style:normal;font-weight:700;color:#292929}.pilih-bank{font-size:14px;line-height:17px}.tarik-saldo{padding-inline:1em;padding-block:1.5em}.tarik-saldo-label{font-style:normal;font-weight:700;font-size:16px;line-height:19px;color:#292929;margin-bottom:.5em}.tarik-saldo-sublabel{font-style:normal;font-weight:400;font-size:14px;line-height:17px;color:#3a3a3a;opacity:.5;margin-bottom:1.5em}.tarik-saldo-card{background:#fff;box-shadow:0 1px 6px rgba(0,0,0,.16);border-radius:10px;padding-inline:1em;padding-block:1.25em;margin-bottom:1.25em}.tarik-saldo-card-delete{align-self:flex-start}.tarik-saldo-card-label{font-style:normal;font-weight:700;font-size:12px;line-height:14px;color:#292929;display:flex;justify-content:space-between;align-items:center;word-break:break-word}.tarik-saldo-card-label-col{flex-direction:column}.tarik-saldo-card-label-col-owner{font-weight:700;font-size:12px;line-height:14px;color:#292929;margin-bottom:.5em}.tarik-saldo-card-label-col-bank{font-weight:400;font-size:14px;line-height:17px;color:#292929;margin-bottom:.5em}.tarik-saldo-card-label-col-rek{font-weight:400;font-size:14px;line-height:17px;color:#949494}.tarik-saldo-card-actions{display:flex;grid-gap:.5em;gap:.5em;margin-top:.75em}.center-end{text-align:end;margin-right:1em}.confirm-withdraw,.delete-rek{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-inline:1.5em;padding-bottom:1em}.confirm-withdraw-label,.delete-rek-label{font-weight:400;font-size:14px;line-height:17px;text-align:center;color:#292929;margin-top:1em;margin-bottom:1.5em}.position-relative{position:relative!important}.total-saldo{position:absolute;inset:0;display:flex;flex-direction:column;margin:4em auto auto}.total-saldo-label{font-weight:400;font-size:16px;line-height:19px;text-align:center;color:#fff;margin-bottom:1em}.total-saldo-value{font-size:22px;line-height:26px;text-align:center;color:#fff}.penarikan-saldo-container{padding-inline:1em;padding-top:1.5em}.labelling{display:flex;flex-direction:column}.labelling-top{font-weight:700;font-size:16px;line-height:19px;color:#292929;margin-bottom:1em}.labelling-owner{font-weight:700;font-size:12px;line-height:14px;color:#292929;margin-bottom:.5em;word-break:break-word}.labelling-bank{color:#292929;margin-bottom:.5em}.labelling-bank,.labelling-rek{font-weight:400;font-size:14px;line-height:17px}.labelling-rek{color:#949494}.nominal-penarikan{display:flex;flex-direction:column}.nominal-penarikan-label{font-weight:700;font-size:16px;line-height:19px;color:#292929;margin-top:1.5em}.nominal-penarikan-chips{display:flex;grid-gap:.5em;gap:.5em;margin-top:1em}.nominal-penarikan-chips-value{color:#406ae2;width:-moz-fit-content;width:fit-content;height:25px;background:#fff;border:1px solid #d2d2d2;border-radius:8px;display:flex;justify-content:center;align-items:center;padding-inline:1em;padding-block:1em;flex-grow:1;font-size:3vmin}.nominal-entry-label{margin-top:1.5em;margin-bottom:1em;font-weight:400;font-size:16px;line-height:19px;color:#292929}.nominal-entry-input-form>input{background:#edf1fc;border-radius:10px;color:#4b75ec;font-weight:700;font-size:16px;line-height:19px;text-align:center}.nominal-entry-input-form>fieldset{border:none!important}.ketentuan-penarikan-label{font-weight:700;font-size:16px;line-height:19px;color:#292929;margin-top:1.25em}.ketentuan-penarikan-list{font-style:normal;font-weight:400;font-size:12px;line-height:14px;color:#292929;list-style:none}.ketentuan-penarikan-list li:before{content:"\2022";color:#406ae2;font-weight:700;display:inline-block;margin-right:.25em;font-size:30px;vertical-align:middle}.ketentuan-penarikan-list li{margin-block:1em;font-weight:400;font-size:14px;line-height:17px;color:#292929;display:flex;align-items:center;word-break:break-word}.custom-header-riwayat{border-radius:0!important}.wrapper-filter-tgl-riwayat{padding:0 20px}.wrapper-filter-tgl-riwayat .list-filter-riwayat{padding:10px 0;border-bottom:1px solid #d1d1d1;display:flex;align-items:center;align-content:center;justify-content:space-between}.wrapper-filter-tgl-riwayat .MuiSvgIcon-root{border:2px solid #d1d1d1;border-radius:100%}.color-check-white .MuiCheckbox-colorSecondary{color:#fff!important}.color-check-blue .MuiSvgIcon-root{border:2px solid #406ae2;border-radius:100%}.color-check-blue .MuiCheckbox-colorSecondary{color:#406ae2!important}.product-method-info{display:flex;justify-content:space-between;margin:15px 5px 10px}.product-method-info span{font-size:12px;color:#3a3a3a}.product-method-info span:first-child{font-weight:100}.product-method-info span:nth-child(2){font-weight:600}.alert-stock-nota{font-size:14px;color:#ff4a4a}.alert-border-nota{border-color:#ff4a4a}.dropzone-preview{position:relative}.dropzone-preview .btn-trash{position:absolute;background-color:red;border:none;left:74px;top:9px;padding:1px 3px;color:#fff}.outer-notification-card-active{background-color:#e0e8fc;padding:0 10px}.outer-notification-card{padding:0 10px}.last-outer-notification-card-active{background-color:#e0e8fc}.last-outer-notification-card,.last-outer-notification-card-active{padding:0 10px;border-radius:0 0 10px 10px}.info-picture{width:48px;height:48px;border-radius:6px;margin-left:12px}.info-detail-picture{height:165px;width:100%;image-rendering:pixelated}.notification-card{margin-top:16px;border-radius:10px;box-shadow:0 2px 6px 0 rgba(0,0,0,.1)}.notification-card .notification-card-header{height:38px;margin:0;padding:11px 203px 11px 16px;display:flex;border-radius:10px 10px 0 0;background-color:#e8eeff}.notification-card .notification-card-body-active{height:130px;padding:10px 10px 15px;background-color:#e0e8fc;border-bottom:1px solid rgba(0,0,0,.1)}.notification-card .notification-card-body-active .left-section{width:80%;height:100%;float:left}.notification-card .notification-card-body-active .left-section *{margin-bottom:5px}.notification-card .notification-card-body-active .left-section .left-title{font-size:14px;width:60%;min-width:170px;max-width:170px;display:flex!important;align-items:center;justify-content:space-between}.notification-card .notification-card-body-active .left-section .left-title .notification-time{min-width:65px}.notification-card .notification-card-body-active .right-section{width:20%;float:right;margin:auto}.notification-card .notification-card-body-active .right-section *{margin-bottom:3px}.notification-card .last-notification-card-active{height:130px;padding:10px 10px 15px;background-color:#e0e8fc;border-radius:0 0 10px 10px}.notification-card .last-notification-card-active .left-section{width:80%;height:100%;float:left}.notification-card .last-notification-card-active .left-section .left-title{font-size:14px;width:60%;min-width:170px;max-width:170px;display:flex!important;align-items:center;justify-content:space-between}.notification-card .last-notification-card-active .left-section .left-title .notification-time{min-width:65px}.notification-card .last-notification-card-active .right-section{width:20%;float:right;margin:auto}.notification-card .last-notification-card-active .right-section *{margin-bottom:3px}.notification-card .notification-card-body-stok-active{height:130px;padding:10px 10px 15px;background-color:#e0e8fc;border-bottom:1px solid rgba(0,0,0,.1)}.notification-card .notification-card-body-stok-active .left-section{width:80%;height:100%;float:left}.notification-card .notification-card-body-stok-active .left-section *{margin-bottom:5px}.notification-card .notification-card-body-stok-active .left-section .left-title{font-size:14px;width:60%;min-width:170px;max-width:170px;display:flex!important;align-items:center;justify-content:space-between}.notification-card .notification-card-body-stok-active .left-section .left-title .notification-time{min-width:65px}.notification-card .notification-card-body-stok-active .right-section{width:20%;float:right;margin:auto}.notification-card .notification-card-body-stok-active .right-section *{margin-bottom:3px}.notification-card .last-notification-card-body-stok-active{height:130px;padding:10px 10px 15px;background-color:#e0e8fc;border-radius:0 0 10px 10px}.notification-card .last-notification-card-body-stok-active .left-section{width:80%;height:100%;float:left}.notification-card .last-notification-card-body-stok-active .left-section .left-title{font-size:14px;width:60%;min-width:170px;max-width:170px;display:flex!important;align-items:center;justify-content:space-between}.notification-card .last-notification-card-body-stok-active .left-section .left-title .notification-time{min-width:65px}.notification-card .last-notification-card-body-stok-active .right-section{width:20%;float:right;margin:auto}.notification-card .last-notification-card-body-stok-active .right-section *{margin-bottom:3px}.notification-card .notification-card-body{height:130px;padding:10px 10px 15px;border-bottom:1px solid rgba(0,0,0,.1)}.notification-card .notification-card-body .left-section{width:80%;height:100%;float:left}.notification-card .notification-card-body .left-section .left-title{font-size:14px;width:60%;min-width:170px;max-width:170px;display:flex!important;align-items:center;justify-content:space-between}.notification-card .notification-card-body .left-section .left-title .notification-time{min-width:65px}.notification-card .notification-card-body .right-section{width:20%;float:right;margin:auto}.notification-card .notification-card-body .right-section *{margin-bottom:3px}.notification-card .last-notification-card-body{height:100px;padding:10px 10px 15px;border-radius:0 0 10px 10px}.notification-card .last-notification-card-body .left-section{width:80%;height:100%;float:left}.notification-card .last-notification-card-body .left-section .left-title{font-size:14px;width:60%;min-width:170px;max-width:170px;display:flex!important;align-items:center;justify-content:space-between}.notification-card .last-notification-card-body .left-section .left-title .notification-time{min-width:65px}.notification-card .last-notification-card-body .right-section{width:20%;float:right;margin:auto}.notification-card .last-notification-card-body .right-section *{margin-bottom:3px}.notification-card .notification-card-body-stok{height:130px;padding:10px 10px 15px;margin-bottom:5px;border-bottom:1px solid rgba(0,0,0,.1)}.notification-card .notification-card-body-stok .left-section{width:80%;height:100%;float:left}.notification-card .notification-card-body-stok .left-section *{margin-bottom:5px}.notification-card .notification-card-body-stok .left-section .left-title{font-size:14px;width:60%;min-width:170px;max-width:170px;display:flex!important;align-items:center;justify-content:space-between}.notification-card .notification-card-body-stok .left-section .left-title .notification-time{min-width:65px}.notification-card .notification-card-body-stok .right-section{width:20%;float:right;margin:auto}.notification-card .notification-card-body-stok .right-section *{margin-bottom:3px}.notification-card .last-notification-card-body-stok{height:130px;padding:10px 10px 15px;border-radius:0 0 10px 10px}.notification-card .last-notification-card-body-stok .left-section{width:80%;height:100%;float:left}.notification-card .last-notification-card-body-stok .left-section .left-title{font-size:14px;width:60%;min-width:170px;max-width:170px;display:flex!important;align-items:center;justify-content:space-between}.notification-card .last-notification-card-body-stok .left-section .left-title .notification-time{min-width:65px}.notification-card .last-notification-card-body-stok .right-section{width:20%;float:right;margin:auto}.notification-card .last-notification-card-body-stok .right-section *{margin-bottom:3px}.notification-card .btn-shop-now{width:124px;height:32px;margin:16px 124px 0 0;padding:10px 16px;border-radius:8px;border:1px solid #406ae2;font-size:8px}.notification-content,.notification-title{overflow:hidden;text-overflow:ellipsis}.notification-content{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.info-detail{height:554px;padding:16px 16px 299px;border-radius:10px 10px 0 0;box-shadow:0 -4px 16px 0 rgba(0,0,0,.1);background-color:#fff}.info-detail .info-title{margin:0 16px 24px 0;font-size:16px;font-weight:700;line-height:normal}.info-detail .info-body,.info-detail .info-title{font-stretch:normal;font-style:normal;letter-spacing:normal;color:#3a3a3a;word-break:break-word}.info-detail .info-body{margin:23px 0 16px;font-size:14px;font-weight:400;line-height:1.43}.sticky-tab{position:sticky;top:0!important;z-index:1;background-color:#fff}.left-title-info{font-size:14px;width:60%;min-width:100px;max-width:130px;display:flex!important;align-items:center;justify-content:space-between}.left-title-info .notification-time{min-width:65px}@font-face{font-family:"Barlow";font-weight:100;font-style:normal;src:url(/static/media/Barlow-Thin.cb9c83ec.eot)}@font-face{font-family:"Barlow";font-weight:200;font-style:normal;src:url(/static/media/Barlow-ExtraLight.78c2f490.eot)}@font-face{font-family:"Barlow";font-weight:300;font-style:normal;src:url(/static/media/Barlow-Light.e32ccc1e.eot)}@font-face{font-family:"Barlow";font-weight:400;font-style:normal;src:url(/static/media/Barlow-Regular.01dd4d12.eot)}@font-face{font-family:"Barlow";font-weight:500;font-style:normal;src:url(/static/media/Barlow-Medium.17dee4ae.eot)}@font-face{font-family:"Barlow";font-weight:600;font-style:normal;src:url(/static/media/Barlow-SemiBold.98205640.eot)}@font-face{font-family:"Barlow";font-weight:700;font-style:normal;src:url(/static/media/Barlow-Bold.fde7a12b.eot)}@font-face{font-family:"Barlow";font-weight:800;font-style:normal;src:url(/static/media/Barlow-ExtraBold.d08f1d1e.eot)}@font-face{font-family:"Barlow";font-weight:900;font-style:normal;src:url(/static/media/Barlow-Black.f2c9caae.eot)}.katalog-modal-title{font-family:"Roboto","Helvetica","Arial",sans-serif;font-size:16px;margin-bottom:10px}.katalog-modal-body .input-search-city{padding:0 19px;margin-bottom:10px}.katalog-modal-body .modal-filter-container{padding:0 24px;height:51vh;overflow-y:auto}.katalog-modal-body .modal-city-container{padding:0 19px;overflow-y:auto}.katalog-modal-body .modal-city-container .city-active{font-family:"Roboto","Helvetica","Arial",sans-serif;color:#406ae2;font-weight:700}.katalog-modal-body .modal-info-budle-container{padding:0 19px;height:59vh;overflow-y:auto}.katalog-footer-action{position:fixed;bottom:0;width:100vw;padding:16px;box-shadow:0 -2px 6px rgba(0,0,0,.08);background-color:#fff}.katalog-footer-action div{grid-gap:8px;gap:8px;display:flex}.katalog-footer-action div button{font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:700;padding-top:15px!important;padding-bottom:15px!important;font-size:16px;border-radius:12px}.katalog-footer-action div button:last-child{background-color:#406ae2}.card-product-katalog{margin-top:14px;width:100%;background-color:#fff;border-radius:10px;box-shadow:0 2px 8px 0 rgba(0,0,0,.16);border:1px solid #e7e7e7;display:flex;flex-direction:column}.card-product-katalog .card-header-produk{padding:20px 16px;display:flex;align-items:flex-start}.card-product-katalog .card-header-produk .card-header-produk-image{padding:7px 14px}.card-product-katalog .card-header-produk .card-header-info{width:72vw;padding-left:9px;margin-top:4px}.card-product-katalog .card-header-produk .card-header-info .product-title{font-weight:600}.card-product-katalog .card-header-produk .product-img-disabled{width:73px;opacity:.6;border-radius:4px;font-size:10px;background-color:#000;line-height:16px;margin:-42px -5px 20px}.card-product-katalog .card-body{border-bottom:1px solid #efefef;margin:-10px 15px 20px}.btn-type-rounded{border-radius:20px!important}.product-bundle{grid-gap:16px;gap:16px;padding:16px 0}.product-bundle .product-bundle-info .product-title{font-style:normal;font-weight:600;font-size:14px}.product-bundle .product-bundle-info .product-stok{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:8px 0}.product-bundle .product-bundle-info .product-stok .product-label-unit{color:#406ae2;border:1px solid #406ae2;padding:3px 8px;border-radius:4px}.center-content-loading{height:220px [];display:flex;flex-direction:column;justify-content:center;align-items:center}.search-katalog{width:100%;padding-left:19px;padding-right:19px;margin-top:2.5em;font-size:14px;color:#3a3a3a;font-weight:700;display:flex;justify-content:space-between;align-items:center}.search-katalog .MuiOutlinedInput-adornedStart{padding-left:2px}.checkbox-katalog{padding-inline:19px;margin-top:.25em;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 2px -2px rgba(0,0,0,.16)}.checkbox-label{font-family:"Barlow"!important;font-style:normal;font-weight:700!important;font-size:12px!important;line-height:14px!important;color:#a2a2a2}.address-label{font-style:normal;font-weight:400;font-size:12px;line-height:14px;margin-left:.5em;color:#3a3a3a}@media only screen and (max-width:400px){.grid-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content;padding-inline:1em;min-height:70vh;max-height:70vh;overflow-y:scroll;grid-gap:1.25em;gap:1.25em;justify-content:center;-ms-overflow-style:none;scrollbar-width:none;padding-top:.75em;padding-bottom:.75em;justify-items:center}}@media only screen and (min-width:401px){.grid-container{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-inline:1em;max-height:70vh;overflow-y:scroll;grid-gap:1.25em;gap:1.25em;justify-content:space-evenly;-ms-overflow-style:none;scrollbar-width:none;padding-top:.75em;padding-bottom:.75em;margin-bottom:6em;justify-items:center}}@media only screen and (min-width:600px){.grid-container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-inline:1em;max-height:70vh;overflow-y:scroll;grid-gap:1.25em;gap:1.25em;justify-content:space-evenly;-ms-overflow-style:none;scrollbar-width:none;padding-top:.75em;padding-bottom:.75em;margin-bottom:6em;justify-items:center}}@media only screen and (min-width:800px){.grid-container{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:max-content;padding-inline:1em;max-height:70vh;overflow-y:scroll;grid-gap:1.25em;gap:1.25em;justify-content:space-evenly;-ms-overflow-style:none;scrollbar-width:none;padding-top:.75em;padding-bottom:.75em;margin-bottom:6em;justify-items:center}}.grid-container::-webkit-scrollbar{display:none}.footer-katalog{position:fixed;bottom:0;height:90px;width:100%;background-color:#fff;display:flex;box-shadow:0 -2px 6px rgba(0,0,0,.16);justify-content:space-between;padding-inline:1em;align-items:center}.count-katalog{display:flex;flex-direction:column;grid-gap:.25em;gap:.25em}.kategori-footer{font-style:normal;font-weight:400;font-size:14px;line-height:17px;color:#242424}.produk-footer{font-style:normal;font-weight:700;font-size:16px;line-height:19px;color:#242424}.footer-product{position:absolute;bottom:0;height:90px;width:100%;background-color:#fff;box-shadow:0 -2px 6px rgba(0,0,0,.16);padding-inline:1em}.btn-convert-catalog-active{background:#406ae2;border-radius:10px;color:#fff}.scale-svg{transform:scale(1)}.share-link{display:flex;flex-direction:column;justify-content:center;align-items:center;font-style:normal;font-weight:500!important;font-size:12px!important;line-height:14px!important;text-align:center;color:#3a3a3a!important}.share-label{margin-top:1em}.modal-bagikan-katalog-content{display:flex;justify-content:space-evenly;padding-top:.75em}.modal-bagikan-katalog .modal-bottom-title-content>div{font-style:normal;font-weight:700!important;font-size:16px!important;line-height:19px!important;color:#3a3a3a!important}.reset-disabled{color:#d7d7d7!important}.reset-active{color:#406ae2!important}.loading-container{display:flex;justify-content:center;align-items:center}.snackbar-copy{display:flex;justify-content:space-between;align-items:center}.text-copy{font-weight:400!important;color:#fff!important}.ok-copy,.text-copy{font-style:normal;font-size:13px!important;line-height:16px!important}.ok-copy{font-weight:700!important;color:#9ec0f8!important}.show-onboarding-list div:first-child{position:relative!important}.home-icon-place{margin-right:16px;position:relative;display:flex}.white-color{color:#fff!important}.front-index{z-index:1450}.catalog-carousel .visible{z-index:1400}.filter-katalog button{border-radius:10px!important}.counter-catalog{background:#406ae2;color:#fff;padding:2px 5px;border-radius:100%}.pwa-header{padding-top:15px}.padding-pwa-head th{padding:5px 5px 0!important;font-size:10px!important;text-align:center!important}.empty-img{display:flex;margin:auto}.empty-img-label{display:flex;justify-content:center}.dropdown-list{height:75%;max-height:75%;overflow-y:scroll}.searchbar-dropdown{display:flex!important;justify-content:center;margin-inline:1.5rem!important;margin-bottom:1rem!important}.searchbar-dropdown .MuiInputBase-adornedStart{height:5.5vh}.searchbar-dropdown .MuiInputBase-adornedStart .MuiInputAdornment-positionEnd{margin-left:0!important}.searchbar-dropdown .MuiOutlinedInput-adornedStart{padding-left:0!important}.divider-search{border-bottom:1px solid #e7e7e7!important}.modal-categories-header{display:flex;flex-direction:column}.btn-show-data{height:48px!important;align-self:center!important;margin:16px 0!important}.btn-unit-product{background-color:#406ae2!important}.btn-lifestyle,.btn-unit-product{border:none!important;border-radius:6px!important;font-weight:400!important;font-size:11px!important;line-height:unset;color:#fff!important}.btn-lifestyle{background-color:#fcbf2f!important}.btn-price-info-product{border:1px solid #d2d2d2!important;border-radius:8px!important;padding:4px 12px 4px 6px!important}.btn-price-info-product span{margin-top:1px;font-weight:600}.color-price-product-catalog{color:#b8c8f4}.table-detail-product-catalog{width:90vw;text-align:center;border-spacing:0;font-size:12px;border:1px solid #d8d8d8;border-radius:10px}.table-detail-product-catalog thead{color:#fff}.table-detail-product-catalog tr{height:33px}.table-detail-product-catalog th{font-weight:500;background-color:#406ae0}.table-detail-product-catalog td{background:#f5f6f8;color:#3a3a3a}.table-detail-product-catalog tr:last-child td:first-child{border-bottom-left-radius:10px}.table-detail-product-catalog tr:last-child td:last-child{border-bottom-right-radius:10px}.card-testing-product{background:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.tipe-pt-container{height:50vh;overflow-y:scroll}.modal-city-footer{position:absolute;bottom:0;width:100%;padding:8px 15px 3px;margin-top:3px}.modal-city-footer button{font-weight:700;font-size:14px;line-height:bold;color:#fff!important;border-radius:8px;height:48px;background-color:#406ae2;line-height:normal;letter-spacing:normal;text-align:center}.cf:after,.cf:before{content:" ";display:table}.cf:after{clear:both}.cf{*zoom:1}.modal-view-images{background:rgba(0,0,0,.3686274509803922)}.modal-view-images .button-close{margin:16px}.modal-view-images .carousel-section{height:100%}.modal-view-images .carousel-section div{top:20%;position:relative}.retention-map-content{padding:20px 10px 15px}.retention-search-bar{margin:0 6px;display:flex;border-radius:100px;align-items:center;grid-gap:10px;gap:10px;background:#fff;padding:10px;box-shadow:0 2px 6px 0 rgba(0,0,0,.15);justify-content:space-between}.retention-search-bar p{width:80%;color:rgba(42,42,42,.3137254901960784)}.retention-map-legend{margin-top:15px;justify-content:space-between}.retention-filter,.retention-map-legend{display:flex;align-items:center;grid-gap:10px;gap:10px}.retention-filter{background:#fff;border-radius:100px;box-shadow:0 2px 6px 0 rgba(0,0,0,.15);padding:8px 8px 8px 10px}.modal-ret-info-wrapper .modal-ret-title{padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.12549019607843137)}.modal-ret-info-wrapper .modal-ret-title p{font-weight:700;margin-bottom:5px}.modal-ret-info-wrapper .modal-ret-title span{font-weight:400;font-size:14px}.ret-filter-list-wrapper .MuiCheckbox-colorSecondary.Mui-checked{color:#406ae2}.ret-filter-list-wrapper .ret-filter-list{padding-block:.5rem}.ret-btn-show{border-radius:10px!important;background-color:#406ae2!important;color:#fff!important;font-weight:700!important;text-align:center!important;padding:15px!important;margin-top:20px!important}.retention-search{width:100%}.retention-search .MuiInputBase-input{font-size:16px!important}.retention-search-input{padding:20px 10px 15px;box-shadow:0 1px 2px 0 rgba(0,0,0,.10196078431372549)}.retention-search-back{width:12%;text-align:center}.retention-search-list-detail p{margin-bottom:5px}.retention-search-list{border-bottom:1px solid rgba(0,0,0,.25098039215686274)}.retention-detail-customer{margin:20px 15px}.retention-customer-ordered{background-color:rgba(53,168,83,.188235)}.retention-customer-ordered,.retention-customer-unordered{margin-top:5px;padding:8px 5px 8px 8px;border-radius:20px;width:100px}.retention-customer-unordered{background-color:rgba(238,103,92,.188235)}.retention-customer-processed{margin-top:5px;padding:8px 5px 8px 8px;border-radius:20px;width:100px;background-color:rgba(255,207,11,.101961)}.gmaps-btn{border:1px solid #406ae2;color:#406ae2;border-radius:10px;padding:10px;cursor:pointer}.retention-cust-promo-wrapper{padding:20px 20px 110px}.img-null{margin-top:12vh;padding-bottom:15px}.name-label{color:#fff!important;font-size:20px!important;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.relative{position:relative!important}.scale1Half{transform:scale(1.5)}.scale1Quarter{transform:scale(1.25)}.reroute-place{position:absolute;right:15px;width:44px;height:44px;border-radius:50%;background:#fff;display:flex;justify-content:center;align-items:center}.sa-map-marker-routing-done{color:#188038}.sa-map-marker-routing-done,.sa-map-marker-routing-not-done{text-transform:capitalize;font-size:12px;font-weight:600;width:max-content}.sa-map-marker-routing-not-done{color:#d0493e}.sa-map-marker-routing-process{color:#ebbb00}.sa-map-marker-routing-no-order,.sa-map-marker-routing-process{text-transform:capitalize;font-size:12px;font-weight:600;width:max-content}.sa-map-marker-routing-no-order{color:#7c7c7c}.sa-map-marker-routing-blacklist{color:#3090d6;text-transform:capitalize;font-size:12px;font-weight:600;width:max-content}.retention-map-wrapper{position:fixed;top:0;width:100%}.name-container{display:flex;flex-direction:column;margin-left:.25rem;margin-top:-.1rem}.retention-map-blocked-gps{padding-inline:1rem}.retention-map-blocked-gps-square{background:#fcffff;border:1px solid #eee;border-radius:8px;display:flex;grid-gap:.5rem;gap:.5rem;padding-inline:.75rem;padding-block:.5rem;margin-block:1rem}.retention-map-blocked-gps-square-icon{align-self:center}.retention-map-blocked-gps-square-container{display:flex;flex-direction:column}.retention-map-blocked-gps-square-container-title{font-weight:700;font-size:13px;line-height:17px;color:#292929}.retention-map-blocked-gps-square-container-subtitle{font-weight:400;font-size:12px;line-height:17px;color:#292929}.retention-map-blocked-gps-label{font-weight:700;font-size:16px;line-height:21px;color:#2a2a2a;margin-top:1rem}.offline-container{display:flex;justify-content:center;flex-direction:column;align-items:center;padding-inline:1rem;padding-bottom:1rem}.offline-container-icon{margin-block:1.5rem}.offline-container-label{color:#292929;font-weight:700;font-size:16px;line-height:21px;margin-bottom:.75rem}.offline-container-desc{font-weight:400;font-size:13px;line-height:17px;color:#939393;margin-bottom:.75rem;text-align:center}.offline-container-button,.offline-container-button-blocked{background:#206bfa!important;color:#fff!important;border-radius:8px!important;font-size:16px!important;font-weight:700;text-transform:capitalize!important}.offline-container-button-blocked{margin-bottom:1rem!important}.modal-blocked-maps,.modal-offline-maps{height:auto!important;border-top-left-radius:20px;border-top-right-radius:20px}.card-map-detail{box-shadow:0 -2px 16px rgba(0,0,0,.16);border-radius:12px;background-color:#fff;position:fixed;bottom:1rem;left:1rem;z-index:10;width:calc(100vw - 2rem)}.card-map-detail .__header{padding:12px 16px;font-weight:700;font-size:14px;line-height:17px;color:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.card-map-detail .__header .range,.card-map-detail .__header .title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;grid-gap:7px;gap:7px}.card-map-detail .__body{background-color:#fff;padding:1rem;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;border-radius:12px}.card-map-detail .__body hr{border-top:2px dashed #d4d4d4}.card-map-detail .__body .info-name-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.card-map-detail .__body .info-name-wrapper .__stores{flex:1 1;display:flex;flex-direction:column;grid-gap:4px;gap:4px}.card-map-detail .__body .info-name-wrapper .__stores .name{font-weight:700;font-size:16px;line-height:19px;color:#292929}.card-map-detail .__body .info-name-wrapper .__stores .id{font-weight:500;font-size:12px;line-height:14px;color:#939393}.card-map-detail .__body .info-name-wrapper .__contact{flex:0 0 75px;display:flex;flex-direction:row;grid-gap:14px;gap:14px}.card-map-detail .__body .info-name-wrapper .__contact .phone,.card-map-detail .__body .info-name-wrapper .__contact .whatsapp{display:flex;align-items:center}.card-map-detail .__body .info-address-wrapper{display:flex;flex-direction:row;grid-gap:8px;gap:8px}.card-map-detail .__body .info-address-wrapper .__address{font-weight:400;font-size:12px;line-height:16px;color:#292929}.card-map-detail .__body .info-actions-wrapper{display:flex;flex-direction:row;justify-content:space-between;grid-gap:1rem;gap:1rem}.card-map-detail .__body .info-actions-wrapper .__btn-add-transaction,.card-map-detail .__body .info-actions-wrapper .__btn-gmaps{flex:1 1}.card-map-detail .__body .info-actions-wrapper .__btn-gmaps .button-icon-color{font-weight:700;border:1px solid rgba(64,106,226,.2)}.card-map-detail .__body .info-actions-wrapper .__btn-add-transaction .button-icon-color{font-weight:600;border:1px solid #206bfa}.card-map-detail .__body .info-actions-wrapper .button-icon-color{width:100%;text-align:center;background:#fff;color:#206bfa;border-radius:8px;line-height:18px;font-size:12px}.card-map-detail .__body .info-voucher-wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.card-map-detail .__body .info-voucher-wrapper .__voucher-list,.card-map-detail .__body .info-voucher-wrapper .__voucher-total{display:flex;align-items:center;grid-gap:8px;gap:8px}.card-map-detail .__body .info-voucher-wrapper .__voucher-list span,.card-map-detail .__body .info-voucher-wrapper .__voucher-total span{font-size:12px;line-height:20px}.card-map-detail .__body .info-voucher-wrapper .__voucher-total span{font-weight:700;color:#292929}.card-map-detail .__body .info-voucher-wrapper .__voucher-list span{font-weight:500;color:#206bfa}.retention-cust-list-header{position:fixed;top:0;left:0;right:0;padding:20px;background:#fff}.retention-loc-drawer{height:auto!important;max-height:90%!important;border-top-left-radius:20px;border-top-right-radius:20px}.ret-loc-list-wrapper{overflow:scroll}.ret-loc-list-wrapper .MuiCheckbox-colorSecondary.Mui-checked{color:#406ae2}.ret-loc-list-wrapper .ret-loc-list{padding:10px 0;border-bottom:1px solid rgba(0,0,0,.12549019607843137)}.ret-btn-fixed{right:0;position:fixed;bottom:0;left:0;padding:10px}.retention-voucher-wrapper{overflow:scroll;padding-bottom:45px;height:calc(75vh - 225px)}.map-wrapper{width:100%;position:relative}.filter-label{color:#292929;font-size:14px;line-height:17px;font-weight:700}.filter-sublabel{color:#545454;font-size:12px;line-height:14px;font-weight:400;margin-top:.25rem}.status-order-filter{padding:10px 0 15px}.font-large-bold{font-size:16px}.btn-status-customer{margin:15px 0 40px}.btn-status-customer button{margin-right:14px;height:32px;border-radius:18px;border:1px solid #e6e5e5;background-color:#fff;padding:2px 7px;width:140px;font-size:12px;text-transform:capitalize;cursor:pointer;font-weight:700}.btn-status-customer button.active{background-color:#e9efff;color:#406ae2;border:1px solid #406ae2}.btn-status-customer button:active{transform:translateY(4px)}.font-detail-customer{font-weight:100;padding-right:10px}.padding-detail-customer{padding:15px 0 0 10px}.font-detail-information{color:#545454;padding-left:5px}.bg-detail-information{background:rgba(32,107,250,.1);border-radius:100px;padding:7px 10px;margin-bottom:10px}.footer-retention-maps{position:fixed;bottom:15px;width:100%;padding:0 10px}.padding-inf-retention{padding:0 1px 11px 0}.b-bottom-1px{border-bottom:1px solid rgba(0,0,0,.12549019607843137);margin:20px 0}.retention-attendance-wrapper{background-color:#cde9ff;border-radius:8px;padding:16px;color:#0068ff}#camera,#camera--sensor-fill,#camera--view-fill{position:absolute;min-width:100%;min-height:100%;width:auto;height:auto}#camera--trigger{width:200px;border:none;padding:15px 20px;text-align:center;position:fixed;bottom:8%;z-index:2;left:calc(50% - 100px)}#selfie-with-text,#text{height:100vh;width:100vw;display:block}.image-selfie{width:100%!important;height:100%!important;background-size:cover!important;position:absolute;overflow-y:hidden}.header-selfie{background:#000;opacity:.6;height:50px;position:fixed;z-index:100000;top:0;color:#fff;width:100%;display:flex;align-items:center}.header-selfie .back-btn-header{position:absolute;left:10px}.header-selfie .text-label{font-size:16px;line-height:19px;text-align:center;color:#fff;margin:0 auto}.header-log-absensi,.header-pilih-pelanggan{display:flex;padding-left:1rem;margin-block:1rem;align-items:center}.header-log-absensi .header-label,.header-pilih-pelanggan .header-label{color:#1b252f;font-size:16px;font-weight:700;padding-left:1rem;display:flex;flex-grow:1}.header-sublabel-absensi{display:flex;align-items:center;grid-gap:.25rem;gap:.25rem;padding-left:1rem;margin-top:.25rem;font-weight:400;font-size:12px;line-height:14px;color:#292929!important}.padding-inline-1{padding-inline:1rem}.location-label{text-overflow:ellipsis;white-space:nowrap;min-width:20vw;max-width:50vw;overflow:hidden}.search-pelanggan-sticky{width:100%;margin-bottom:.5rem!important}.search-pelanggan-sticky .MuiInputLabel-formControl{top:-2px!important;left:-5px!important}.search-pelanggan-sticky .MuiOutlinedInput-root{background:#fff;border:1px solid #e6e5e5!important;border-radius:10px!important;height:5vh!important}.search-pelanggan-sticky-label{background:#fff!important;border-radius:100px;padding-inline:.5rem!important;padding-block:.3rem!important}.absensi-place{overflow-y:scroll}.body-log-absensi,.body-pilih-pelanggan{padding-inline:1rem}.filter-pilih{margin-bottom:1rem;display:flex}.search-log,.search-pelanggan{width:100%;margin-top:.25rem!important;margin-bottom:1rem!important}.search-log .MuiInputLabel-formControl,.search-pelanggan .MuiInputLabel-formControl{top:-2px!important;left:-5px!important}.search-log .MuiOutlinedInput-root,.search-pelanggan .MuiOutlinedInput-root{background:#fff;border:1px solid #e6e5e5!important;border-radius:10px!important;height:7vh!important}.search-log-label,.search-pelanggan-label{background:#fff!important;border-radius:100px;padding-inline:.5rem!important;padding-block:.3rem!important}.search-textarea{margin-top:.25rem!important;margin-bottom:1rem!important}.search-textarea .MuiOutlinedInput-root{border:1px solid #e6e5e5!important;border-radius:10px!important}.search-textarea .MuiInputLabel-formControl{top:-2px!important;left:-5px!important}.search-textarea .MuiOutlinedInput-multiline{padding:12px!important}.search-textarea-label{background:#fff!important;border-radius:100px;padding-inline:.5rem!important;padding-block:.3rem!important}.notes-field{width:100%}.notes-field .MuiOutlinedInput-root{background:#fff!important;border:1px solid #e6e5e5!important;border-radius:10px!important;height:10vh!important}.searchbar-dense .MuiOutlinedInput-adornedStart{padding-left:0!important}.total-pelanggan{font-weight:400;font-size:16px;line-height:19px;color:#2a2a2a}.card-absensi,.card-pelanggan{background:#fff;border:1px solid #e7e7e7;box-shadow:0 2px 6px rgba(0,0,0,.1);border-radius:10px;padding-inline:.75rem;padding-top:.75rem;padding-bottom:.75rem;margin-top:.75rem}.card-absensi-label,.card-pelanggan-label{display:flex}.card-absensi-label-name,.card-pelanggan-label-name{display:flex;align-items:center;flex-grow:1}.card-absensi-label-code,.card-absensi-label-name,.card-pelanggan-label-code,.card-pelanggan-label-name{font-weight:700;font-size:12px;line-height:14px;color:#2a2a2a}.card-absensi-store,.card-pelanggan-store{display:flex;align-items:center}.card-absensi-store-detail,.card-pelanggan-store-detail{display:flex;flex-direction:column;font-weight:400;font-size:12px;line-height:14px;flex-grow:1;color:#878787}.card-absensi-store-detail-name,.card-pelanggan-store-detail-name{margin-top:.5rem;display:flex;align-items:center;grid-gap:.25em;gap:.25em}.card-absensi-store-detail-name-dot,.card-pelanggan-store-detail-name-dot{width:4px;height:4px;border-radius:50%;background:#2a2a2a;opacity:.5}.card-absensi-store-detail-address,.card-pelanggan-store-detail-address{margin-top:.25rem;margin-bottom:.5rem;display:flex;align-items:center;grid-gap:.25em;gap:.25em}.card-absensi-store-detail-address-value,.card-pelanggan-store-detail-address-value{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:80vw;flex-grow:1}.card-absensi-divider,.card-pelanggan-divider{border-top:1px dashed #d2d2d2}.card-absensi-date,.card-pelanggan-date{display:flex;padding-top:.5rem}.card-absensi-date-belanja-label,.card-absensi-date-visit-label,.card-pelanggan-date-belanja-label,.card-pelanggan-date-visit-label{font-weight:500;font-size:10px;line-height:12px;color:#2a2a2a;opacity:.8}.card-absensi-date-visit-label,.card-absensi-date-visit-value,.card-pelanggan-date-visit-label,.card-pelanggan-date-visit-value{display:flex;flex-grow:1;align-items:baseline}.card-absensi-date-belanja-label,.card-absensi-date-belanja-value,.card-pelanggan-date-belanja-label,.card-pelanggan-date-belanja-value{display:flex;align-items:baseline}.card-absensi-date-belanja-value,.card-absensi-date-visit-value,.card-pelanggan-date-belanja-value,.card-pelanggan-date-visit-value{font-weight:700;font-size:12px;line-height:14px;color:#2a2a2a;margin-left:.25rem}.card-absensi-date-section,.card-pelanggan-date-section{display:flex;flex-grow:1;justify-content:space-between}.card-absensi-date-section-label,.card-absensi-date-section-value,.card-pelanggan-date-section-label,.card-pelanggan-date-section-value{font-weight:700;font-size:12px;line-height:14px;color:#292929!important}.timestamps{margin-top:2rem;margin-bottom:1rem}.timestamps-time{font-weight:700;font-size:40px;line-height:48px;text-align:center;letter-spacing:1px;color:#2a2a2a}.timestamps-date{font-weight:400;font-size:16px;line-height:19px;text-align:center;color:#2a2a2a;margin-top:.5rem}.form-clock{padding-inline:1.25rem;margin-bottom:7.5rem}.notes-label{font-weight:700;font-size:16px;line-height:19px;color:#3b3b3b;margin-bottom:.5rem}.camera-label{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;margin-block:1rem}.camera-label-foto{font-weight:600;font-size:14px;line-height:17px;display:flex;flex-grow:1;color:#292929}.take-photo{display:block;margin:0 auto;width:160px;height:160px;background:#fff;border:1px dashed #d5dae1;border-radius:9px;position:relative}.take-photo-icon{display:flex;justify-content:center;align-items:center;flex-direction:column;grid-gap:.5em;gap:.5em;height:100%}.take-photo-icon-svg{transform:scale(1.5)}.take-photo-icon-label{font-weight:700;font-size:16px;line-height:19px;text-align:center;color:#406ae2;margin-top:.5rem}.take-photo-icon-place{background-size:cover}.take-photo-delete{position:absolute;right:15px;top:15px}.take-photo-place{width:100%;height:100%}.button-action{position:fixed;z-index:999;background:#fff;bottom:0;width:100%;padding-block:1rem;padding-inline:1rem;display:flex;grid-gap:.5rem;gap:.5rem;border-radius:16px 16px 0 0;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.button-action-back{background:#fff!important;border:1px solid #406ae2!important;border-radius:12px!important;color:#406ae2!important}.button-action-back,.button-action-save{height:6.5vh!important;text-transform:capitalize!important;box-shadow:none!important}.button-action-save{background:#406ae2!important;border-radius:10px!important;color:#fff!important}.section-pelanggan-list{overflow-y:scroll!important;height:80vh!important;max-height:80vh!important;padding-bottom:1.5rem}.pilih-pelanggan{overflow:hidden!important}.body-top-pelanggan{margin-bottom:.5rem}.log-absensi{background:#fff;border:1px solid #e7e7e7;border-radius:10px;margin-top:1rem;box-shadow:0 2px 6px rgba(0,0,0,.1)}.log-absensi-time{border-top-left-radius:10px;border-top-right-radius:10px;padding-inline:.75rem;background:#fff;display:flex;padding-block:.5rem;align-items:center;grid-gap:.5em;gap:.5em;justify-content:space-between}.log-absensi-time svg{width:40px;height:40px}.log-absensi-time-clock-progress{display:flex;font-weight:700;font-size:13px;line-height:17px;color:#3a3a3a;margin:5px 10px 0 0}.log-absensi-time-clock-progress-grow{flex-grow:1}.log-absensi-time-clock-complete{font-weight:700;font-size:14px;line-height:17px;color:#3a3a3a}.log-absensi-time-clock-diff{font-weight:400;font-size:12px;line-height:14px;color:#3a3a3a;opacity:.6;flex-grow:1;margin-top:6px}.log-absensi-time-status-progress{color:#bee017;background:#faffe1}.log-absensi-time-status-progress,.log-absensi-time-status-schedule{font-weight:600;font-size:12px;line-height:14px;text-align:right;border-radius:100px;padding-inline:.75rem;padding-block:.25rem}.log-absensi-time-status-schedule{color:#bfbfbf;background:#eee}.log-absensi-time-status-complete{font-weight:600;font-size:12px;line-height:14px;text-align:right;color:#09d38e;background:#daf9ee;border-radius:100px;padding-inline:.75rem;padding-block:.25rem}.log-absensi-time-day{margin:2px 5px}.card-absensi{margin-top:0!important;border:none;border-top:1px solid #e7e7e7}.header-status-progress{color:#bee017;background:#faffe1}.header-status-complete,.header-status-progress{font-weight:600;font-size:12px;line-height:14px;text-align:right;border-radius:100px;padding-inline:.75rem;padding-block:.25rem;margin-right:.5rem}.header-status-complete{color:#09d38e;background:#daf9ee}.body-detail-absensi{padding-inline:.75rem}.absensi-legend,.absensi-legend-container{display:flex;grid-gap:.5em;gap:.5em}.absensi-legend-container{padding-inline:.5rem;padding-block:.5rem;border:1px solid #e6e5e5;border-radius:100px}.absensi-legend-container-label{font-weight:600;font-size:14px;line-height:17px;color:#292929}.absensi-divider{margin-block:1rem;border-top:1px dashed #e6e6e6}.absensi-solid-divider{border-top:1px solid #eee;margin-block:1rem}.store-detail-label{font-weight:700;font-size:20px;line-height:24px;color:#2a2a2a;margin-bottom:1rem}.store-detail-address,.store-detail-name{display:flex;grid-gap:.5em;gap:.5em;align-items:center;margin-block:.25rem}.store-detail-address-dot,.store-detail-name-dot{width:4px;height:4px;border-radius:50%;background:#2a2a2a;opacity:.5}.store-detail-address-phone,.store-detail-address-value,.store-detail-name-phone,.store-detail-name-value{font-weight:400;font-size:12px;line-height:14px;color:#878787}.log-absen-label{font-weight:700;font-size:20px;line-height:24px;color:#2a2a2a;margin-bottom:1rem}.log-absen-container{display:flex;grid-gap:1.5em;gap:1.5em}.log-absen-container-right{display:flex;flex-direction:column;grid-gap:.75em;gap:.75em;flex-grow:1;padding-top:.25rem}.log-absen-container-right-label{display:flex;justify-content:space-between;align-items:baseline}.log-absen-container-right-label-check{font-weight:700;font-size:14px;color:#3a3a3a}.log-absen-container-right-label-time{font-weight:400;font-size:12px;text-align:right;color:#3a3a3a}.log-absen-container-right-desc p{font-weight:400;font-size:12px;line-height:15px;color:#3a3a3a;opacity:.8}.fullscreen-icon{display:flex;position:absolute;bottom:15px;right:15px;padding:.5rem;background:#fff;box-shadow:0 0 32px rgba(0,0,0,.08);border-radius:10px}.retention-absensi{margin-bottom:1rem}.preview-src{width:100%;height:auto;position:fixed;top:0;left:0}.preview-state{height:100vh;width:100%;background-size:contain;background-repeat:no-repeat}.preview-close{position:absolute;left:10px;top:10px}.empty-checkout-data{display:flex;flex-direction:column;padding-inline:1rem}.sa-map-store{color:#5580e9}.sa-map-check-in,.sa-map-store{font-weight:600;font-size:12px;line-height:14px;text-transform:capitalize;width:max-content}.sa-map-check-in{color:#aacc0a}.sa-map-check-out{color:#09d38e;font-weight:600;font-size:12px;line-height:14px;text-transform:capitalize;width:max-content}.sa-absensi-map{transition:height 1s}a[href^="http://maps.google.com/maps"],a[href^="https://maps.google.com/maps"]{display:none!important}.gm-style-cc,.gmnoprint a,.gmnoprint span{display:none}.info-radius-attendance{background:#d9fafe;font-size:13px;border-radius:8px;padding:11px 15px;display:flex;margin-bottom:20px;border:1.5px solid #b4f1fe}.p-radius-info{padding:18px 0 10px}.p-info-radius-checkin{padding:0 25px}.p-request-checkout{padding:35px 20px}.font-color-request{color:#545454}.input-request-checkout{margin-top:30px!important}.input-request-checkout .MuiInputBase-formControl{border-radius:8px!important}.input-request-checkout .MuiInputLabel-asterisk{color:red}.attendance-request-btn{margin:5px 0}.attendance-request-btn .MuiButton-contained{color:#406ae2;box-shadow:none!important}.p-detail-request{padding:22px 15px}.info-request-date{background:#edfdff;border:1px solid #e9eff4;border-radius:8px}.bd-top-detail-request{border-top:1px solid #e9eff4}.title-content{display:flex;margin-bottom:1rem}.title-content-label{font-weight:700;font-size:16px;line-height:19px;color:#292929;display:flex;flex-grow:1}.title-content-reset{color:#406ae0}.title-content-reset,.title-content-reset-error{font-weight:700;font-size:14px;line-height:17px;text-align:right}.title-content-reset-error{color:#ff3347}.search-location .MuiOutlinedInput-root{background:#fff!important;border:1px solid #e6e5e5!important;border-radius:10px!important}.textfield-content{margin-bottom:1rem}.body-filter-lokasi{padding-inline:1rem;padding-block:1rem}.modal-lokasi-container{height:auto!important;max-height:auto!important;overflow-y:scroll}.checkbox-lokasi.MuiCheckbox-colorPrimary.Mui-checked{color:#406ae0!important}.spinner-container{display:flex;justify-content:center;align-items:center;padding-bottom:11em}.filter-log-absensi{display:flex}.filter-custom-history button{padding:0 12px}.filter-custom-history svg{margin-left:12px}.filter-custom-history .badge-filter-katalog{margin:0 6px 0 17px}.modal-bottom-history{height:27rem}.modal-bottom-history .modal-bottom-title-content{padding:5px 30px 0}.modal-bottom-history .modal-bottom-title-content div{margin-top:15px;font-size:16px}.modal-bottom-history .modal-bottom-title-content svg{font-size:25px!important;color:#a5a5a5;margin-top:11px}.modal-filter-history{height:360px;padding:0 25px 0 30px}.modal-filter-history p{font-size:14px;color:#3a3a3a}.modal-filter-history .MuiCheckbox-colorPrimary.Mui-checked{color:#206bfa}.modal-filter-history .modal-filter-footer{padding:0 25px}.modal-filter-history .modal-filter-footer button{text-transform:capitalize;font-size:14px}.sub-title-modal-filter{margin-top:-45px;padding:10px 13px 10px 26px!important}.sub-title-modal-filter span{font-size:16px}.sub-title-modal-filter .head-checkbox-pwa{grid-gap:0!important;gap:0!important}.sub-title-modal-filter .mui-checkbox-blue .MuiCheckbox-root{color:#206bfa}.modal-bottom-customer{height:32.5em}.modal-bottom-customer p{font-size:14px;color:#3a3a3a}.modal-bottom-customer .MuiCheckbox-colorPrimary.Mui-checked{color:#206bfa}.modal-bottom-customer .modal-filter-footer{padding:17px 20px}.modal-bottom-customer .modal-filter-footer button{height:48px;border-radius:8px;font-weight:700;background-color:#406ae2;text-transform:capitalize;font-size:14px}.counter-customer{color:#a5a5a5;font-size:13px;margin:25px}.list-customer{font-size:14px;color:#3a3a3a;padding:2px 0 0 5px;overflow-y:auto;max-height:285px}.dot-list-customer{border-radius:100%;border:1px solid;background:#000;margin:7px 5px;width:3px;height:3px}.month-year{display:flex;flex-direction:column;padding-inline:.5rem;padding-block:1rem}.month-year .year-label{display:flex;margin-bottom:1rem}.month-year .year-current{display:flex;flex-grow:1;justify-content:center;align-items:center;font-weight:700;font-size:18px;line-height:22px;color:#0e0e0f!important}.month-year .month-list{display:grid;grid-template-columns:auto auto auto;justify-content:space-evenly;grid-gap:.5rem;gap:.5rem}.month-year .month-list-item{color:#292929!important}.month-year .month-list-item,.month-year .month-list-item-active{font-weight:400;font-size:16px;line-height:19px;display:flex;justify-content:center;align-items:center;width:100px;height:60px}.month-year .month-list-item-active{color:#fff!important;border-radius:8px;background:#206bfa}.month-year .month-separator{border-top:1px solid #eee;margin-top:.25rem}.month-year .this-month{text-align:center;font-weight:400;font-size:16px;line-height:19px;color:#206bfa!important;margin-block:1rem}.month-year .btn-apply-filter-month{width:100%;text-align:center;padding-block:.75rem;color:#fff;background-color:#206bfa;border-radius:8px;margin-bottom:1rem;border:1px solid #206bfa}.header-list-mission{margin:15px 20px;display:flex}.header-list-mission svg{font-size:28px}.header-list-mission div{font-size:18px;font-weight:600;letter-spacing:.5px;margin:4px 25px}.tab-list-mission{display:flex;justify-content:center;margin-top:15px}.tab-list-mission .MuiTab-textColorPrimary.Mui-selected{color:#206bfa}.tab-list-mission .MuiTab-wrapper{font-size:14px}.tab-list-mission .MuiButtonBase-root{width:160px}.tab-sales-task .MuiButtonBase-root{width:130px!important}.border-tab-mission{background-color:#d4d4d4;height:1px;width:100%;top:-10px;margin-top:-2px}.detail-misi h6{text-align:left!important;margin-left:.1rem!important;margin-top:.1rem!important;font-weight:700;font-size:18px;line-height:22px;color:#292929!important}.center-content{display:flex;justify-content:center;align-items:center}.product-info{background:#fff;border:1px solid #eee;border-radius:8px;padding-inline:1rem;padding-block:.75rem;margin-bottom:1rem}.product-info-row{display:flex;grid-gap:.5rem;gap:.5rem}.product-info-row-image{width:80px;height:80px}.product-info-col{display:flex;flex-direction:column;flex-grow:1}.product-info-col-name{font-weight:700;font-size:12px;line-height:14px;color:#292929!important}.product-info-col-info{font-weight:400;font-size:12px;line-height:14px;color:#939393!important;margin-top:.5rem;display:flex;grid-gap:.25rem;gap:.25rem;align-items:center}.product-info-attributes{display:flex;grid-gap:.25rem;gap:.25rem;flex-wrap:wrap}.product-info-attributes-data{background:#fff;border:1px solid #eee;border-radius:100px;color:#292929!important}.product-info-attributes-data,.product-info-attributes-data-selected{padding-inline:.65rem;padding-block:.25rem;display:flex;justify-content:center;align-items:center;font-weight:500;font-size:12px;line-height:14px}.product-info-attributes-data-selected{color:#292929!important;border-radius:100px;border:1px solid #406ae2;color:#406ae2;background:#edf1fc}.contact-info-label{font-weight:700;font-size:12px;line-height:14px;color:#292929!important;margin-block:.75rem}.contact-info-task-label{font-weight:700;font-size:16px;line-height:24px;color:#111!important;margin-top:1rem;text-align:left}.contact-info-task-sublabel{font-weight:400;font-size:12px;line-height:20px;color:#777!important;text-align:left;margin-bottom:.75rem}.contact-info-wrapper{padding-inline:1rem}.contact-info-container{display:flex;border:1px solid #eee;box-shadow:0 1px 2px rgba(0,0,0,.08);border-radius:8px;padding-inline:.5rem;padding-block:.75rem}.contact-info-container-row{display:flex;grid-gap:.5rem;gap:.5rem;flex-grow:1;justify-content:center;align-items:center}.contact-info-container-row:first-child{border-right:1px solid #eee}.contact-info-container-row-label{font-weight:700;font-size:14px;line-height:17px;color:#292929!important}.active-filter{background-color:#206bfa!important;color:#fff!important;border:2px solid #206bfa!important}.month-filter{height:8vh;background:radial-gradient(85.97% 137.19% at 0 4.51%,#6096ff 0,#206bfa 77%,#1967fd 100%);padding-left:1rem;padding-top:1.25rem}.month-filter-label{font-weight:700;font-size:14px;line-height:17px;color:#fff!important}.month-filter-label-col{display:flex;flex-direction:column;flex-grow:1}.month-filter-label-col-bulan{font-weight:400;font-size:12px;line-height:14px;color:#939393!important}.month-filter-label-col-month-year{font-weight:700;font-size:16px;line-height:19px;color:#292929!important}.month-filter-container{margin-top:.5rem;margin-bottom:.5rem;display:flex;padding:.75rem;align-items:center;background:#fff;grid-gap:.5rem;gap:.5rem;width:90vw;border:1px solid #eee;border-radius:8px}.tab-rekap-visitasi{display:flex;justify-content:center;margin-top:2.5rem}.tab-rekap-visitasi .MuiTab-textColorPrimary.Mui-selected{color:#206bfa}.tab-rekap-visitasi .MuiTab-wrapper{font-size:14px}.tab-rekap-visitasi .MuiButtonBase-root{width:160px}.unvisited-count{font-weight:700;font-size:14px;line-height:17px;color:#292929!important}.modal-sales{height:75vh!important;border-top-left-radius:20px;border-top-right-radius:20px}.task-maps{height:25vh!important}.task-btn-submit{margin-inline:1rem;margin-block:1rem;background:#206bfa;color:#fff;width:-webkit-fill-available;border-radius:8px;height:2.5rem;border:none!important}.task-place{width:100%;height:22.5vh;text-align:center;background-repeat:no-repeat;background-position:50%;background-size:cover;padding-top:.25rem;position:relative}.task-place-title{font-weight:700;font-size:20px;line-height:24px;color:#fff!important;margin-top:1.5rem;margin-bottom:.25rem}.task-place-subtitle{font-weight:400;font-size:14px;line-height:22px;color:#fff!important}.task-place-maps{justify-content:center;align-items:center;margin-inline:1rem;margin-top:1rem;border:1px solid #e6e6e6;box-shadow:0 1px 2px rgba(0,0,0,.08);border-radius:8px;overflow:hidden}.task-place-info,.task-place-maps{display:flex;flex-direction:column}.task-place-info{margin-top:.75rem;padding-inline:1.25rem;width:100%}.task-place-info-row{display:flex;justify-content:space-between}.task-place-info-store{color:#111!important}.task-place-info-google,.task-place-info-store{font-weight:700;font-size:12px;line-height:20px}.task-place-info-google{color:#206bfa!important}.task-place-info-new-customer{background:#fee082}.task-place-info-new-customer,.task-place-info-registered-customer{border-radius:100px;padding-inline:.45rem;padding-block:.25rem;font-weight:400;font-size:12px;line-height:20px;color:#111!important}.task-place-info-registered-customer{background:#b2f67e}.task-place-customer{display:flex;grid-gap:.25rem;gap:.25rem}.task-place-address,.task-place-customer{margin-top:.25rem;font-weight:400;font-size:12px;line-height:20px;color:#111!important}.task-place-address{text-align:left;margin-bottom:1rem}.create-task-container-info{padding-inline:1rem;padding-block:.5rem}.create-task-container-task{padding-inline:1rem;padding-top:.5rem;padding-bottom:3rem}.create-task-parent-image img{width:100%}.create-task-header{display:flex;justify-content:flex-start;align-items:center;font-weight:700;font-size:18px;line-height:20px;color:#111!important;margin-bottom:.75rem}.create-task-title-info{display:flex;flex-direction:column;margin-top:1rem;margin-bottom:.5rem}.create-task-title-info-label{font-weight:700;font-size:16px;line-height:24px;color:#111!important}.create-task-title-info-sublabel{margin-top:.5rem;font-weight:400;font-size:14px;line-height:22px;color:#111!important}.create-task-date{display:flex;justify-content:space-between;align-items:center;margin-top:.75rem;margin-bottom:.5rem}.create-task-date-availability{font-weight:700;font-size:12px;line-height:20px;color:#292929!important}.create-task-date-time{font-weight:700;font-size:10px;line-height:16px;color:#111!important}.create-task-data{margin-top:.5rem}.create-task-data-label{font-weight:700;font-size:16px;line-height:24px;color:#111!important;margin-bottom:.5rem}.create-task-data-wrapper{display:flex;grid-gap:.5rem;gap:.5rem;margin-bottom:.5rem;word-break:break-all}.create-task-data-count,.create-task-data-desc-label{font-weight:700;font-size:14px;line-height:22px;color:#111!important}.create-task-data-desc-label{margin-bottom:.5rem}.create-task-data-desc-wrapper{flex-grow:1}.create-task-data-image,.create-task-data-notes{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.create-task-data-image-label,.create-task-data-notes-label{font-weight:700;font-size:12px;line-height:20px;color:#206bfa!important}.create-task-data-image-label-active,.create-task-data-notes-label-active{font-weight:400;font-size:12px;line-height:22px;color:#292929!important}.create-task-data-btn-upload{background:#fff;border:1px dashed #206bfa;border-radius:8px;display:flex;justify-content:center;align-items:center;height:5vh;width:100%;grid-gap:.25rem;gap:.25rem;font-weight:700;font-size:14px;line-height:22px;color:#206bfa!important}.tab-separator{border:1px solid #e6e6e6}.time-wrapper{display:flex;align-items:center;justify-content:center;grid-gap:.25rem;gap:.25rem;padding-inline:.5rem;padding-block:.25rem;border:1px solid #e6e6e6;border-radius:100px}.submit-container{position:fixed;bottom:0;background:#fff;padding-block:.5rem;padding-inline:1rem;width:100%;height:7vh;display:flex;align-items:center}.submit-container-btn{background:#206bfa;border-radius:8px;color:#fff;width:90vw;height:5vh;border:none!important}.upload-foto{display:flex;flex-direction:column;padding-inline:1rem;padding-block:1rem}.upload-foto-title{font-weight:700;font-size:16px;line-height:24px;color:#111!important;margin-bottom:.25rem}.upload-foto-subtitle{font-weight:400;font-size:14px;line-height:22px;color:#111!important;margin-bottom:1rem}.upload-foto-container{display:flex;grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.upload-foto-camera{display:flex;justify-content:center;align-items:center;flex-direction:column;padding-inline:1.5rem;padding-block:1rem;flex-grow:1;border:1px solid #b4f1fe;box-shadow:0 1px 4px rgba(0,0,0,.04);border-radius:12px;height:20vh}.upload-foto-camera-label{font-weight:700;font-size:16px;line-height:24px;color:#206bfa!important;margin-top:.5rem}.upload-foto-camera svg{transform:scale(2)}.upload-foto-gallery{display:flex;justify-content:center;align-items:center;border:1px solid #b4f1fe;box-shadow:0 1px 4px rgba(0,0,0,.04);border-radius:12px;flex-direction:column;padding-inline:1.5rem;padding-block:1rem;flex-grow:1;height:20vh}.upload-foto-gallery-label{font-weight:700;font-size:16px;line-height:24px;color:#206bfa!important;margin-top:.5rem}.upload-foto-gallery svg{transform:scale(2)}.upload-foto-bg{padding:1.25rem;background:#d9fafe;border-radius:100px}.upload-foto-return{font-weight:700;font-size:14px;line-height:22px;color:#206bfa!important;text-align:center;margin-bottom:.25rem}.header-image-sales{position:fixed;z-index:100000;top:0;color:#fff;width:100%;display:flex;align-items:center;margin-top:1rem}.header-image-sales .back-btn-header{position:absolute;left:10px}.header-image-sales .text-label{margin-left:3rem;font-weight:700;font-size:16px;line-height:19px;color:#fff!important}.header-image-back{position:fixed;z-index:100000;top:0;right:1rem;background-color:#fff;margin-top:1rem;border-radius:100px;display:flex;justify-content:center;align-items:center;width:2rem;height:2rem}.header-image-back .back-close-preview path{fill:#000}.img-container{height:100vh;background:#000}.btn-save-sales-img,.img-container{display:flex;justify-content:center;align-items:center}.btn-save-sales-img{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3);border-radius:100px;font-weight:700;font-size:16px;line-height:19px;color:#206bfa!important;padding-block:.25rem;width:100%;height:6vh;border:none}.camera-sales{width:70vw;text-align:center;position:fixed;bottom:10%;z-index:2;left:50%;transform:translate(-50%,50%);display:flex;justify-content:center;align-items:center;grid-gap:1rem;gap:1rem}.textarea-container{position:relative;margin-bottom:1.25rem!important}.textarea-notes{margin-top:.25rem!important;padding:.5rem;font-weight:400;font-size:14px;line-height:22px;color:#111!important;border:1px solid #e6e6e6;border-radius:8px;width:100%;resize:none}.textarea-count{background:#fff}.textarea-count,.textarea-count-disabled{position:absolute;bottom:-8px;right:20px;padding-inline:.5rem;padding-block:.25rem;border:1px solid #e6e6e6;border-radius:100px;font-weight:400;font-size:10px;line-height:16px;color:#b5b5b5!important}.textarea-count-disabled{background:hsla(0,0%,93.7%,.3)}.col-calendar{flex-grow:1;flex-basis:0;max-width:100%}.col-center{justify-content:center;text-align:center}.calendar .days{padding-block:.5rem}.calendar .body-calendar .cell{position:relative;height:1.5em;overflow:hidden;cursor:pointer;font-size:1.5em}.calendar .body-calendar .today{border-radius:100px;background:#206bfa;color:#fff}.calendar .body-calendar .selected{border-radius:100px;background:#fff;color:#206bfa;border:1px solid #206bfa}.calendar .days .col-days{font-weight:500;font-size:12px;line-height:14px;color:#292929!important}.calendar .body-calendar .cell .number{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:500;font-size:14px;line-height:17px;color:#292929!important}.calendar .body-calendar .today>.number{font-weight:500;font-size:14px;line-height:17px;color:#fff!important}.calendar .body-calendar .selected>.number{font-weight:500;font-size:14px;line-height:17px;color:#206bfa!important}.calendar .body-calendar .col-calendar{flex-grow:0;flex-basis:10%;width:10%}.detail-rekap-visitasi{padding-inline:1.25rem}.section-rekap-visitasi{max-height:80vh;overflow-y:auto}.detail-info{margin-bottom:1rem}.detail-info-title{font-weight:700;font-size:14px;line-height:17px;color:#292929!important;margin-bottom:1rem}.detail-info-code,.detail-info-cust-name,.detail-info-phone,.detail-info-store-name{display:flex;justify-content:space-between;margin-block:.45rem}.detail-info-code-label,.detail-info-cust-name-label,.detail-info-phone-label,.detail-info-store-name-label{font-weight:400;font-size:12px;line-height:14px;color:#545454!important}.detail-info-code-value,.detail-info-cust-name-value,.detail-info-phone-value,.detail-info-store-name-value{font-weight:600;font-size:12px;line-height:14px;color:#292929!important}.detail-store{margin-block:1rem}.detail-store-label{font-weight:500;font-size:12px;line-height:14px;color:#545454!important;margin-top:.25rem}.detail-store-icon{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem}.detail-store-icon-label{font-weight:700;font-size:12px;line-height:14px;color:#292929!important}.detail-store-progress{margin-block:1rem}.detail-store-progress-label{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:700;font-size:14px;line-height:17px;color:#292929!important}.detail-store-progress .MuiLinearProgress-root{height:8px;border-radius:6px;background:#eee;margin-top:5px}.detail-store-progress .MuiLinearProgress-barColorPrimary{background-color:#206bfa}.square-grey{background:#f7f7f7;height:7px;border-top:1px solid #d4d4d4}.detail-schedule{margin-block:1rem}.detail-schedule-label{font-weight:700;font-size:14px;line-height:17px;color:#292929!important;margin-bottom:1rem}.detail-schedule-timeline{max-height:60vh;overflow-y:scroll}.rekap-visitasi{display:flex;flex-direction:column;padding-inline:1.5rem;grid-gap:.5rem;gap:.5rem;margin-block:.5rem}.rekap-visitasi,.rekap-visitasi-label{font-weight:700;font-size:14px;line-height:17px;color:#292929!important}.rekap-visitasi-label{margin-top:.25rem}.rekap-visitasi-timeline{padding:0 0 0 .5rem!important}.rekap-visitasi-timeline .MuiTimeline-root{padding:0!important}.rekap-visitasi-timeline .MuiTimelineItem-missingOppositeContent:before{padding:0!important;content:none!important}.rekap-visitasi-timeline .MuiTimelineItem-root{min-height:-moz-fit-content!important;min-height:fit-content!important;width:100%}.rekap-visitasi-timeline-dot{border-width:12px!important;box-shadow:none!important;position:relative}.rekap-visitasi-timeline-dot-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rekap-visitasi-timeline-dot-active{border-width:12px!important;background-color:#37c473!important;box-shadow:none!important;position:relative}.rekap-visitasi-timeline-dot-active-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rekap-visitasi-timeline-connector{height:16px}.rekap-visitasi-timeline-connector-active{height:16px;background-color:#37c473!important}.rekap-visitasi-timeline-content{display:flex;flex-direction:column;padding:6px 0 6px 16px!important}.rekap-visitasi-timeline-content-row{display:flex;justify-content:space-between}.rekap-visitasi-timeline-content-date{font-weight:700;font-size:14px;line-height:17px;color:#bfbfbf!important;margin-bottom:1rem;padding-top:.75em}.rekap-visitasi-timeline-content-date-active{font-weight:700;font-size:14px;line-height:17px;color:#292929!important}.rekap-visitasi-timeline-content-label{font-weight:500;font-size:12px;line-height:14px;color:#292929!important;margin-top:.25rem;margin-bottom:.75rem;display:flex;align-items:center;grid-gap:.25rem;gap:.25rem}.rekap-visitasi-timeline-content-label-dot{width:4px;height:4px;border-radius:50%;background:#292929}.rekap-visitasi-timeline-content-separator{border-top:1px solid #eee}.rekap-visitasi-progress .MuiLinearProgress-root{height:8px;border-radius:6px;background:#eee;margin-top:.5rem}.rekap-visitasi-progress .MuiLinearProgress-barColorPrimary{background-color:#206bfa}.card-sales-task-list{border:1.5px solid #e6e6e6;border-radius:8px;margin-bottom:10px}.card-sales-task-list p{font-size:11px;padding:10px 0 6px}.padding-card-task-list{padding:15px 10px 0 15px}.btn-sales-task-list{background:#206bfa;color:#eee;border-radius:100px;padding:6px 10px;font-size:12px;font-weight:700;width:120px;height:26px}.ellipsis-text-sales-task{text-overflow:ellipsis;max-width:171px;white-space:nowrap;overflow:hidden}.footer-card-task-list{height:48px;border-radius:0 0 8px 8px;background:#f9f9fa;margin-top:15px;padding:14px}.date-task-list{font-size:13px;padding:2.5px 0 0 6px}.date-left-task-list{font-size:12px;background:#fff;border:1px solid #e6e6e6;height:23px;width:100px;border-radius:100px;justify-content:center;font-weight:700}.date-left-task-list span{padding:3px}.date-left-task-list svg{padding-top:1px}.info-status-task-list{font-size:10px;background:#e6e6e6;border:1px solid #e6e6e6;height:22px;width:110px;border-radius:100px;justify-content:center;font-weight:700}.info-status-task-list span{padding:5px 0 0 3px}.info-status-task-list svg{padding-top:1px}.filter-container-list-task{display:flex;overflow-x:auto;overflow-y:hidden;height:45px;margin-bottom:24px;white-space:nowrap}.filter-container-list-task::-webkit-scrollbar{display:none}.filter-container-list-task{-ms-overflow-style:none;scrollbar-width:none}.filter-container-list-task button{margin-right:8px;height:35px;border-radius:100px;border:1px solid #e6e5e5;background-color:#fff;padding:0 12px;font-size:12px;text-transform:capitalize;font-weight:700;cursor:pointer}.filter-container-list-task button.active{background-color:#e9efff;color:#406ae2;border:1px solid #406ae2}.filter-container-list-task button:active{transform:translateY(4px)}.aspect-ratio-3{aspect-ratio:3/1!important}.rounded-10{border-radius:10px}.checked-option{border:1px solid #206bfa;border-radius:8px;background-color:#eaf6fe}.multiple-checkbox-survey{border:1px solid #d1d1d1;width:21px;height:21px;border-radius:4px}.sort-answer-survey .MuiOutlinedInput-root{border-radius:8px}.sort-answer-survey .MuiOutlinedInput-notchedOutline{border-color:#d1d1d1}.sort-answer-survey .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border:1px solid #206bfa}.sort-answer-survey .MuiInputBase-formControl{padding-right:18px!important}.card-survey-section{display:flex;flex-direction:column;margin-bottom:1rem;margin-inline:20px}.card-survey-wrapper{border-radius:8px;border-top:8px solid #206bfa;background:linear-gradient(0deg,#fff,#fff),#eaf6fe;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);padding-block:1rem;padding-inline:1rem;margin-bottom:1rem}.card-survey-title{font-weight:700;font-size:16px;line-height:20px;color:#3b3b3b!important}.card-survey-desc{font-weight:400;font-size:14px;line-height:20px;color:#3a3a3a!important}.survey-form-body{height:90vh;overflow-y:scroll}.survey-form-next{position:fixed;bottom:0;padding-inline:1rem;padding-block:.5rem;height:10vh;border-radius:16px 16px 0 0;background:#fff;box-shadow:0 -2px 6px 0 rgba(0,0,0,.16);width:100%;display:flex;justify-content:center;align-items:center}.survey-form-next-btn{font-weight:700;font-size:16px;line-height:20px;color:#fff!important;border-radius:10px;background:#406ae2;width:100%;color:#fff;height:6vh;border:none}.survey-form-next-btn:disabled{border-radius:10px;background:#406ae2!important;opacity:.5!important;width:100%;color:#fff!important;height:6vh;border:none}.card-survey-section:last-child{margin-bottom:15vh!important}.btn-add-survey{padding:20px;border-radius:8px;border:2.5px dashed #c8c8c8}.upload-img-icon{display:flex;justify-content:center;align-items:center;background-color:#e9efff}.upload-photo-survey{border:1px solid #c8c8c8;border-radius:8px;padding:12px;justify-content:space-between}.upload-photo-survey span{margin:8px 15px}.upload-photo-survey svg{margin:8px 10px;font-size:18px}.image-survey{width:64px;height:36px;border-radius:4px}.image-change-survey{background-color:#fff!important;font-weight:700!important;height:32px!important;color:#406ae2!important;border-radius:8px!important;font-size:12px!important;border:1px solid #406ae2!important;width:10px!important}.image-delete-survey{width:10px;height:34px;padding-left:18px!important}.image-delete-survey svg{font-size:1.6rem}.camera-survey{left:0;top:0;right:0;overflow:hidden;position:fixed;z-index:1}.border-dropdown-survey{border:1px solid #c8c8c8;border-radius:8px}.modal-tagging-survey{height:38rem}.selected-tag-survey{flex-wrap:wrap}.tag-value-survey{border:1px solid #dbdbdb;border-radius:5px;padding:7px 6px 5px 10px}.counter-tag-survey{background:#206bfa;color:#fff;border-radius:100%;padding:5.5px 10px;font-size:14px;height:28px;margin-top:1px}.gramasi-answer-number .MuiOutlinedInput-root{border-top-left-radius:8px!important;border-bottom-left-radius:8px!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.gramasi-answer-satuan .MuiOutlinedInput-root{border-top-left-radius:0!important;border-bottom-left-radius:0!important;border-top-right-radius:8px!important;border-bottom-right-radius:8px!important;flex-wrap:nowrap!important;padding-right:30px!important}.performa-main{position:relative}.performa-modal-info{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-inline:1rem;margin-block:1rem}.performa-modal-info-icon{margin-block:1rem}.performa-modal-info-name{font-weight:700;font-size:16px;line-height:24px;color:#111!important;margin-bottom:.25rem}.performa-modal-info-description{font-weight:400;font-size:14px;line-height:22px;color:#777!important;text-align:center;margin-bottom:1rem}.performa-modal-info-btn{box-shadow:none!important;background-color:#206bfa!important;text-transform:capitalize!important;height:5vh;border-radius:8px!important}.performa-modal-info-btn>.MuiButton-label{font-weight:700;font-size:14px;line-height:normal;color:#fff!important}.performa-header{display:flex;padding-left:1rem;margin-block:1rem;align-items:center;padding-bottom:1rem;box-shadow:0 1px 2px 0 rgba(17,17,17,.1)}.performa-label{padding-left:1rem;display:flex;flex-grow:1;font-size:18px}.performa-label,.performa-month{font-weight:700;line-height:normal;color:#111!important}.performa-month{font-size:12px;margin-right:.75rem}.performa-card{padding-inline:1rem;padding-block:1.25rem;position:relative;margin-inline:1rem;border-radius:8px!important;background:linear-gradient(180deg,#206bfa 13.99%,#0a39c8),#206bfa;box-shadow:0 13px 27px -5px rgba(50,50,93,.25),0 8px 16px -8px rgba(0,0,0,.3)!important}.performa-card-stripe{position:absolute;top:0;right:0}.performa-card-rounded{position:absolute;bottom:0;left:0;z-index:1}.performa-card-trophy{z-index:99}.performa-card-incentive{display:flex;justify-content:space-between;align-items:center}.performa-card-incentive-column{display:flex;flex-direction:column;grid-gap:.25rem;gap:.25rem}.performa-card-incentive-label{font-weight:500;font-size:14px;line-height:normal;color:#fff!important}.performa-card-incentive-count{font-weight:700;font-size:32px;line-height:normal;color:#fff!important}.performa-card-divider{border-top:1px dashed #e6e6e6;margin-block:.75rem}.performa-card-transport{display:flex;justify-content:space-between;margin-bottom:.75rem}.performa-card-transport-label{font-weight:500;font-size:14px;line-height:normal;color:#fff!important}.performa-card-transport-count{font-weight:700;font-size:15px;line-height:normal;color:#fff!important}.performa-card-information{display:flex;align-items:center;border-radius:4px;background:#dcfe35;padding:.25rem;position:relative;z-index:99}.performa-card-information-label{font-weight:700;font-size:10px;line-height:normal;color:#206bfa!important;margin-left:.25rem}.performa-target-list{margin-inline:1rem}.performa-target-list-title{font-weight:700;font-size:16px;line-height:normal;color:#111!important;margin-top:1.5rem;margin-bottom:.25rem}.performa-target-list-subtitle{font-weight:500;font-size:12px;line-height:normal;color:#111!important}.performa-target-card{margin-block:.75rem;border-radius:8px;background:#f9f9fa;height:10vh;padding-block:.25rem;padding-inline:.5rem;display:flex}.performa-target-card-icon{flex-basis:20%;display:flex;justify-content:center;align-items:center}.performa-target-card-icon>svg{scale:1.25}.performa-target-card-data{display:flex;flex-direction:column;justify-content:space-around;margin-block:.5rem;width:100%;margin-inline:.25rem}.performa-target-card-label{display:flex;align-items:center}.performa-target-card-label-name{font-weight:700;font-size:14px;line-height:normal;color:#111!important;margin-right:.5rem}.performa-target-card-label-percentage{font-weight:700;font-size:12px;line-height:normal;color:#111!important;display:flex;flex-grow:1;justify-content:flex-end}.performa-target-card-progress{margin-block:.75rem}.performa-target-card-progress-line-bg{background:#fff!important;border-radius:100px}.performa-target-card-progress-line-value{background:linear-gradient(90deg,#dcfe35 52.27%,#b4d60d 98.03%)}.performa-target-card-count{font-weight:700;font-size:12px;line-height:normal;color:#111!important}.performa-target-card-count-target{font-weight:400;font-size:12px;line-height:normal;color:#111!important}.performa-target-redirect{margin-inline:1rem;position:absolute;width:-webkit-fill-available;top:84vh}.performa-target-redirect-btn{width:100%;border-radius:8px!important;border:1px solid #eee!important;text-transform:capitalize!important;height:6vh}.performa-target-redirect-btn>.MuiButton-label{font-weight:700;font-size:14px;line-height:normal;color:#206bfa!important}.pengajuan-tempo-container .appBar{height:60px;display:flex;background-color:#406ae2;align-items:center;justify-content:space-between;color:#fff;padding:0 16px}.pengajuan-tempo-container .tab-pengajuan{display:flex;justify-content:center;box-shadow:0 2px 8px 0 rgba(73,73,73,.1607843137254902)}.pengajuan-tempo-container .tab-pengajuan .MuiTab-textColorPrimary.Mui-selected{color:#206bfa}.pengajuan-tempo-container .tab-pengajuan .MuiTab-wrapper{font-size:14px}.pengajuan-tempo-container .tab-pengajuan .MuiButtonBase-root{width:160px}.pengajuan-tempo-container .filter-container-pengajuan{display:flex;align-items:center;border:1px solid #e6e5e5;background-color:#fff;border-radius:8px;padding:8px 12px}.halamanPengajuan{padding:16px}.halamanPengajuan .cardPengajuan{border:1px solid #e7e7e7;box-shadow:0 2px 6px 0 rgba(0,0,0,.10196078431372549);padding:12px 16px;border-radius:10px;margin-bottom:12px}.halamanPengajuan .cardPengajuan .cardPegajuanHeader,.halamanPengajuan .cardPengajuan .cardPengajuanBody{display:flex;justify-content:space-between;align-items:center}.statusPengajuan{display:inline-flex;justify-content:center;align-items:center;padding:4px 12px;color:#fff;border-radius:12.5px;background:#08c685}.revisionNote{width:100%;background-color:#f7caca;border-radius:12.5px;padding:10px;border-style:solid;border-color:#f7caca #f7caca #f7caca #fc7171;color:#fc7171;line-break:anywhere}.statusError{background:#fc7171}.alamatTempoContainer{border-radius:10px;border:1px solid #d2d2d2;padding:16px;display:flex}.principleRibbon{border-radius:4px;border-left:3px solid #cedbff;background:#e9efff;display:flex;padding:8px 12px;flex-direction:column;justify-content:center;align-items:flex-start;align-self:stretch;color:#3a3a3a;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.legalitasUploadImage{display:flex;padding:12px;border-radius:8px;border:1px solid #c8c8c8;align-items:center}.legalitasUploadImage .imagePengajuanContainer{border-radius:4px;background-color:#e9efff;padding:8px 16px;margin-right:8px}.legalitasUploadImage .imagePengajuan{max-width:56px;max-height:44px;object-fit:cover}.legalitasUploadImage .addFileText{color:#406ae2;font-size:14px;font-style:normal;font-weight:400;line-height:normal;width:100%}.pengajuanPhotoContainer{border-radius:14px;width:100%;object-fit:fill}.pengajuanPhotoHeader{padding:0}.gantiImageContainer{border-radius:4px;border:1px solid #406ae2;background:var(--greyscale-5,#fff);display:flex;padding:var(--size-8,8px) var(--size-16,16px);justify-content:center;align-items:center;grid-gap:10px;gap:10px;color:#406ae2}.upload-icon-label-wrapper{display:flex;grid-gap:.5em;gap:.5em;align-items:center}.upload-icon-label-wrapper span:first-child{display:flex;flex-basis:5%}.upload-icon-label-wrapper span:nth-child(2){flex-basis:15%;font-weight:400!important}*{margin:0;padding:0;box-sizing:border-box}button,div,input[type=date],input[type=password],input[type=text]{outline:none!important}a{text-decoration:none!important}html{scroll-behavior:smooth}body,html{margin:0;padding:0}body,html{height:100%;font-family:"Barlow",sans-serif!important}body{width:100%!important}.absolute-modal{z-index:1400!important}.modal-short-responsive{height:calc(500px - 18vh)}.modal-tall-responsive{height:calc(500px - 9vh)}.modal-full-responsive{height:auto}.modal-full{height:95vh}.modal-height{height:33vh}.height-74{height:74px}.height-20rem{height:20rem}.navbar{background-color:#217dd8!important}.bg-red{background:#ff5468}.bg-green{background:#62e22b}.bg-grey{background:#b5b5b5}.bg-stock{background-color:#b8c8f4!important}.btn-navbar{color:#fff!important}.MuiIconButton-root:active,.MuiIconButton-root:hover{background:transparent!important}.nopadding{padding:0!important}.nomargin{margin:0!important}.pointer-none{pointer-events:none}.mr-0{margin-right:0!important}.m-0-5px{margin:0 5px}.m-0-8-10-0px{margin:0 8px 10px 0}.no-shadow{box-shadow:none!important}.noborder{border:none!important}.bar-blue{background-color:#406ae2!important}.bar-white{background-color:#fff!important}.text-grey-survey{color:#c8c8c8}.text-red{color:#df5656}.text-decor-strike{text-decoration:line-through}.m-top-1{margin-top:4px!important}.m-top-2{margin-top:8px!important}.m-top-3{margin-top:12px!important}.m-top-4{margin-top:16px!important}.m-top-5{margin-top:20px!important}.m-top-15{margin-top:15px!important}.m-top-50px{margin-top:50px!important}.m-top-10px{margin-top:10px!important}.m-top-18px{margin-top:18px}.m-bottom-none{margin-bottom:0!important}.m-bottom-1{margin-bottom:4px!important}.m-bottom-2{margin-bottom:8px!important}.m-bottom-3{margin-bottom:12px!important}.m-bottom-4{margin-bottom:16px!important}.m-bottom-10px{margin-bottom:10px!important}.m-right-1{margin-right:4px!important}.m-right-2{margin-right:8px!important}.m-right-3{margin-right:12px!important}.m-right-4{margin-right:16px!important}.p-right-1{padding-right:4px!important}.p-right-2{padding-right:8px!important}.p-right-3{padding-right:12px!important}.p-right-39{padding-right:39px!important}.p-right-2px{padding-right:2px}.p-left-1{padding-left:4px!important}.p-left-2{padding-left:8px!important}.p-left-3{padding-left:12px!important}.p-left-4{padding-left:16px!important}.p-left-6{padding-left:30px!important}.p-left-10{padding-left:10px}.p-bottom-1{padding-bottom:4px}.p-bottom-2{padding-bottom:8px}.p-top-1{padding-top:4px}.p-top-2{padding-top:8px}.p-top-3{padding-top:12px}.p-top-4{padding-top:16px}.p-top-6{padding-top:6px}.p-top-25{padding-top:25px}.p-top-1-5{padding-top:1.5px}.p-bottom-12{padding-bottom:12px}.p-bottom-16{padding-bottom:16px}.p-top-16{padding-top:16px}.p-12{padding:12px}.p-20{padding:20px}.p-13{padding:13px!important}.p-14{padding:14px!important}.p-top-10{padding-top:10px}.p-21-18-14{padding:21px 18px 14px!important}.p-7-24{padding:7px 24px}.p-vertical-16{padding-top:16px;padding-bottom:16px}.p-horizontal-16{padding-left:16px;padding-right:16px}.text-green{color:#09d38e;font-weight:400}.text-green-bold{color:#09d38e;font-weight:700}.text-gray{color:#2a2a2a!important}.text-gray-alt{color:#949494!important}.font-grey{color:#777}.text-bold{font-weight:700!important}.text-semi-bold{font-weight:500!important}.bg-white{background-color:#fff!important}.bg-grey{background-color:#d4d4d4!important}.weight-700{font-weight:700}.filter-sublabel-options{color:#545454;font-size:14px}.font-small{font-size:12px!important}.font-mini,.font-small{font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.font-mini{font-size:10px!important}.font-large{font-size:14px!important}.font-extra-large,.font-large{font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.font-extra-large{font-size:20px!important}.font-huge{font-size:24px!important;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.font-bold{font-weight:700}.font-bold,.font-semi-bold{font-family:"Roboto","Helvetica","Arial",sans-serif}.font-semi-bold{font-weight:600}.height-48{height:48px}.height-35{height:35px}.text-capital{text-transform:capitalize!important}.text-red-label{color:#fc7171!important}.text-blue{color:#406ae2!important}.text-grey-black{color:#292929}.d-flex{display:flex!important}.flex-col{flex-direction:column}.flex-grow{flex-grow:1}.gap-2{grid-gap:2px!important;gap:2px!important}.gap-5{grid-gap:5px!important;gap:5px!important}.gap-8{grid-gap:8px!important;gap:8px!important}.gap-10{grid-gap:10px!important;gap:10px!important}.justify-around{justify-content:space-around!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.justify-start{justify-content:flex-start!important}.align-center{align-items:center}.align-start{align-items:flex-start}.self-center{align-self:center}.self-start{align-self:flex-start}.text-yellow{color:#fa6400}.capitalize,.MuiTab-root{text-transform:capitalize!important}.btn-effect:active{transform:translateY(4px)}.w-40-perc{width:40%}.w-48-perc{width:48%}.w-full{width:100%}.max-w-full{max-width:100%}.w-90-px{width:90px}.w-280px{width:280px}.line-through{text-decoration:line-through;color:#000;font-style:italic}.text-justify{text-align:justify}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left!important}.font-24{font-size:24px}.font-18{font-size:18px}.font-14{font-size:14px}.font-13{font-size:13px}.font-15{font-size:15px}.font-16{font-size:16px}.text-large{font-size:16px}.text-large,.text-primary{font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.text-primary{font-size:14px}.text-secondary{font-size:12px!important;font-weight:400!important;font-stretch:normal!important;font-style:normal!important;line-height:normal!important;letter-spacing:normal!important}.text-small{font-size:10px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.text-black{color:#3a3a3a!important}.text-pure-black{color:#000}.blur-black{opacity:.65;color:#3a3a3a}.uppercase{text-transform:uppercase}.border-bottom{border-bottom:1px dashed #d2d2d2}.border-blue{border:1px solid #406ae2!important}.border-none{border:none!important}button:disabled{background-color:rgba(58,58,58,.2)!important}.flex-30{flex-basis:30%}.left-border-8{border-top-left-radius:8px!important;border-bottom-left-radius:8px!important}.right-border-8{border-top-right-radius:8px!important;border-bottom-right-radius:8px!important}@media print{.hide-print{display:none!important}}.bottom-nav{bottom:0!important;top:auto!important;width:100%!important}.bottom-nav .bottom-nav-toolbar{display:flex!important}.bottom-nav .bottom-nav-container{display:flex!important;width:100%}.bottom-nav .bottom-nav-container .bottom-nav-action{min-width:0!important}.bottom-nav .bottom-nav-container .bottom-nav-action .MuiBottomNavigationAction-label{padding-top:4px;font-size:10px!important;font-stretch:normal!important;font-style:normal!important;line-height:normal!important;letter-spacing:normal!important;text-align:center!important}input[type=date]{position:relative!important}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=date]::-webkit-calendar-picker-indicator,input[type=date]::-webkit-inner-spin-button{background:transparent;bottom:0;color:transparent;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto}.pac-container{z-index:10000!important}.MuiTab-wrapper{width:111px;height:19px;font-size:16px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:center}.header-search-bar{border-radius:0 0 20px 20px}.shared-wrapper{padding:0 15px;height:auto}.modal-shared{display:flex;justify-content:space-evenly;grid-gap:5px;gap:5px}.shared-catalog{padding:5px;border-radius:15px;box-shadow:0 2px 8px 0 rgba(73,73,73,.1607843137254902);position:relative}.shared-catalog>.MuiCheckbox-root{position:absolute;right:5px;top:5px;padding:0!important;background-color:#fff!important}.shared-catalog>.MuiCheckbox-colorSecondary{color:#406ae2!important}.shared-options{text-align:center;width:50%;font-size:12px}.shared-options h4{font-weight:700;padding:10px 0}.options-desc{padding:5px}.shared-btn{margin-bottom:15px}.shared-btn img{margin:10px 0}.btn-new-catalog{text-align:center;margin:15px}.btn-new-catalog-share-entry,.btn-new-catalog-share-previous{padding:20px;width:100%;background-color:#406ae2;color:#fff;border:unset;border-radius:10px}.btn-new-catalog-share-new{padding:20px;width:100%;background-color:initial;color:#406ae2;border:unset}.header-pwa{text-align:center}.logo-super-pwa{margin:15px}.title-pwa{font-weight:700}.title-pwa h3{font-size:16px;margin-bottom:5px}.title-pwa h4{margin-bottom:15px}.title-child-pwa,.title-pwa h4{font-size:12px}.hyperlink-pwa{display:flex;justify-content:center;grid-gap:5px;gap:5px;margin-top:10px}.hyperlink-pwa a:link{text-decoration:underline!important}.body-pwa{padding:10px;text-align:center}.search-filter-pwa{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;position:sticky;top:0;background-color:#fff;padding:15px 10px;z-index:2}.filter-pwa-shadow{box-shadow:0 2px 6px 0 rgba(0,0,0,.08)}.search-pwa{width:100%}.search-pwa .MuiOutlinedInput-root{border-radius:10px!important}.btn-filter-pwa{padding:6px 10px;border-radius:10px;border:2px solid #e6e5e5;background-color:#fff;color:#3a3a3a}.btn-filter-pwa,.title-separator{display:flex;align-items:center;grid-gap:5px;gap:5px;font-size:12px}.title-separator{justify-content:center}.title-separator span{font-size:8px}.trow-pwa .MuiTableCell-root{font-size:10px!important;padding:5px!important;border-bottom:none!important}.border-top{border-top:1px solid #d2d2d2!important}.border-top .MuiTableCell-root{padding:5px 5px 0!important}.table-padding-3 .MuiTableCell-root{padding:3px!important}.table-pwa{border:1px solid #d2d2d2}.table-pwa .MuiTableCell-root{border-bottom:none!important}.td-center,.td-center .MuiTableCell-root{text-align:center!important}.td-vert-top,.td-vert-top .MuiTableCell-root{vertical-align:top!important}.disp-none{display:none!important}.pwa-showmore{padding:5px 15px 10px 0!important}.btn-table{display:flex;justify-content:flex-end;grid-gap:5px;gap:5px}.btn-table button{border:none;background-color:initial;color:#406ae0;font-size:10px}.btn-table img{padding-top:2px}.flip-img{transform:scaleY(-1);padding:0 0 1px!important}.modal-cat-wrapper{padding:0 20px}.modal-categories-pwa{overflow-y:scroll;height:calc(70vh - 30px)}.modal-categories-pwa .MuiCheckbox-root{color:#d1d1d1}.modal-categories-pwa .MuiSvgIcon-root{font-size:1.8rem}.modal-categories-pwa .MuiCheckbox-colorSecondary.Mui-checked,.mui-checkbox-blue .MuiCheckbox-root{color:#406ae2}.list-modal-categories{display:flex;align-content:center;align-items:center;justify-content:space-between;border-bottom:2px solid #f2f2f2;padding:5px 0}.modal-filter-pwa-wrapper{padding:0 20px;border-top:2px solid #f5f5f5;height:calc(65vh - 30px);overflow:auto}.filter-selected{color:#406ae2!important;border:1px solid #406ae2!important;background-color:#edf1fc!important}.img-table-pwa{padding:7px 8px;display:flex;flex-direction:column;align-items:center;grid-gap:5px;gap:5px}.img-table-pwa img{padding-bottom:2px}.modal-bundle-wrapper{padding:0 16px}.data-bundle-wrapper{border-bottom:1px solid #f5f5f5;padding:5px 0;display:flex;align-items:center}.data-bundle-unit{font-size:12px;display:flex;align-items:center;grid-gap:3px;gap:3px}.info-bundle{display:flex;flex-direction:column;grid-gap:5px;gap:5px;padding-left:15px}.bundle-category{font-size:12px;color:#949494}.bundle-unit{border:1px solid #406ae2;color:#406ae2;padding:2px 5px;border-radius:5px;font-weight:700}.pwa-discount{color:red;-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.input-harga-filter{display:flex;justify-content:space-evenly;align-items:center;padding-bottom:10px}.input-filter{font-size:10px}.input-filter .MuiOutlinedInput-inputMarginDense{padding-top:7px!important;padding-bottom:7px!important}.nominheight{min-height:unset!important}.min-height-50{min-height:50px!important}.min-height-60{min-height:60px!important}.min-height-70{min-height:70px!important}.text-gray-2{color:#3a3a3a!important}.word-break{word-break:break-word}.width-123{width:123%}.width-70{width:70px}.width-100{width:100%!important}.m-left-1{margin-left:4px}.m-left-2{margin-left:8px}.m-left-3{margin-left:12px}.m-left-4{margin-left:16px}.m-left-6px{margin-left:6px}.m-left-10px{margin-left:10px}.modal-categories-title{display:flex;flex-direction:row;justify-content:space-between;padding:10px 20px;align-items:center;position:sticky;top:0;z-index:10;background-color:#fff}.head-checkbox-pwa{display:flex;grid-gap:8px;gap:8px;align-items:center}.pointer{cursor:pointer}.modal-without-title .modal-bottom-body .modal-bottom-title div{margin-bottom:0!important}.badge-filter-katalog{margin:0 13px}.badge-filter-katalog span{background-color:#406ae2;color:#fff}.pwa-thead-name{padding:16px 20px!important}.pwa-thead-satuan{padding:16px 15px!important}.pwa-thead-qty{padding:0 2px!important}.modal-swipeable{height:auto!important;border-top-left-radius:20px;border-top-right-radius:20px}.border-bottom-separator{border-bottom:2px solid #eee}.relative{position:relative}.h-50vh{height:50vh}.h-80vh{height:80vh}.h-3em{height:3em}.h-260px{height:260px}.overflow-scroll{overflow:scroll}.ret-height-calc{height:calc(100vh - 265px)}.link-title-blue{color:#206bfa;font-weight:700;line-height:17px;font-size:14px}.border-top-riwayat{border-top:1px solid #707070}.main-header-wrapper{background-color:#406ae2;display:flex;padding:15px;grid-gap:5px;gap:5px}.main-header-wrapper .main-header-badge-notif{display:flex;grid-gap:.75em;gap:.75em;margin-left:.5em;align-items:center}.loading-wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column;padding-block:.5rem;padding-inline:1.5rem}.loading-label{font-weight:700;font-size:20px;line-height:28px;color:#fff!important;margin-top:.5rem}.loading-time{font-weight:400;font-size:12px;line-height:20px;color:#fff!important}.loading-timeout-label{font-weight:700;font-size:16px;line-height:24px;color:#111!important}.loading-timeout-sublabel{font-weight:400;font-size:14px;line-height:22px;color:#777!important;margin-bottom:1rem}.loading-timeout-btn{font-weight:700;font-size:14px;line-height:22px;color:#fff!important;background:#206bfa;width:100%;border-radius:8px;height:5vh;border:none!important;margin-bottom:.75rem}.overflow-ellipsis{text-overflow:ellipsis;overflow:hidden}.mr-1half{margin-right:1.5rem}.MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline{border-color:#f44336!important}.unset-grid-gap{grid-gap:unset;gap:unset}.lineHeigt-20{line-height:20px}.is-testing{display:flex;grid-gap:7px;gap:7px;margin-left:.65rem;padding-block:.65rem;align-items:center}.is-testing-bg,.is-testing-bg-rounded{position:relative;background:linear-gradient(90deg,#fcbf2f,#d89c22)!important;padding-inline:1px;padding-bottom:1px}.is-testing-bg-rounded{border-radius:8px;margin-bottom:1.25rem}.is-testing-path{position:absolute;top:0;right:0}.is-testing-text{font-weight:700;font-size:12px;line-height:normal;color:#fff!important}.width-max-content{min-width:max-content}.no-box-shadow{box-shadow:none!important}.box-shadow-none{box-shadow:none}.break-anywhere{line-break:anywhere}