body{padding-top:0!important;--ramadhan:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAABhCAMAAADx2D+RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRF2PK84vXN6/jd2/PA8Prm5/fV9fzu+P3z/P773/TI+v323fPF5PbR7vnh6fja8/vq////laU2bgAAABF0Uk5T/////////////////////wAlrZliAAAH9klEQVR42pSaiZakIAxFA8gmqPX/X9shbAGx2nLmzPRSciUkLwkIn9+uDbYf74DPZzf2B4D4AbGbPREMAFw/zEC/Rlw4skFCFOnvS8BhjIlvESKmv/A5g/HxJUBBvt4hojdBI2EPoOw7AIQ09BZeImyAsKeVTjfJ/68TwDv6tPMA54s7pCu+lP714r9LoRft1UfQXEr8f4tkBPPCi6Ju3+n4xqPEL4TkpvkGuqR447QLwi7jl0geCV8Q57mvCVagH36RionwjECfDmZFQN867RctmgkT4kLnydqwHx7UficY6JG96/QcpxvE7kbgCPR9L3x+9hRs3ayc0EbYVEB5OAJFYlPTO6Ej8PGS7fdYJE6mwWaCbXMwkP3SaZxrl+sFoSKcqi6iFU38TKTbOijIVvmEer/zguWDFaEgYnD1FnXQELBYhzZlC229LVegJYHuulg8nYKs4Fe+ZCDQN4fqDiLV/g8BEVKdn9mRj2XEhfzA/PaPF/8RcLhmo/Ir1C23JGx5EhcPO0tP85VwDJoTI03rQTUC/e+GQOp2eiDsSrKPGxyiTGFF2CAyj5vt9EAQnn3YJT88i7cvCC7rUvfuwU5rggSuNCepRfnRSr0FlKleCzstCRZGGyUDV/1cETzUR1nYaUnwo41i1tZHQo0IdI+FnVYEHi/twWKx60xwR6yl2QbnZCe7JjBfZsbFGk8cd9WwqNdZU0jszuHhvF8SXOBx4VR180tRTTURPMSL5YPxZovVixkI21E9p8ea6vnCaFAzoSXQoqZmMIDEh2KRJSnfjh+50EYsJXnYHwhNric7CQ29momgoXpOs5Eesp4Asyb0fDDaCS1/VIQTyhqYXLqkiIZ4IvAGZDBCWtsNtKO8hK6FfjO4W0sRFfFA2B5Er3iPVVi5EgAJg7TsPUUUxJqQAde1SA7ZPxGxeb/TBAcbiZIi7FERKE5zPNgC2HrmZAFVI8CXAtwMSaGmCAwqXRC7uatGBejuEN1ONYqdcWWRFjbCKR4NcVeNBuA+14RNTo3YQCgpgpaJDTARGKCXQeaA09ClbwTTrpIiCMCfcSQMgIrQ0K+IBRpztJ39KqeIAmCIgVAtF+oIQdECsjFxkZOToXi5sduI2atka5F0mhOOOBBI7JLA1jko67QdquuYq07w1g9+pEnajXPed+U8kkaxLmtLXonPqCsiAXxqUXVrU01x4tTCcYIu9aKviNzV0z9nJRSAkhVBAGU1R2CruH+0EHBJi4V8HCJYq00VRNk26LsHNZJJC7aMKIBsAJ8RDtNeslRMMXho8FyJ0+dsRhx15IYABvgURAXUyWSVSBGA33AhZYBPQfSNj4oADiiIBiiIZN5NOUq1seQOW/J5AxQE846CACGooTAte1GzElk5tKUfYTEbTiw7fURcFKCan3Y9zl2Uat1H8MnrgeKjRUvxpRp56ef5RwacVG6T6A3pjzyyHnk2/+JL1ePp5zg/+HBE+m1ah4LIAJFX+nKkb1ipQJsxjVYQCUDrkBEVkH2pIjLAd7fyPY6iyPbw22cL+4e3fDRYBqhYEA1Q4iEjjKqjEiLSl7X7SOVWSaOUEQxzV7zB+HKfzogGqDGtS/bI1ioI/DL2rafkP5dS52V3c4ZWEB8ZAQXwKQhiDbqkKQPWFacPW5c1rOVULAkdtvt0sX2a9BknXVvxhNgx/lUYtVXzdIuepu5bnyeIDVeAz2DQVts0cqcomfODpjFatJz0UZ4fqFZMl9I7Oir7ncj1jK4O5nMY3nIcq9lKPDgc8hpzHH5p5xx35YKh3ESWpkW+5+mGaKmud4EtT5tFnpZVRDQHrGqNgmgA1gXWaqZWrwbcXP3TCAyw7KczogGO7kqZgP6yZXczU5ck64ZpB6y73TS2lItOmQi7L4mAUt7QJZVnuaRjSWskHEOtcesCE6GJF/5nYCy9uz0L4AzuofbW604ZCVcV4N0HrO7H9qHNt5nouX/Qy075FAyOy3HA1HWXNesmuhNa5tWLTnlXqvaRZUVh7pJID3pt8kyoiHE3QXix8U7R63PuklJ53AHPVmqBM3SBZIJ7t2umDwl2CLAiOI7w4raMi459andZpYa5YPbWCOE0DRFGE/unXQc/tuyl1XIyJDmcCE5UkaRFOO5usiLYqaU29XwibQffYnrfmu4vbPSwNzNuneRKTQK1esu9+1wGzW7ov+1gjds/VLF52P/ZwTIrGz0RxsCkJvv/HayljR73+cbASSk1FLd8tJKdYu2/3dDJTkffFrgTJIXzEVY2eibMAoamCg8Ep2i4p83U5z3jSYTr5vOdIHM8bCwFC/X5d98byxaeSDydz64JpT/be5V08NLrYe8etYjPNO1Kl83nRSUghlOKJC6SZYX1+QOJXd/6tqUvjytCPWHBqM/HOUZ5npKWZyg1o7U+SPTN5xsBms1Ro/x5eoiOp6TVOVCV69TJYpEga6Ilmb2fNLG8a6QQ0o5Zb3GWxfJBklMIkkvnnXA+Hlnq9XnceOpMZ/aNsDzLCvtXxO1M8fFY220KFnUryh744wtiPhd9BJylv7gRnPQP56IZMZ3tPh/MB5Wz5UpbzfF8fKzZJpbX+sXJ/0B4c8YeWgWG0gbhtzP24917AsrUrXn15jUBuWfCL+86YCNnNvSIdzfUdx30D+9rhIiPH8M7QHtfQ//yzon+GgcP75wY9ct7M/o9oL03M0T7C0Op928KlXd/fru2YH+840+AAQAG/rPkZG3H9QAAAABJRU5ErkJggg==)}#body{background-color:#fff!important}.page{background:transparent!important}.layout-full .page{background-color:#00a4cc!important}.pointer{cursor:pointer}.input-box{height:50px;border-radius:5px;font-size:18px;font-weight:300}.section{display:flex;height:100vh;justify-content:center;align-items:center}.form-email-forgot-password{z-index:2}.columns{width:100vw}.column{height:100vh;padding:0 100px 100px;flex-direction:column;align-items:flex-start;grid-auto-columns:1fr;grid-column-gap:16px;grid-row-gap:16px;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-rows:auto auto;grid-template-rows:auto auto;background-color:#1caed4}.column,.div-block{display:flex;justify-content:center}.div-block{flex-direction:row;align-items:center}.image{width:60%}.heading{display:none;margin:0 0 0 10px;font-family:Effra,sans-serif;color:#fff;font-size:20px}.text-block{margin-top:30px;font-family:"Helvetica Neue",sans-serif;color:#fff;font-size:30px;line-height:36px;font-weight:300;letter-spacing:1px}.div-block-2{height:75vh;flex-direction:column;align-self:auto}.div-block-2,.icon2{display:flex;justify-content:center}.icon2{width:75px;height:75px;align-items:center;border-radius:10px;background-color:#fff}.text-span{font-weight:500}.column-2{display:flex;height:100vh;padding-right:60px;padding-left:60px;flex-direction:column;justify-content:center;align-items:center;background-color:#fff}.form-reset-password{display:block;width:65%;justify-content:center}.form{display:flex;flex-direction:column;align-items:flex-start}.field-label{color:#bababa;font-weight:500}.field-label,.password{font-family:"Helvetica Neue",sans-serif}.password{height:50px;margin-top:10px;margin-bottom:10px;border-radius:5px;font-size:16px;font-weight:300;letter-spacing:.5px}.password:focus{border:1px solid #1caed4}.heading-2,.submit-button{margin-bottom:10px;font-family:"Helvetica Neue",sans-serif}.submit-button{height:50px;margin-top:10px;padding-right:40px;padding-left:40px;border-radius:5px;background-color:#1caed4;font-size:16px;font-weight:500}.utility-page-wrap{display:flex;width:100vw;height:100vh;max-height:100%;max-width:100%;justify-content:center;align-items:center}.utility-page-content{display:flex;width:260px;flex-direction:column;text-align:center}.utility-page-form{display:flex;flex-direction:column;align-items:stretch}.email{height:50px;margin-top:20px;margin-bottom:10px;border-radius:5px;font-family:"Helvetica Neue",sans-serif;font-size:16px;font-weight:300;letter-spacing:.5px}.email:focus{border:1px solid #1caed4}.text-block-2{color:#eee}.text-block-2,.text-block-3{font-family:"Helvetica Neue",sans-serif;font-size:16px}.text-block-3{display:block}.success-message{position:relative;background-color:transparent}.form-email-forgot-password{display:block;width:30%;justify-content:center}.section-forgot-password{display:flex;height:60vh;justify-content:center;align-items:center}.form-block{width:50%}.body{display:flex;justify-content:center;align-items:center}.success-message-password{border:1px #1caed4;background-color:transparent}.text-block-4{font-family:"Helvetica Neue",sans-serif}.image-2{height:50px;margin-bottom:20px}.error-message{border-radius:5px}.error-message,.text-block-5{font-family:"Helvetica Neue",sans-serif}.text-block-5{font-size:14px}.image-3{width:50px;margin-bottom:20px}.text-block-6{font-family:"Helvetica Neue",sans-serif}.error-message-2{border-radius:5px}.image-4{width:75px;margin-bottom:20px}.text-block-7{font-family:"Helvetica Neue",sans-serif}.error-message-3{border-radius:5px}.section-2{display:flex;width:100vw;min-height:100vh;padding-top:60px}.card-content{width:100%;min-height:50vh;margin:0 15px;padding:30px 20px 10px;border:1px solid #f0f0f0;border-radius:10px;background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.15)}.body-2{display:flex;background-color:#fff}.table-group{overflow:scroll;margin:0 0 20px;border-top:1px solid #a4aaae;border-bottom:1px solid #a4aaae}.table-list-white{display:flex;flex-direction:column;justify-content:center;justify-items:center;align-items:center;grid-auto-columns:1fr;grid-column-gap:16px;grid-row-gap:16px;grid-template-areas:". Area Area-2";-ms-grid-columns:.25fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr;grid-template-columns:.25fr 1fr 1fr 1fr 1fr 1fr;-ms-grid-rows:auto;grid-template-rows:auto;font-family:"Helvetica Neue",sans-serif;color:#5f6973;font-size:16px}.nilai-trx-list{font-size:14px;font-weight:500}.issuer-name,.trx-id-list{font-size:14px}.list-trx-trigger{grid-auto-columns:1fr;grid-column-gap:10px;grid-row-gap:16px;-ms-grid-columns:.25fr 1.25fr 1fr .5fr 1fr 1fr;grid-template-columns:.25fr 1.25fr 1fr .5fr 1fr 1fr;-ms-grid-rows:auto;grid-template-rows:auto}.list-trx-trigger,.list-voucher-trigger{display:-ms-grid;display:grid;width:100%;height:50px;padding-right:10px;padding-left:10px;justify-content:space-between;justify-items:start;align-items:center;border-top:1px solid #f0f0f0;font-size:16px;font-weight:300}.list-voucher-trigger{grid-auto-columns:1fr;grid-column-gap:20px;grid-row-gap:16px;-ms-grid-columns:.25fr .75fr .75fr .75fr .75fr .75fr .75fr .75fr .75fr .75fr;grid-template-columns:.25fr .75fr .75fr .75fr .75fr .75fr .75fr .75fr .75fr .75fr;-ms-grid-rows:auto;grid-template-rows:auto}.expand-data-trx{display:none;width:100%;height:100px}.pembayaran-trx-list{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:nowrap;text-align:left}.icon-issuer{width:20px;height:20px;margin-right:10px}.payment-mobile{display:flex}.heading-3{margin-top:0;margin-bottom:20px;font-family:"Helvetica Neue",sans-serif}.table-label-grup{display:flex;flex-direction:column;justify-content:center;justify-items:center;grid-auto-columns:1fr;grid-column-gap:16px;grid-row-gap:16px;grid-template-areas:". Area Area-2";-ms-grid-columns:.25fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr 16px 1fr;grid-template-columns:.25fr 1fr 1fr 1fr 1fr 1fr;-ms-grid-rows:auto;grid-template-rows:auto;font-size:16px}.table-label,.table-label-grup{align-items:center;font-family:"Helvetica Neue",sans-serif;color:#5f6973}.table-label{height:30px;grid-auto-columns:1fr;grid-column-gap:10px;grid-row-gap:16px;-ms-grid-columns:.25fr 1.25fr 1fr .5fr 1fr 1fr;grid-template-columns:.25fr 1.25fr 1fr .5fr 1fr 1fr;-ms-grid-rows:auto;grid-template-rows:auto}.table-label,.voucher-table-label{display:-ms-grid;display:grid;width:100%;margin-top:10px;padding-right:10px;padding-left:10px;justify-content:space-between;justify-items:start;align-content:center;border-top:1px #f0f0f0;border-bottom:1px #000;font-size:14px;font-weight:400}.voucher-table-label{margin-bottom:5px;align-items:center;grid-auto-columns:1fr;grid-column-gap:10px;-ms-grid-columns:.25fr .75fr .75fr .75fr .75fr .75fr .75fr .75fr .75fr .75fr;grid-template-columns:.25fr .75fr .75fr .75fr .75fr .75fr .75fr .75fr .75fr .75fr;-ms-grid-rows:auto;grid-template-rows:auto;font-family:"Helvetica Neue",sans-serif;color:#5f6973}.div-block-3{width:100%;flex-direction:row}.div-block-3,.div-block-4{display:flex;justify-content:center}.card-trx-chart{margin:0 30px 30px;padding:30px 20px 20px;border:1px solid #f0f0f0;border-radius:10px;background-color:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.15)}.html-embed{width:100%}.card-summary-trx{margin:30px;padding:30px 20px 20px;border:1px solid #f0f0f0;border-radius:10px;background-color:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.15)}.div-block-5{width:35%;min-height:10vh;-ms-grid-row-align:center;align-self:center;background-color:#bababa;opacity:.3}.columns-3{display:flex;width:65%;margin-bottom:20px}.columns-3,.insight{min-height:10vh;background-color:transparent}.insight{margin:20px 0 0}.label-summary{font-family:"Helvetica Neue",sans-serif;color:#5f6973;font-size:21px;font-weight:300}.div-block-7{position:static;flex-direction:row}.col-summary,.div-block-7{display:flex;justify-content:center;align-items:center}.col-summary{padding-right:10px;padding-left:10px;flex-direction:column}.coach-mark{display:none;width:17px;margin-left:10px;opacity:.5}.circle-blue{width:10px;height:10px;margin-right:10px;border-radius:30px;background-color:#1caed4}.omzet-summary-blue{margin:0 10px;font-family:"Helvetica Neue",sans-serif;color:#1caed4;font-size:36px;font-weight:300}.div-block-10{display:flex;margin-top:5px;margin-bottom:5px;justify-content:center;align-items:center}.heading-4{font-size:20px;line-height:20px}.heading-4,.label-h5{margin-top:0;margin-bottom:0;font-family:"Helvetica Neue",sans-serif;color:#a4aaae;font-weight:300}.label-h5{font-size:14px}.omzet-summary,.trx-summary{display:flex;padding-top:5px;padding-bottom:5px;flex-direction:column;align-items:center}.line-separator{width:60%;height:1px;background-color:#f0f0f0}.average,.line-separator{margin-top:10px;margin-bottom:10px}.average{font-family:"Helvetica Neue",sans-serif;color:#5f6973;font-weight:300}.text-span-2{font-weight:500}.div-col-summary{display:flex;margin-right:10px;margin-left:10px;flex-direction:column;justify-content:center;align-items:center}.text-block-11{position:absolute;left:0;top:0;right:0;bottom:auto;width:100%;border-radius:5px;background-color:rgba(0,0,0,.35);font-family:"Helvetica Neue",sans-serif;color:#fff;font-size:12px;text-align:center}.circle-grey{width:10px;height:10px;margin-right:10px;border-radius:30px;background-color:#5f6973}.omzet-summary-grey{margin:0 10px;font-family:"Helvetica Neue",sans-serif;color:#5f6973;font-size:36px;font-weight:300}.content{display:flex;width:100%;padding:20px 20px 20px 100px;flex-direction:column}.sidebar{position:fixed;top:60px;width:80px;height:100%;background-color:#fff;box-shadow:1px 0 4px 0 rgba(0,0,0,.15)}.side-menu{display:flex;width:100%;height:auto;padding:10px;flex-direction:column;justify-content:center;align-items:center;background-color:#ebf6fa;text-decoration:none}.navbar{position:fixed;left:0;top:0;right:0;bottom:auto;display:block;height:60px;justify-content:space-between;grid-auto-columns:1fr;grid-column-gap:16px;grid-row-gap:16px;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-rows:auto auto;grid-template-rows:auto auto;background-color:#1caed4;box-shadow:0 2px 4px 0 rgba(0,0,0,.15);font-family:"Helvetica Neue",sans-serif}.nav-link,.nav-link-2,.nav-link-3,.navbar{color:#fff}.brand{display:block;width:60px;height:60px;margin-left:20px;justify-content:center;align-items:center}.image-7{width:40%;margin:10px 0}.heading-5{margin:0;font-family:"Helvetica Neue",sans-serif;color:#1caed4;font-size:14px;font-weight:400;text-decoration:none}.dash-line{width:100%;height:1px;margin:10px 0;border:1px dashed #f0f0f0}.insight-text{color:#a4aaae;line-height:16px;font-weight:400}.insight-text,.text-block-12{font-family:"Helvetica Neue",sans-serif}.text-block-12{margin-left:10px;padding-right:10px;padding-left:10px;border-radius:5px;background-color:#a4aaae;color:#fff;font-size:10px}.bold-text,.bold-text-2,.bold-text-3,.bold-text-4{color:#5f6973}.list-item{margin-top:10px;margin-bottom:10px}.list{padding-left:20px}.div-line-chart{width:100%;justify-content:center;background-color:#bababa;opacity:.29}.div-line-chart,.section-body{display:flex;flex-direction:row}.section-body{width:100vw;min-height:100vh;justify-content:space-between;background-color:#fff}.div-container{height:auto;min-height:10vh;padding-right:15px;padding-left:15px;flex-direction:column;justify-content:space-around;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:auto auto;grid-template-rows:auto auto;background-color:transparent}.div-container,.div-container.left{width:50%;align-content:start;grid-auto-columns:1fr;grid-column-gap:0;grid-row-gap:30px}.div-container.left{display:-ms-grid;display:grid;padding:0 15px;justify-content:start;justify-items:stretch;align-items:start;grid-auto-flow:row;-ms-grid-columns:1fr;grid-template-columns:1fr;-ms-grid-rows:auto auto;grid-template-rows:auto auto}.div-container.right{padding-right:40px;padding-left:15px}.div-card{position:relative;margin:25px 0;display:flex;height:auto;max-height:80vh;min-height:0;padding:10px 30px;flex-direction:column;border:1px solid rgba(0,0,0,.1);border-radius:20px;background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.15)}.div-card.blue{background-color:#1caed4}.div-block-11-copy{min-height:200px}.div-block-11-copy,.div-block-11-copy-copy{width:100%;height:auto;margin-bottom:20px;border:1px solid rgba(0,0,0,.1);border-radius:20px;background-color:rgba(28,174,212,.25);box-shadow:0 4px 8px 0 rgba(0,0,0,.15)}.div-block-11-copy-copy{min-height:100px}.div-content{display:flex;width:100%;padding-top:30px;padding-right:40px;padding-left:40px;flex-direction:column}.div-sidebar{position:-webkit-sticky;position:sticky;left:0;top:0;right:auto;bottom:0;width:250px;height:100vh;padding:30px 10px;flex-direction:column;background-color:#1caed4;box-shadow:4px 0 8px 0 rgba(0,0,0,.1)}.div-card-title,.div-sidebar{display:flex;justify-content:space-between;align-items:center}.div-card-title{height:auto}.body-3{font-family:"Helvetica Neue",sans-serif;font-size:16px;line-height:1.5;letter-spacing:.3px}.card-title{width:100%;margin:10px 0;padding-top:0;font-family:Effra,sans-serif;color:#1caed4;font-size:20px;line-height:1;font-weight:500}.div-card-content{overflow:hidden;min-height:0;margin-top:0;padding-top:0;background-color:transparent}.arrow-accordion{position:static;left:auto;top:20px;right:30px;bottom:auto;display:flex;width:25px;height:25px;justify-content:center;align-items:center;border-radius:5px;background-color:#1caed4}.image-8{width:12.5px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.div-block-11{display:flex;margin-top:10px;justify-content:space-between;align-items:flex-end}.div-block-12{width:70%}.div-block-13{display:flex;width:30%;justify-content:flex-end;align-items:flex-end}.text-block-13{font-size:30px;line-height:1;font-weight:500}.text-span-3{font-size:14px;font-weight:300}.label{margin:0;color:#c1c7ce;font-size:14px;line-height:1.5;font-weight:400;letter-spacing:.3px}.summary-trx{display:flex;align-items:flex-end;font-size:16px;font-weight:500;text-align:right}.text-span-4{margin-left:5px;font-size:14px;font-weight:300}.div-block-14{display:flex;margin-top:20px;margin-bottom:10px;padding:15px 10px;align-items:center;border-radius:10px;background-color:#ebf6fa}.div-block-14.blue{background-color:#1caed4!important}.div-block-15{display:flex;width:50%;margin-right:10px;margin-left:10px;padding:15px;flex-direction:column;align-items:center;border-radius:10px;background-color:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.15)}.text-cash{font-size:16px;line-height:1.5;font-weight:500;text-align:center;white-space:nowrap}.div-block-16{margin-top:20px}.div-block-17{display:flex;width:100%;min-height:0;margin-bottom:10px;align-items:center}.image-9{width:10px;height:10px}.text-compare-minus{margin-left:10px;color:#ff0244;font-size:14px;font-weight:500;white-space:nowrap}.text-block-15{margin-left:10px;color:#333;font-size:14px;font-weight:300;letter-spacing:0}.text-span-5{font-size:12px;font-weight:400;white-space:nowrap}.text-compare-plus{margin-left:10px;color:#12c26b;font-size:14px;font-weight:500;white-space:nowrap}.handle{width:100%;height:50px;background-color:#1caed4}.image-10{width:90%;height:250px}.div-target-value{display:flex;margin-top:10px;flex-direction:column;justify-content:flex-start}.div-grafik-summary{display:flex;width:auto;margin-right:10px;margin-left:10px;padding:15px;flex-direction:column;align-items:center;border-radius:10px;background-color:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,.15)}.text-graph-summary{font-size:14px;line-height:1.5;font-weight:500;text-align:center;white-space:nowrap}.bar-chart-payment{display:flex;overflow:hidden;width:100%;margin-top:20px;justify-content:space-between;border:2px solid #f2f4f5;border-radius:20px}.payment-legend{width:0;height:15px;background-color:#1caed4}.payment-legend._1{width:35%;background-color:#108ee9}.payment-legend._2{width:25%;background-color:#e82529}.payment-legend._3{width:17%;background-color:#c1c7ce}.payment-legend._4{width:8%;background-color:#fe5721}.payment-legend._5{width:12%}.payment-legend._6{width:3%;background-color:#4c2a86}.div-block-19{display:flex;margin-top:10px;margin-bottom:10px;align-items:flex-start;justify-content:space-between}.div-block-21{width:7px;height:7px;border-radius:20px;background-color:#108ee9}.icon-payment{width:20px;height:20px;margin:0}.div-block-22{display:-ms-grid;display:grid;margin-top:15px;margin-right:0;margin-bottom:15px;justify-content:start;justify-items:start;align-items:center;grid-auto-columns:1fr;grid-column-gap:5px;grid-row-gap:0;-ms-grid-columns:25px 2fr 1fr;grid-template-columns:25px 4fr 1fr;-ms-grid-rows:auto;grid-template-rows:auto}.heading-7{margin-top:0;margin-right:0;margin-bottom:0;font-size:14px;font-weight:500}.text-block-16{color:#1caed4;font-size:12px;white-space:nowrap}.legend-payment-percentage{width:20%;margin-left:10px;color:#a4aaae;font-size:12px;text-align:right}.line{width:1px;height:100px;margin-right:10px;margin-left:10px;background-color:#c1c7ce}.div-block-23{width:60%;margin:0}.outlet-list-white{display:-ms-grid;display:grid;min-height:50px;align-items:center;grid-auto-columns:1fr;grid-column-gap:5px;grid-row-gap:16px;-ms-grid-columns:.5fr 4fr 1fr;grid-template-columns:.5fr 4fr 1fr;-ms-grid-rows:auto;grid-template-rows:auto}.text-block-17{width:100%;color:#a4aaae;font-size:12px;font-weight:500;text-align:center;white-space:nowrap}.text-block-18{line-height:1.2;font-weight:400}.outlet-amount,.text-block-18{font-size:14px;letter-spacing:0}.outlet-amount{margin-right:10px;color:#1caed4;font-weight:500;white-space:nowrap}.outlet-amount-pct{margin-left:0;padding:5px;border-radius:3px;background-color:#a4aaae;color:#fff;font-size:10px;line-height:1;font-weight:400;letter-spacing:0;white-space:nowrap}.div-block-25{display:flex;flex-direction:row;align-items:center}.outlet-list{display:-ms-grid;display:grid;min-height:50px;margin-top:0;padding:0;align-items:center;grid-auto-columns:1fr;grid-column-gap:5px;grid-row-gap:16px;-ms-grid-columns:.5fr 4fr 1.5fr;grid-template-columns:.5fr 4fr 1.5fr;-ms-grid-rows:auto;grid-template-rows:auto}.outlet-list.white{overflow:visible;min-height:55px;background-color:#fff;color:#000!important}.outlet-list.blue{background-color:#ebf6fa}.div-group-outlet-list{position:relative;display:block;margin-top:10px;margin-bottom:20px;flex-direction:column;object-fit:fill}.div-block-27{display:flex;min-height:50px;justify-content:center;align-items:center}.div-block-28{width:5px;height:5px;margin-right:5px;margin-left:5px;border-radius:20px;background-color:#a4aaae}.div-block-29{display:flex}.bold-text-5{font-weight:500}.text-span-6{color:#a4aaae;font-size:12px;font-weight:400}.div-payment-legend{display:flex;flex-direction:column;align-items:flex-start}.text-span-7{font-size:12px;font-weight:300}.drag-handle{width:100px;height:50px;background-color:#1caed4}.div-block-30{display:flex;padding-top:20px;padding-right:20px;padding-left:20px;justify-content:space-between}.div-block-31{display:flex;min-height:50px;padding-right:35px;padding-left:35px;justify-content:flex-end}.div-date-picker{display:flex;width:250px;height:40px;justify-content:space-between;align-items:center;border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.15)}.date-picker{display:flex;width:100%;height:100%;justify-content:flex-end;color:#1caed4;font-size:14px}.heading-8{margin-right:10px;margin-left:10px;color:#a4aaae;font-size:14px;font-weight:400;letter-spacing:0}.link-block{width:50px;height:50px;border-radius:10px;background-color:#fff;background-image:url(https://asset.youtap.id/assets/portaldagang/images/logo-youtap.png);background-position:50% 50%;background-size:60%;background-repeat:no-repeat}.div-block-32{display:flex;width:100%;margin:40px 0 0;flex-direction:column;justify-content:center;align-items:center}.text-block-19{margin-left:10px;font-size:16px;line-height:1.3;font-weight:700}.nav-menu-block,.text-block-19{font-family:Effra,sans-serif;color:#fff}.nav-menu-block{display:flex;width:100%;height:45px;margin-bottom:20px;padding:10px;flex-direction:row;justify-content:flex-start;align-items:center;border:1px solid hsla(0,0%,100%,.25);border-radius:5px;background-color:transparent;text-decoration:none}.nav-menu-block:hover{background-color:rgba(0,0,0,.1)}.nav-menu-block.active,.nav-menu-block.w--current{border-style:none;background-color:rgba(0,0,0,.25)}.nav-menu-block.active{border-color:rgba(0,0,0,.25)}.image-11{width:25px}.text-block-20{margin-left:10px;font-size:16px}.div-block-33{position:relative;align-items:flex-end}.bar-chart-target-bg,.div-block-33{display:flex;justify-content:space-between}.bar-chart-target-bg{overflow:hidden;width:100%;margin-top:5px;margin-bottom:5px;border:2px solid #f0f0f0;border-radius:20px}.bar-target-progress{width:35%;height:15px;background-color:#1caed4}.bar-target-progress._1{width:35%;background-color:#108ee9}.bar-target-progress._2{width:25%;background-color:#e82529}.bar-target-progress._3{width:17%;background-color:#c1c7ce}.bar-target-progress._4{width:8%;background-color:#fe5721}.bar-target-progress._5{width:12%}.bar-target-progress._6{width:3%;background-color:#4c2a86}.div-target-amount{display:flex;align-items:center}.div-block-35{width:25px;height:25px;background-image:url("https://uploads-ssl.webflow.com/5f0288206646fcbf3d0bc70c/5f7bd3796da25264a572f567_pencil%20(1).svg");background-position:50% 50%;background-size:50%;background-repeat:no-repeat}.div-input-target-amount{position:absolute;left:auto;top:auto;right:0;bottom:0;display:flex;align-items:flex-start}.form-block-2,.text-field{margin-bottom:0}.arrow{display:none}.text-target-value{color:#1caed4;font-size:18px;font-weight:500;text-align:left;white-space:nowrap}.completed{color:#12c26b!important}.text-selisih-target{color:#ff0244;font-size:12px;line-height:1.5;font-weight:400;text-align:center;white-space:nowrap}.div-card-subtitle{display:flex;justify-content:space-between;align-items:center}.div-block-36{width:35px;height:35px;border-radius:10px;background-color:#1e3f4f;background-image:url("https://uploads-ssl.webflow.com/5f0288206646fcbf3d0bc70c/5f7c2c14ac2a8bb11bc6d296_download%20(2).svg");background-position:50% 50%;background-size:50%;background-repeat:no-repeat}.trx-date,.trx-no,.trx-time{font-size:14px}.div-block-37{display:flex;width:100%;height:50px;justify-content:center;align-items:center}.button{height:auto;padding:5px 20px;border-radius:20px;background-color:#1caed4;font-size:12px}.top-section{display:flex;width:100%;flex-direction:column;align-items:center}@media screen and (max-width:991px){.text-secondary-menu{margin-top:5px;margin-left:0;font-size:12px;line-height:1;text-align:center;white-space:nowrap}.nav-menu-secondary{display:flex;height:75px;flex-direction:column;justify-content:center;align-items:center;border-radius:0}.text-block-20{text-align:center;white-space:nowrap}.nav-more-menu-block{height:75px;flex-direction:column;justify-content:center;align-items:center;border-radius:0}.column{padding-right:40px;padding-left:40px}.text-block{font-size:24px;line-height:30px}.form-reset-password{width:90%}.success-message{position:static}.form-email-forgot-password{width:50%}.section-2{display:flex}.table-list-white{font-size:14px}.issuer-name,.list-trx-trigger,.trx-id-list{font-size:12px}.table-label-grup{font-size:14px}.div-block-3{flex-direction:column}.columns-3,.div-block-5{width:100%}.label-summary{font-size:18px}.omzet-summary-blue,.omzet-summary-grey{font-size:30px}.sidebar{height:100vh}.div-line-chart{flex-direction:column}.div-container.left{padding-right:10px;padding-left:10px;grid-row-gap:20px}.div-container.right{padding-right:20px;padding-left:10px}.div-card{padding-right:15px;padding-left:15px}.div-content,.div-sidebar{padding-right:0;padding-left:0}.div-sidebar{display:flex;width:10vw;flex-direction:column;align-items:center}.card-title{font-size:18px}.arrow-accordion{right:20px}.text-block-13{font-size:20px}.label{font-size:12px}.summary-trx{font-size:14px}.text-span-4{font-size:12px}.div-block-14{padding:10px}.div-block-15{margin-right:6px;margin-left:6px;padding:10px}.text-cash{white-space:nowrap}.text-block-15,.text-cash,.text-compare-minus,.text-compare-plus{font-size:12px}.image-10{width:100%;height:200px}.div-grafik-summary{margin:0;padding:10px}.text-graph-summary{font-size:12px;white-space:nowrap}.div-block-19{align-items:flex-start}.div-block-20{display:flex;padding-right:5px;flex-direction:column}.div-block-20,.div-block-22{margin-right:0}.heading-7{font-size:12px;line-height:1.2}.text-block-16{font-size:10px;font-weight:500}.legend-payment-percentage{margin-left:0;font-size:10px}.div-block-23{margin-right:5px;margin-left:5px}.text-block-17{font-size:10px}.text-block-18{font-size:12px}.outlet-amount{margin-right:0;font-size:12px}.outlet-amount-pct{margin-top:0;margin-left:0;padding:3px}.div-block-25,.div-payment-legend{flex-direction:column;justify-content:center}.link-block{width:45px;height:45px;border-radius:8px}.text-block-19{display:none;font-size:17px}.nav-menu-block{display:flex;height:75px;flex-direction:column;justify-content:center;align-items:center;border-radius:0}.image-11{height:50%}.text-block-20{margin-top:5px;margin-left:0;font-size:12px;line-height:1}.text-target-value{font-size:12px}.text-selisih-target{font-size:12px;white-space:nowrap}.trx-date,.trx-time{font-size:12px}}@media screen and (max-width:767px){.list-voucher-trigger{justify-content:start;grid-column-gap:5px;-ms-grid-columns:.25fr .75fr 1fr .75fr .75fr .75fr 1fr;grid-template-columns:.25fr .75fr 1fr .75fr .75fr .75fr 1fr;font-size:10px}.column-2{padding-right:40px;padding-left:40px}.card-content{margin:10px}.table-list-white{font-size:12px}.issuer-name,.nilai-trx-list,.trx-id-list{font-size:11px}.list-trx-trigger{font-size:10px}.table-label-grup{font-size:12px}.table-label{font-size:10px}.card-summary-trx,.card-trx-chart{margin:10px}.label-summary{font-size:16px}.col-summary{justify-content:flex-start}.omzet-summary-blue{font-size:20px}.heading-4{font-size:12px}.average{font-size:11px}.omzet-summary-grey{font-size:20px}.insight-text{font-size:12px}.text-block-12{margin-left:5px;padding-right:5px;padding-left:5px;font-size:8px}.div-container{width:100%;padding-right:0;padding-left:0}.div-container.left{width:100%;min-height:0;padding-bottom:20px;-ms-grid-columns:1fr;grid-template-columns:1fr}.div-container.right{padding-top:0;padding-left:20px}.div-content{flex-direction:column}.text-cash{font-size:14px}.div-block-20{padding-right:10%}.legend-payment-percentage{margin-left:0}.outlet-amount-pct{margin-left:10px}.div-block-25{flex-direction:row;align-items:center}.div-payment-legend{align-items:flex-start}.div-block-30,.div-payment-legend{flex-direction:column}.div-block-31{padding-right:20px;padding-left:20px}.link-block{width:40px;height:40px}.text-selisih-target,.text-target-value{font-size:14px}.div-block-36{width:30px;height:30px;border-radius:5px}.trx-date,.trx-time{font-size:11px}.button{font-size:10px}}@media screen and (max-width:720px){.voucher-table-label{font-size:10px;padding-right:0;padding-left:0;-ms-grid-columns:.25fr .75fr .75fr .75fr;grid-template-columns:.25fr .75fr .75fr .75fr}.list-voucher-trigger{height:50px;margin-bottom:-10px;padding-right:0;padding-left:0;align-items:center;align-content:center;grid-row-gap:0;-ms-grid-columns:.25fr .75fr .5fr .35fr .25fr;grid-template-columns:.25fr .75fr .5fr .35fr .25fr;font-size:12px}.secondary-section{padding:20px 10px}.close-icon{width:50px;height:50px;margin-top:20px;padding:0;background-image:url(https://uploads-ssl.webflow.com/5f0288206646fcbf3d0bc70c/5f9119abc2834541a4203d87_cancel.svg);background-position:50% 50%;background-size:75%;background-repeat:no-repeat}.div-block-38{display:flex;flex-direction:column;justify-content:center;align-items:center}.text-secondary-menu{margin-left:20px;font-family:Effra,sans-serif;color:#fff;font-size:14px}.nav-menu-secondary{margin:10px;flex-direction:row;justify-content:flex-start;opacity:1}.nav-menu-secondary,.nav-more-menu-block{display:flex;width:auto;height:100%;padding:5px;border-style:none;border-bottom:4px solid transparent}.nav-more-menu-block{margin-right:10px;margin-bottom:0;margin-left:10px;justify-content:space-between;background-color:transparent;opacity:.6}.text-block-20{font-family:Effra,sans-serif;color:#fff;font-size:12px}.section{height:auto}.div-card{margin:0 25px 25px}.columns{display:flex;flex-direction:column;align-items:flex-start}.column{height:auto;padding-top:40px;padding-bottom:40px;justify-content:center;align-items:center}.text-block{font-size:18px;line-height:24px;text-align:center}.icon{width:50px}.column-2{height:60vh;padding-right:40px;padding-left:40px}.form-reset-password{width:100%}.heading-2{font-size:24px;line-height:28px}.text-block-2{font-size:14px}.form-email-forgot-password{width:80%}.section-forgot-password{height:100vh}.card-content{margin:0;padding-top:30px;padding-right:15px;padding-left:15px}.table-group{margin-right:0;margin-left:0;border-top:1px solid #5f6973;border-bottom:1px solid #5f6973}.table-list-white{grid-template-areas:".";-ms-grid-columns:.25fr 1fr 1fr 1fr .5fr;grid-template-columns:.25fr 1fr 1fr 1fr .5fr;-ms-grid-rows:auto minmax(auto,1fr);grid-template-rows:auto minmax(auto,1fr);border-top:1px solid #f0f0f0;border-bottom:.5px #f0f0f0}.nilai-trx-list{font-size:12px}.issuer-name,.trx-id-list{display:none}.arrow{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:5px;background-color:#1caed4}.image-5{width:50%}.list-trx-trigger{height:50px;margin-bottom:-10px;padding-right:0;padding-left:0;align-items:center;align-content:center;grid-row-gap:0;-ms-grid-columns:.25fr 1fr .75fr 1fr .5fr;grid-template-columns:.25fr 1fr .75fr 1fr .5fr;font-size:12px}.expand-data-trx{display:block;overflow:hidden;height:auto;padding-top:0;padding-bottom:5px;background-color:#ebf6fa}.pembayaran-trx-list{display:none}.trx-id-mobile{display:block}.payment-mobile{display:flex}.payment-name-mobile{display:block}.columns-2{display:flex;overflow:hidden;margin-top:10px;margin-bottom:10px;flex-direction:row;justify-content:center}.column-3,.column-4{flex-direction:column;text-align:center}.column-3,.column-4,.payment-div-mobile{display:flex;justify-content:center}.id-trx-mobile{display:block}.label-mobile{margin-bottom:5px;color:#bababa}.table-label-grup{grid-template-areas:".";-ms-grid-columns:.25fr 1fr 1fr 1fr .5fr;grid-template-columns:.25fr 1fr 1fr 1fr .5fr;-ms-grid-rows:auto minmax(auto,1fr);grid-template-rows:auto minmax(auto,1fr);border-top:1px solid #f0f0f0;border-bottom:.5px #f0f0f0}.table-label{padding-right:0;padding-left:0;-ms-grid-columns:.25fr 1fr .75fr 1fr .5fr;grid-template-columns:.25fr 1fr .75fr 1fr .5fr}.div-block-3{flex-direction:column}.card-trx-chart{margin:10px;padding-top:30px;padding-right:15px;padding-left:15px}.card-summary-trx{margin:10px;padding-top:30px;padding-right:10px;padding-left:10px}.div-block-5{width:100%}.columns-3{width:100%;flex-direction:column}.label-summary{margin-top:0;margin-bottom:0;font-size:16px}.col-summary{padding-right:0;padding-left:0}.circle-blue{width:10px;height:10px}.omzet-summary-blue{font-size:24px}.div-block-10{margin:0 10px}.omzet-summary,.trx-summary{flex-direction:row}.trx-summary{padding-top:0;padding-bottom:0}.line-separator{width:80%;margin-top:0;margin-bottom:0}.average{margin-top:5px;margin-bottom:5px;font-size:12px}.div-col-summary{margin-top:25px;margin-bottom:25px}.circle-grey{width:10px;height:10px}.omzet-summary-grey{font-size:24px}.content{padding:20px 0 60px;flex-direction:column;justify-content:center;align-items:stretch}.content,.sidebar{display:flex;width:100vw}.sidebar{position:fixed;left:0;top:auto;right:0;bottom:0;z-index:999;height:7vh;justify-content:space-around;border-top-left-radius:10px;border-top-right-radius:10px}.side-menu{width:100px;height:100%;background-color:transparent}.image-7{width:20%;margin:0}.heading-5{font-size:12px}.insight-text{font-size:14px}.text-block-12{font-size:10px}.list{padding-left:20px}.div-line-chart,.section-body{flex-direction:column}.section-body{justify-content:flex-start}.div-container{grid-column-gap:20px;grid-row-gap:20px}.div-container.left{min-height:0;margin-bottom:0;padding:0}.div-container.right{min-height:25vh;padding:0 20px 20px}.div-card{max-height:75vh;padding:10px 15px;border-radius:10px}.div-content{width:100%;margin-bottom:100px;padding-top:10px;flex-direction:column}.div-sidebar{position:fixed;left:0;top:auto;right:0;bottom:0;z-index:99;display:flex;width:100vw;height:8vh;padding:0;flex-direction:row;order:1;border-top-left-radius:10px;border-top-right-radius:10px;box-shadow:0 -2px 4px 0 rgba(0,0,0,.15)}.card-title{font-size:16px}.arrow-accordion{top:15px;right:15px}.text-block-13{font-size:20px}.div-block-15{padding:5px}.text-cash{font-size:12px}.image-9{width:7px;height:7px}.text-compare-minus{margin-left:5px;font-size:12px}.text-block-15{margin-left:10px}.text-compare-plus{margin-left:5px;font-size:12px}.div-grafik-summary{padding:10px}.text-graph-summary{font-size:12px}.div-block-19{align-items:flex-start}.div-block-20{display:flex;padding-right:10px;flex-direction:column;justify-content:flex-start}.icon-payment{width:20px}.div-block-22{margin-top:10px;margin-bottom:10px;justify-content:start;justify-items:start;align-content:center}.heading-7{line-height:1.2;letter-spacing:0}.legend-payment-percentage{margin-left:0}.outlet-list-white{background-color:#fff}.outlet-amount{margin-right:5px;font-size:10px}.outlet-amount-pct{margin-top:0;margin-left:0;padding:3px;font-size:8px}.div-block-25{flex-direction:row}.outlet-list{background-color:#fff}.div-payment-legend{flex-direction:column}.text-span-7{font-size:10px}.div-block-31{min-height:0;padding-right:20px;padding-left:20px;flex-direction:column}.div-date-picker{width:100%}.heading-8{text-align:center}.link-block{display:none}.div-block-32{display:flex;height:100%;margin:0;padding:0;flex-direction:row;justify-content:space-around;align-items:stretch}.nav-menu-block{width:23%;height:100%;margin-right:10px;margin-bottom:0;margin-left:10px;padding:5px;justify-content:space-between;border-style:none;border-bottom:4px solid transparent;background-color:transparent;opacity:.6}.nav-menu-block.w--current{border-bottom:4px solid #f0f0f0;background-color:transparent;opacity:1}.image-11{width:20px}.text-block-20{margin-top:0}.text-target-value{margin-left:5px;font-size:14px}.text-selisih-target{font-size:10px}.div-block-36{border-radius:5px}.trx-date,.trx-no,.trx-time{font-size:12px}.text-table-label.mobile{display:none}.top-section{height:100%}.bottom-section{display:none}}@font-face{font-family:"Effra";src:url(/static/media/Dalton-Maag---Effra-Bold.cd35f1bf.ttf) format("truetype");font-weight:700;font-style:normal;font-display:auto}@font-face{font-family:"Effra";src:url(/static/media/Dalton-Maag---Effra-Heavy.4352690b.ttf) format("truetype");font-weight:900;font-style:normal;font-display:auto}@font-face{font-family:"Effra";src:url(/static/media/Dalton-Maag---Effra-Light.71552a47.ttf) format("truetype");font-weight:300;font-style:normal;font-display:auto}@font-face{font-family:"Effra";src:url(/static/media/Dalton-Maag---Effra.16903bd5.ttf) format("truetype");font-weight:400;font-style:normal;font-display:auto}@font-face{font-family:"Effra";src:url(/static/media/Dalton-Maag---Effra-Medium.c831a01c.ttf) format("truetype");font-weight:500;font-style:normal;font-display:auto}@font-face{font-family:"Helvetica Neue";src:url(/static/media/Helvetica-76-Bold-Italic.856d138c.ttf) format("truetype");font-weight:700;font-style:italic;font-display:auto}@font-face{font-family:"Helvetica Neue";src:url(/static/media/Helvetica25UltraLight_22433.2473d864.ttf) format("truetype");font-weight:200;font-style:normal;font-display:auto}@font-face{font-family:"Helvetica Neue";src:url(/static/media/Helvetica45Light_22437.187ccc4e.ttf) format("truetype");font-weight:300;font-style:normal;font-display:auto}@font-face{font-family:"Helvetica Neue";src:url(/static/media/Helvetica26UltraLightItalic_22434.93d570c0.ttf) format("truetype");font-weight:200;font-style:italic;font-display:auto}@font-face{font-family:"Helvetica Neue";src:url(/static/media/Helvetica35Thin_22435.ecdadbb5.ttf) format("truetype");font-weight:100;font-style:normal;font-display:auto}@font-face{font-family:"Helvetica Neue";src:url(/static/media/Helvetica36ThinItalic_22436.03fdd4d5.ttf) format("truetype");font-weight:100;font-style:italic;font-display:auto}@font-face{font-family:"Helvetica Neue";src:url(/static/media/Helvetica85Heavy_22449.0acf03cc.ttf) format("truetype"),url(/static/media/Helvetica95Black.19580b57.ttf) format("truetype");font-weight:900;font-style:normal;font-display:auto}@font-face{font-family:"Helvetica Neue";src:url(/static/media/Helvetica46LightItalic_22438.b07bd5de.ttf) format("truetype");font-weight:300;font-style:italic;font-display:auto}@font-face{font-family:"Helvetica Neue";src:url(/static/media/Helvetica56Italic_22440.31d91515.ttf) format("truetype");font-weight:400;font-style:italic;font-display:auto}@font-face{font-family:"Helvetica Neue";src:url(/static/media/Helvetica55Roman_22439.f74c40f1.ttf) format("truetype");font-weight:400;font-style:normal;font-display:auto}@font-face{font-family:"Helvetica Neue";src:url(/static/media/Helvetica65Medium_22443.827ae8ca.ttf) format("truetype");font-weight:500;font-style:normal;font-display:auto}@font-face{font-family:"Helvetica Neue";src:url(/static/media/Helvetica86HeavyItalic_22450.0b5666bd.ttf) format("truetype"),url(/static/media/HelveticaNeueBlackItalic-1.7d4888fe.otf) format("opentype");font-weight:900;font-style:italic;font-display:auto}@font-face{font-family:"Helvetica Neue";src:url(/static/media/HelveticaNeueMediumItalic.f76ab5db.otf) format("opentype");font-weight:500;font-style:italic;font-display:auto}@font-face{font-family:"Helvetica Neue";src:url(/static/media/HelveticaNeueBold.59734987.otf) format("opentype");font-weight:700;font-style:normal;font-display:auto}.active-arrow{transition:all .2s linear;-webkit-transform:translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg)!important;transform:translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg)!important;-webkit-transform-style:preserve-3d!important;transform-style:preserve-3d!important}.hidden-content{display:none}.table-icon{padding:0 10px}button,html input[type=button],input[type=reset]{border:0;cursor:pointer;-webkit-appearance:button}.w-form{margin:0 0 15px}.w-form-done{display:block;padding:20px;text-align:center;background-color:#ddd}.w-form-fail{width:100%;margin-top:10px;padding:10px;background-color:#ffdede}label{display:block;margin-bottom:5px;font-weight:700}.w-input,.w-select{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff;border:1px solid #ccc}.w-input:-moz-placeholder,.w-select:-moz-placeholder{color:#999}.w-input::-moz-placeholder,.w-select::-moz-placeholder{color:#999;opacity:1}.w-input:-ms-input-placeholder,.w-select:-ms-input-placeholder{color:#999}.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder{color:#999}.w-input:focus,.w-select:focus{border-color:#3898ec;outline:0}.w-input[disabled],.w-input[readonly],.w-select[disabled],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{cursor:not-allowed;background-color:#eee}textarea.w-input,textarea.w-select{height:auto}.w-select{background-color:#f3f3f3}.w-select[multiple]{height:auto}.w-form-label{display:inline-block;cursor:pointer;font-weight:400;margin-bottom:0}.w-radio{display:block;margin-bottom:5px;padding-left:20px}.w-radio:after,.w-radio:before{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-radio:after{clear:both}.w-radio-input{margin:4px 0 0;margin-top:1px\9;line-height:normal;float:left;margin-left:-20px;margin-top:3px}.w-file-upload{display:block;margin-bottom:10px}.w-file-upload-input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-100}.w-file-upload-default,.w-file-upload-success,.w-file-upload-uploading{display:inline-block;color:#333}.w-file-upload-error{display:block;margin-top:10px}.w-file-upload-default.w-hidden,.w-file-upload-error.w-hidden,.w-file-upload-success.w-hidden,.w-file-upload-uploading.w-hidden{display:none}.w-file-upload-uploading-btn{font-size:14px;font-weight:400;cursor:pointer;padding:8px 12px}.w-file-upload-file,.w-file-upload-uploading-btn{display:flex;margin:0;border:1px solid #ccc;background-color:#fafafa}.w-file-upload-file{flex-grow:1;justify-content:space-between;padding:8px 9px 8px 11px}.w-file-upload-file-name{font-size:14px;font-weight:400;display:block}.w-file-remove-link{margin-top:3px;margin-left:10px;width:auto;height:auto;padding:3px;display:block;cursor:pointer}.w-file-upload-error-msg{display:inline-block;color:#ea384c;padding:2px 0}.w-file-upload-info{display:inline-block;line-height:38px;padding:0 12px}.w-file-upload-label{display:inline-block;font-size:14px;font-weight:400;cursor:pointer;margin:0;padding:8px 12px;border:1px solid #ccc;background-color:#fafafa}.w-container{margin-left:auto;margin-right:auto;max-width:940px}.w-container:after,.w-container:before{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-container:after{clear:both}.w-container .w-row{margin-left:-10px;margin-right:-10px}.w-row:after,.w-row:before{content:" ";display:table;grid-column-start:1;grid-row-start:1;grid-column-end:2;grid-row-end:2}.w-row:after{clear:both}.w-row .w-row{margin-left:0;margin-right:0}.w-button{display:inline-block;padding:9px 15px;background-color:#fff;color:#aaa;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:5px;height:40px}input.w-button{-webkit-appearance:button}.page-login-v2 form{width:350px}@media only screen and (max-width:960px){.page-login-v2 form{width:auto}}.page-login-v2 .page-login-main{height:100%;flex-direction:column;justify-content:center;align-items:center;background-position:0 0;background-size:200px;background-repeat:repeat}.page-login-new{padding:180px 60px!important}@media only screen and (max-width:376px){.page-login-new{padding:148px 60px 180px!important}}@media only screen and (max-width:479px){.page-login-v2 .page-login-main{background-position:50% 0}}@media only screen and (max-width:768px){.page-login-v2 .page-login-main{background-position:50% 0}}.page-login-v2 .page-login-main .form-container{display:block;padding:20px;justify-content:center;border-radius:25px;background-color:#fff;color:#1e3f4f;margin:10% 0}.page-login-v2 .page-login-main .top-image-ramadhan{position:absolute;left:0;top:0;right:0;bottom:auto;max-width:100%;vertical-align:middle;display:inline-block}.forgot-password-main,button[type=submit],input[type=password],input[type=text]{width:100%}@media only screen and (max-width:479px){.forgot-password-main{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.boxTitle{font-weight:500;font-size:18px;line-height:21px;color:#1e3f4f}.Profile{height:auto}.Profile .page{height:auto;font-family:Effra,serif;padding:80px;margin-bottom:21px}@media only screen and (max-width:720px){.Profile .page{padding:15px}}.Profile .page .profileContainer{display:flex;flex-direction:column;width:100%;padding:32px 24px;background:#ebf6fa;border-radius:20px}.Profile .page .profileContainer .merchantInformationBox{display:flex;flex-direction:column;background:#fff;border-radius:20px;padding:14px}.Profile .page .profileContainer .merchantInformationBox .profileBox{display:flex;flex-direction:row;background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.15);border-radius:10px;padding:13px 20px;justify-content:space-between;align-items:center;margin-top:20px}.Profile .page .profileContainer .merchantInformationBox .profileBox .leftProfileBox{width:100%;display:flex;flex-direction:row}.Profile .page .profileContainer .merchantInformationBox .profileBox .leftProfileBox .profilePicBox{display:flex;flex-direction:column}.Profile .page .profileContainer .merchantInformationBox .profileBox .leftProfileBox .profilePicBox .profilePic{border-radius:50%}@media only screen and (max-width:720px){.Profile .page .profileContainer .merchantInformationBox .profileBox .leftProfileBox .profilePicBox{flex-direction:row;justify-content:center}}.Profile .page .profileContainer .merchantInformationBox .profileBox .leftProfileBox .borderLine{border:.5px solid #c1c7ce;margin:0 20px}@media only screen and (max-width:720px){.Profile .page .profileContainer .merchantInformationBox .profileBox .leftProfileBox .borderLine{display:none}}@media only screen and (max-width:720px){.Profile .page .profileContainer .merchantInformationBox .profileBox .leftProfileBox{flex-direction:column;justify-content:center}}.Profile .page .profileContainer .merchantInformationBox .profileBox .leftProfileBox .userContainer{width:40%;display:flex;flex-direction:column;justify-content:space-between}@media only screen and (max-width:720px){.Profile .page .profileContainer .merchantInformationBox .profileBox .leftProfileBox .userContainer{width:100%}}.Profile .page .profileContainer .merchantInformationBox .profileBox .leftProfileBox .userContainer .merchName{font-weight:500;font-size:20px;line-height:24px;color:#1e3f4f}@media only screen and (max-width:720px){.Profile .page .profileContainer .merchantInformationBox .profileBox .leftProfileBox .userContainer .merchName{margin:30px 0 12px}}.Profile .page .profileContainer .merchantInformationBox .profileBox .leftProfileBox .userContainer .userInformationBox{display:flex;flex-direction:row;justify-content:space-between}@media only screen and (max-width:720px){.Profile .page .profileContainer .merchantInformationBox .profileBox .leftProfileBox .userContainer .userInformationBox{flex-direction:column;justify-content:flex-start}}.Profile .page .profileContainer .merchantInformationBox .profileBox .leftProfileBox .userContainer .userInformationBox .information{display:flex;flex-direction:column}@media only screen and (max-width:720px){.Profile .page .profileContainer .merchantInformationBox .profileBox .leftProfileBox .userContainer .userInformationBox .information{margin-bottom:12px}}.Profile .page .profileContainer .merchantInformationBox .profileBox .leftProfileBox .userContainer .userInformationBox .information .label{font-weight:500;font-size:16px;line-height:19px;color:#1e3f4f;margin-bottom:8px}.Profile .page .profileContainer .merchantInformationBox .profileBox .leftProfileBox .userContainer .userInformationBox .information .value{font-weight:400;font-size:16px;line-height:19px;color:#979da6}@media only screen and (max-width:720px){.Profile .page .profileContainer .merchantInformationBox .profileBox .rightProfileBox{position:absolute;top:120px;right:70px}}.Profile .page .profileContainer .merchantInformationBox .profileBox .rightProfileBox .editContainer{cursor:pointer}.Profile .page .profileContainer .complainServiceContainer{display:flex;flex-direction:row;justify-content:space-evenly}.Profile .page .profileContainer .complainServiceContainer .complainBox{width:40%;display:flex;flex-direction:row;border-radius:10px;padding:30px}.Profile .page .profileContainer .complainServiceContainer .complainBox .logo{margin-right:25px;width:40px;height:40px}.Profile .page .profileContainer .complainServiceContainer .complainBox .youtapComplainBox{display:flex;flex-direction:column}.Profile .page .profileContainer .complainServiceContainer .complainBox .youtapComplainBox .youtapName{color:#1caed4;font-weight:400;font-size:16px;line-height:19px;margin-bottom:5px}.Profile .page .profileContainer .complainServiceContainer .complainBox .youtapComplainBox .contentText{font-weight:500;font-size:14px;line-height:17px;color:#1e3f4f}@media only screen and (max-width:720px){.Profile .page .profileContainer .complainServiceContainer{flex-direction:column}.Profile .page .profileContainer .complainServiceContainer .complainBox{width:100%;padding:20px}.Profile .page .profileContainer .complainServiceContainer .complainBox .logo{margin-right:10px}}.FormHeader{flex-direction:column}.FormHeader .title{font-size:24px;line-height:25px;color:#000;align-self:center;font-weight:600}.FormBody{width:652px;display:flex;flex-direction:column;padding:0 15px}.FormBody .imageUploadContainer{display:flex;flex-direction:row;align-items:center;margin-bottom:20px}.FormBody .imageUploadContainer .imageUpload{display:flex;flex-direction:column;justify-content:space-between;margin-left:20px;height:70px;width:200px}.FormBody .imageUploadContainer .imageUpload .uploadButton{width:180px;background:#00a4ca;border-radius:10px;align-items:center;color:#fff}.FormBody .imageUploadContainer .imageUpload .uploadButton:hover{background:#73c5d8}.FormBody .imageUploadContainer .imageUpload .imageSize{font-size:12px;line-height:14px;color:#bdbdbd}.FormBody .rowContainer{display:flex;flex-direction:row;flex-wrap:wrap}.FormBody .rowContainer .stackItem{flex:0 0 50%;padding-right:10px}@media only screen and (max-width:720px){.FormBody .rowContainer{flex-direction:column;flex-wrap:nowrap}.FormBody .rowContainer .stackItem{flex:none;padding-right:0}}.FormBody .inputUserContainer{display:flex;margin-bottom:10px;flex-direction:column;justify-content:space-between}.FormBody .inputUserContainer .inputLabel{font-weight:600;font-size:14px;line-height:17px;color:#1e3f4f;margin-bottom:10px}.FormBody .inputUserContainer .passwordInfoBox{display:flex;flex-direction:row;align-items:center;background:#e9f7fb;padding:10px 13px;border-radius:10px}.FormBody .inputUserContainer .passwordInfoBox .label{font-weight:600;font-size:12px;line-height:14px;color:#1e3f4f;margin-left:15px}.FormFooter{justify-content:flex-end}.FormFooter .closeButton{background:#fff;border:2px solid #1caed4;border-radius:10px;align-items:center;color:#1caed4;margin:0 5px}.FormFooter .saveButton{background:#00a4ca;border-radius:10px;align-items:center;color:#fff;margin:0 5px}.FormFooter .saveButton:hover{background:#73c5d8}.transparent-box{height:90px;display:flex;justify-content:center;align-items:center}.side-menubar{background-color:#00a4cc!important;color:#fff;width:130px;position:fixed;z-index:9!important;top:0!important;height:100%!important}.side-menubar ul{padding:0;margin:0;list-style:none}.transparent-box>img{width:50px}.transparent-box .ramadhan{width:120px!important}.list-menu:hover{color:#fff}.list-menu .bullet{margin-left:auto;background:#ff751d;width:16px;height:16px;border-radius:25px}@media only screen and (min-width:720px){.list-menu .bullet{background:#ff751d;position:absolute;right:20px;top:18px}}@media only screen and (min-width:1024px){.list-menu .bullet{background:#ff751d}}@media only screen and (max-width:720px){.site-menu{max-height:70vh!important;padding-bottom:unset!important}}@media only screen and (min-width:1024px){.site-menu{max-height:80vh!important}}.site-menu>.side-menu-item.active{background-color:#00a4cc}.site-menu::-webkit-scrollbar{display:none}.side-menu-item a{color:#eee}.site-menu>.side-menu-item.active>a{color:#fff;background:rgba(0,0,0,.25)}.site-menu>.side-menu-item>a{border:1px solid hsla(0,0%,100%,.25);border-radius:5px;margin:20px 10px;background-color:#00a4ca}.site-menu-title{font-size:14px!important;font-weight:600}.side-menu-icon{margin-right:5px}.header-data{position:absolute;bottom:20px;left:0;width:100%}.navbar-toolbar{color:#000;margin-right:auto}@media only screen and (min-width:1025px){.page{padding-bottom:0!important}.side-menubar-mobile{display:none!important}.side-menubar{width:240px!important;display:block!important}.page{margin-left:240px!important}.site-menu-icon{display:inline-block!important;margin-right:15px}.site-menu>.side-menu-item>a{text-align:left!important;flex-direction:row!important}}@media(max-width:767.98px){.page{margin-left:130px}}@media only screen and (min-width:720px){.page{padding-bottom:0!important}.side-menubar{display:block!important}.side-menubar-mobile{display:none!important}.site-menu>.side-menu-item>a{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center}}@media only screen and (max-width:720px){.navbar-toolbar{margin:auto}.page{padding-bottom:8vh;margin-left:0}.side-menubar{display:none}.side-menubar-mobile{display:block;width:100%;position:fixed;bottom:0;background:#00a4cc!important;z-index:2;border-top-right-radius:10px;border-top-left-radius:10px;overflow:hidden;padding-top:10px}.main-section{height:7vh}.row-menu{display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 10px}.side-menu-item{list-style:none}.row-menu>.side-menu-item{height:85px}.row-menu>.side-menu-item .site-menu-title{font-size:12px!important;width:100%;overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap}}.pinned-top{top:310px}.full-height{box-shadow:none;min-height:100vh}.transitable{transition:top .2s ease-out}.sidebar-header{background-color:#fff;margin:20px 10px;height:45px;color:#000;border-radius:5px;cursor:pointer;text-align:center}.sidebar-item{width:100%;height:100%;display:flex;justify-content:space-around;justify-items:center;align-items:center}.avatar-initial{background-color:#00a4cc;border-radius:50%;width:30px;height:30px;color:#fff;text-align:center;position:relative}.avatar-image-profile{display:flex;flex-direction:column;width:30px;height:30px}.avatar-image-circle{border-radius:50%}.avatar-profile{height:80px;width:80px;display:flex;justify-content:center;align-items:center;font-size:32px}.profile-email{color:#a4aaae;font-size:20px}.profile-email,.profile-username{margin-top:0;font-weight:400;text-align:center}.profile-username{margin-bottom:0}.icon-initial{margin:4px 0}.user-name{width:65%;color:#00a4cc;font-weight:600;word-break:break-word}.first-uppercase:first-letter{text-transform:capitalize}.icon-dropdown{color:#bbb}.header-dropdown{position:relative;bottom:138px;background:rgba(0,0,0,.5);width:150px;margin:0 auto;border-radius:5px}.dropdown-item:hover{background-color:rgba(0,0,0,.9);color:#fff}.dropdown-item{color:#fff}.header-dropdown.dropdown{display:none!important}@media only screen and (max-width:1024px){.sidebar-header{height:85px}.icon-dropdown{display:none}.header-dropdown{left:120px;bottom:78px}.sidebar-item{flex-direction:column;justify-content:center}}@media only screen and (max-width:720px){.sidebar-item{flex-direction:row;justify-content:space-around}.icon-dropdown{display:block}.header-dropdown{position:static;width:100%;border-radius:0;background-color:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.dropdown-item{color:#000;text-align:center}.sidebar-header{height:auto}.sidebar-item{height:60px}}.OrderStatusButton_primaryButton__ZRLcf{background-color:#1caed4!important;color:#fff!important;border-radius:10px!important;margin:0 5px!important;padding:5px 15px!important}.OrderStatusButton_secondaryButton__1YAn_{background-color:#fff!important;color:#1caed4!important;border-radius:10px!important;border:1px solid #1caed4!important;box-shadow:none!important;margin:0 5px!important;padding:5px 15px!important;text-transform:none}.OrderStatusButton_fullWidthButton__2iXou{background-color:#1caed4!important;color:#fff!important;border-radius:10px!important;margin:0 5px!important;width:100%!important;padding:5px 15px!important}.nav{padding:4px 8px;align-items:center;border-radius:10px;background-color:#fff;color:#5f6973;margin-bottom:10px}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;align-self:center!important;padding:1px 1px 3px!important}.SCMModal{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10!important;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);padding:30px 0}@media only screen and (max-width:1024px){.SCMModal{padding-left:130px}}@media only screen and (max-width:720px){.SCMModal{padding:20px;z-index:20!important}}.SCMModal .containerModal::-webkit-scrollbar{display:none}.SCMModal .containerModal{display:flex;flex-direction:column;align-items:center;scrollbar-width:none;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.15);border-radius:10px;max-height:100%;max-width:988px;overflow-y:auto;min-width:35rem}.SCMModal .containerModal .ModalHeader{display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;width:100%;padding:15px;z-index:3;background:#fff}.SCMModal .containerModal .ModalBody{padding:0 15px;display:flex}.SCMModal .containerModal .ModalFooter{position:-webkit-sticky;position:sticky;bottom:0;width:100%;padding:25px 50px;background:#fff}.SCMModal .fullHeightContainer{border-radius:0;height:100%}.VerificationModal{display:flex;flex-direction:column;width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;z-index:10;align-items:center;justify-content:center}.VerificationModal .verificationContainer{display:flex;flex-direction:column;align-items:center;max-width:90vw;width:855px;background:#fff;border-radius:10px;padding:20px}.VerificationModal .verificationContainer .imageContainer{display:flex;flex-direction:column;justify-content:space-evenly;padding:0 20px;background-image:url(/static/media/verification-bg.38a6f0b3.svg);background-size:cover;border-radius:10px;max-width:100%;max-height:100%;width:782px;height:240px}.VerificationModal .verificationContainer .imageContainer .label{font-weight:500;font-size:35px;line-height:43px;letter-spacing:.015em;color:#fff}.VerificationModal .verificationContainer .imageContainer .subLabel{font-size:18px;line-height:21px;letter-spacing:.015em;color:#fff}@media only screen and (max-width:900px){.VerificationModal .verificationContainer .imageContainer{height:139px;padding:0 6px}.VerificationModal .verificationContainer .imageContainer .label{font-size:18px;line-height:22px;text-align:center}.VerificationModal .verificationContainer .imageContainer .subLabel{font-size:12px;line-height:14px;text-align:center}}.pattern-ramadhan-top{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAABhCAMAAADx2D+RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRFHK7UVcLfjdbpKrPXquHvcczkxuv01PD38fr8R73c4/X6OLjZY8fhm9vsgNLnuOby////lVU0rQAAABF0Uk5T/////////////////////wAlrZliAAAH9klEQVR42pSaiZakIAxFAwiyqfX/X9shbAGx2nLmzPRSciUkLwkIn9+uDbYf74DPx5v9B4D4AeGNTwQDANcPM9CvEReObJAQRfr7EnAYY+JbhIjpL3zOYFx8CVCQr3eI6EzQSPAB1P4OACENvYWXiD1A8Gml003y/+sEcJY+bR3A+eIOaYsvpX+d+O9S6EW++giaS4n/b5GMYF54UdTtOx3feJT4hZDcNN9AlxRvnHZB8DJ+ieSR8AVxnn5N2AX64RepmAjPCPTpYFYE9K1z/6JFM2FCXOg8WRv84UD5O8FAj2yv03OcdhC7G4Ej0PedcPnZU7B1s3JCG2FTAeXhCBSJTU3vhI7Ax0u297FInEyDzYS9zcFA9kurca5drheEirCquohWNPEzkW7roCBb5RPq/dYJlg9WhIKIwdZb1EFDwGId2pR3aOu9cwVaEuiui8XTKcgKbuVLBgJ9c6juIFL5fwiIkOr8zI58LCMu5Afmt3+c+I+AwzUblV+hbtklYcuTuHjY7fQ0XwnHoDkx0rQeVCPQ/3YIpG6nB4JXkn3c4BBlCivCBpF53GynB4Jw7MM2+eFZvH1BsFmXuncPdloTJHClOUktyo9W6i2gTPVa2GlJ2GG0UTJw1c8VwUF9lIWdlgQ32ihmbX0k1IhA91jYaUXg8dIeLBa7zgR7xFqabXBOdtrXBObLzLhY44njrho76nXWFBK7c3g455YEG3hcWFXd/FJUU00EB/Fi+WC8ecfqxQyE7aie02NN9XxhNKiZ0BJoUVMzGEDiQ7HIkpRvx49caCOWkhz4B0KT68lOQkOvZiJoqJ7TbKSHrCfArAk9H4x2QssfFWGF2g1MLl1SREM8EXgDMhghre0G2lJeQtdCvxncraWIinggbA+iV7xnV1i5EgAJg7T4niIKYk3IgOtaJIfsn4jYnPM0wcFGoqSI/agIFKc5HvYC2HrmZAFVI8CVAtwMSaGmCAwqXRDe3FWjAnR3iG6nGsXW2LJICxvhFI+GuKtGA3Cfa8Imp0ZsIJQUQcvEBpgIDNDLIHPAaejSN4JpV0kRBODPOBIGQEVo6FfEAo05mme/yimiABhiIFTLhTpCULSAbExc5ORkKF527DZi9irZWiSd5oQjDgQSuySwdQ5qt3ofquuYq05wuxv8SJO0G2ud68p5JI1iXdaWvBKfUVdEArjUourWpprixKmF4wRd6kVXEbmrp3/OSigAJSuCAGrXHIGtov9oIeCSOxbycYhgrTZVEGXboO8e1EgmLdgyogCyAVxGWEx7yVIxxeChwXElTp/bM+KoIzcEMMCnICqgTiarRIoA/IYLKQN8CqJvfFQEcEBBNEBBJPNuylKqjSV37CWfN0BBMO8oCBCCGgrTshc1K5GVQ1v6ERaz4cSy00XERQGq+WnX49xFqdZ9BJe8Hig+WrQUX6qRl36ef2TASmU3id6Q/sgj65Fj8y++VD2efo7zgw9HpN+mdSiIDBB5pS9L+oaVCrQZ02gFkQC0DhlRAdmXKiIDXHcr1+MoimwPt3224D+85aPBMkDFgmiAEg8ZYVQdlRCRvqzdRyq3ShqljGCYu+INxpX7dEY0QI1pXbJHtlZB4Jexbz0l/7mUOq/dmzO0gvjICCiAT0EQa9AlTRmwrjh9eLdZw1pOxZLQYrtPF9unSZ+x0rYVTwiP8a/CqK2ap1v0NHXf+jxBbLgCfAaDtu5NIz1FyZwfNI3RouWkj/L8QLViupT26KjsdyLXM7o6mMtheMtxrGYr8WBxyGvMcfjlPue4KxcM5SayNC3yPU83REt1vQtsedos8rSsIqI5YFVrFEQDsC6wVjO1ejVg5+qfRmCAZT+dEQ1wdFfKBPSXLbubmbokWTdMO2Dd7aaxpVx0ykTwriQCSnlDl1Se5ZKWJa2RcAy1xq0LTIQmXvifgbH07vYsgDPYh9pbrztlJFxVgL0LWN2P7UObbzPRc/+gl53yKRgcl+OAqesua9ZNdCe0zKsXnbJXqvaRZUVh7pJID3pt8kyoiHE3QTix8U7R6XPuklJ53AHPVmqBM3SBZIJ7t2umDwl2CLAiWI5w4raMi459andZpYa5YPbWCOE0DRFGE7unXQc3tuyl1bIyJDmcCFZUkaRFOO5usiLsU0tt6vlE2g6+xbTfmu4vbPSwNzNuneRKTQK1esu9+1wGzW7ovu1gjds/VLE58P/sYJmVjZ4IY2BSk/3/DtbSRo/7fGPgpJQails+WmmfYu2/3dDJTkffFrgTJIXzEVY2eibMAoamCg8Eq2i4p83U5z3jSYTr5vOdIHM8bCwFC/X5d98byxaeSBydz64JpT/zvUo6eOn1sHePWsRnmnaly+bzohIQwylFEhfJssL6/IHErm9976UvjytCPWHBqM/HOUY5npKWZyg1o7U+SPTN5xsBms1Ro9x5OoiWp6TVOVCV69TJYpEga6Ilmb2fNLG8a6QQch+z3uIsi+WDJKcQJJfOO+F8PLLU6/O48dSZzuwbYXmWFfxXxO1M8fFY224KFnUryh644wtiPhd9BJylv7gRrMTM4Z8R09nu88F8UDlbrrTVHM/Hx5ptYjn9BfCxdqHeb87YQ6vAUNog/HbGfrx7T0CZujWv3rwmIH0m/PKuAzZyZkOPeHdDfddB//C+Roj4+DG8A7T3NfQv75zor3Hw8M6JUb+8N6PfA9p7M0O0vzCUev+mUHn357drC/uPd/wJMAC+f7POBbHbHAAAAABJRU5ErkJggg==);height:20%;width:100%;top:0;left:0;background-size:20%;position:absolute;background-repeat:repeat-x!important}.errorMessageMerchantBox{max-width:350px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;background:#ffe7d9;padding:10px;border-radius:6px}.errorMessageMerchantBox .leftContent{max-width:260px;display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-start;grid-gap:10px;gap:10px}.errorMessageMerchantBox .leftContent .wordingBox{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.logo-ramadhan{text-align:center}@media screen and (max-width:768px){.logo-ramadhan{margin-top:50px}}.logo-ramadhan .style-logo-ramadhan{height:100%}.SignUp .page .page-content .page-login-main .pattern-ramadhan-top{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGEAAABhCAMAAADx2D+RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRFHK7UVcLfjdbpKrPXquHvcczkxuv01PD38fr8R73c4/X6OLjZY8fhm9vsgNLnuOby////lVU0rQAAABF0Uk5T/////////////////////wAlrZliAAAH9klEQVR42pSaiZakIAxFAwiyqfX/X9shbAGx2nLmzPRSciUkLwkIn9+uDbYf74DPx5v9B4D4AeGNTwQDANcPM9CvEReObJAQRfr7EnAYY+JbhIjpL3zOYFx8CVCQr3eI6EzQSPAB1P4OACENvYWXiD1A8Gml003y/+sEcJY+bR3A+eIOaYsvpX+d+O9S6EW++giaS4n/b5GMYF54UdTtOx3feJT4hZDcNN9AlxRvnHZB8DJ+ieSR8AVxnn5N2AX64RepmAjPCPTpYFYE9K1z/6JFM2FCXOg8WRv84UD5O8FAj2yv03OcdhC7G4Ej0PedcPnZU7B1s3JCG2FTAeXhCBSJTU3vhI7Ax0u297FInEyDzYS9zcFA9kurca5drheEirCquohWNPEzkW7roCBb5RPq/dYJlg9WhIKIwdZb1EFDwGId2pR3aOu9cwVaEuiui8XTKcgKbuVLBgJ9c6juIFL5fwiIkOr8zI58LCMu5Afmt3+c+I+AwzUblV+hbtklYcuTuHjY7fQ0XwnHoDkx0rQeVCPQ/3YIpG6nB4JXkn3c4BBlCivCBpF53GynB4Jw7MM2+eFZvH1BsFmXuncPdloTJHClOUktyo9W6i2gTPVa2GlJ2GG0UTJw1c8VwUF9lIWdlgQ32ihmbX0k1IhA91jYaUXg8dIeLBa7zgR7xFqabXBOdtrXBObLzLhY44njrho76nXWFBK7c3g455YEG3hcWFXd/FJUU00EB/Fi+WC8ecfqxQyE7aie02NN9XxhNKiZ0BJoUVMzGEDiQ7HIkpRvx49caCOWkhz4B0KT68lOQkOvZiJoqJ7TbKSHrCfArAk9H4x2QssfFWGF2g1MLl1SREM8EXgDMhghre0G2lJeQtdCvxncraWIinggbA+iV7xnV1i5EgAJg7T4niIKYk3IgOtaJIfsn4jYnPM0wcFGoqSI/agIFKc5HvYC2HrmZAFVI8CVAtwMSaGmCAwqXRDe3FWjAnR3iG6nGsXW2LJICxvhFI+GuKtGA3Cfa8Imp0ZsIJQUQcvEBpgIDNDLIHPAaejSN4JpV0kRBODPOBIGQEVo6FfEAo05mme/yimiABhiIFTLhTpCULSAbExc5ORkKF527DZi9irZWiSd5oQjDgQSuySwdQ5qt3ofquuYq05wuxv8SJO0G2ud68p5JI1iXdaWvBKfUVdEArjUourWpprixKmF4wRd6kVXEbmrp3/OSigAJSuCAGrXHIGtov9oIeCSOxbycYhgrTZVEGXboO8e1EgmLdgyogCyAVxGWEx7yVIxxeChwXElTp/bM+KoIzcEMMCnICqgTiarRIoA/IYLKQN8CqJvfFQEcEBBNEBBJPNuylKqjSV37CWfN0BBMO8oCBCCGgrTshc1K5GVQ1v6ERaz4cSy00XERQGq+WnX49xFqdZ9BJe8Hig+WrQUX6qRl36ef2TASmU3id6Q/sgj65Fj8y++VD2efo7zgw9HpN+mdSiIDBB5pS9L+oaVCrQZ02gFkQC0DhlRAdmXKiIDXHcr1+MoimwPt3224D+85aPBMkDFgmiAEg8ZYVQdlRCRvqzdRyq3ShqljGCYu+INxpX7dEY0QI1pXbJHtlZB4Jexbz0l/7mUOq/dmzO0gvjICCiAT0EQa9AlTRmwrjh9eLdZw1pOxZLQYrtPF9unSZ+x0rYVTwiP8a/CqK2ap1v0NHXf+jxBbLgCfAaDtu5NIz1FyZwfNI3RouWkj/L8QLViupT26KjsdyLXM7o6mMtheMtxrGYr8WBxyGvMcfjlPue4KxcM5SayNC3yPU83REt1vQtsedos8rSsIqI5YFVrFEQDsC6wVjO1ejVg5+qfRmCAZT+dEQ1wdFfKBPSXLbubmbokWTdMO2Dd7aaxpVx0ykTwriQCSnlDl1Se5ZKWJa2RcAy1xq0LTIQmXvifgbH07vYsgDPYh9pbrztlJFxVgL0LWN2P7UObbzPRc/+gl53yKRgcl+OAqesua9ZNdCe0zKsXnbJXqvaRZUVh7pJID3pt8kyoiHE3QTix8U7R6XPuklJ53AHPVmqBM3SBZIJ7t2umDwl2CLAiWI5w4raMi459andZpYa5YPbWCOE0DRFGE7unXQc3tuyl1bIyJDmcCFZUkaRFOO5usiLsU0tt6vlE2g6+xbTfmu4vbPSwNzNuneRKTQK1esu9+1wGzW7ovu1gjds/VLE58P/sYJmVjZ4IY2BSk/3/DtbSRo/7fGPgpJQails+WmmfYu2/3dDJTkffFrgTJIXzEVY2eibMAoamCg8Eq2i4p83U5z3jSYTr5vOdIHM8bCwFC/X5d98byxaeSBydz64JpT/zvUo6eOn1sHePWsRnmnaly+bzohIQwylFEhfJssL6/IHErm9976UvjytCPWHBqM/HOUY5npKWZyg1o7U+SPTN5xsBms1Ro9x5OoiWp6TVOVCV69TJYpEga6Ilmb2fNLG8a6QQch+z3uIsi+WDJKcQJJfOO+F8PLLU6/O48dSZzuwbYXmWFfxXxO1M8fFY224KFnUryh644wtiPhd9BJylv7gRrMTM4Z8R09nu88F8UDlbrrTVHM/Hx5ptYjn9BfCxdqHeb87YQ6vAUNog/HbGfrx7T0CZujWv3rwmIH0m/PKuAzZyZkOPeHdDfddB//C+Roj4+DG8A7T3NfQv75zor3Hw8M6JUb+8N6PfA9p7M0O0vzCUev+mUHn357drC/uPd/wJMAC+f7POBbHbHAAAAABJRU5ErkJggg==);height:20%;width:100%;top:0;background-size:20%;position:absolute;background-repeat:repeat-x!important}.SignUp .page .page-content .page-login-main .logo-ramadhan{text-align:center}@media screen and (max-width:768px){.SignUp .page .page-content .page-login-main .logo-ramadhan{margin-top:100px}}.SignUp .page .page-content .page-login-main .logo-ramadhan .style-logo-ramadhan{width:350px;height:100%}.SignUp .page .page-content .page-login-main .form-container .col-section .infoAccount{color:#979797;font-size:14px;line-height:17px}.SignUp .page .page-content .page-login-main .form-container .col-section .infoAccount .linkFaq{color:#1caed4;text-decoration:underline;cursor:pointer}.overview-main-container{height:100%}.overview-main-container,.overview-main-container .main-container{background-position:0 0;background-size:200px;background-repeat:repeat}@media only screen and (max-width:479px){.overview-main-container .main-container{background-position:50% 0}}.row-skeleton{justify-content:space-around}.padding-skeleton>span{padding:10px 0}.analytics-header>th{font-weight:700!important}.period-button{margin:0 10px}.period-button>.select-search{width:140px}.select-period{width:120px!important}.slick-slider{padding-bottom:0!important}.slick-list{padding:0!important}.slick-dots{text-align:start;margin-left:20px;position:unset!important;margin-top:5px}.slick-dots>li{margin:0}.slick-active>i{color:#c4c4c4!important}.msl{background:#fff;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 4px 8px 0 rgba(0,0,0,.15);border-radius:10px!important}.daterange-picker>.rs-btn,.react-daterange-picker__wrapper,.select-search__input{background:#fff!important;border:1px solid rgba(0,0,0,.1)!important;box-shadow:0 4px 8px 0 rgba(0,0,0,.15)!important;height:42px!important;border-radius:10px!important}.rs-picker-has-value .rs-btn .rs-picker-toggle-value,.rs-picker-has-value .rs-picker-toggle .rs-picker-toggle-value{color:#000!important}.period-button>.nav-link{background-color:#fff;margin:0 10px;padding:10px 15px;color:#999;border-radius:5px;border:1px solid #ddd}.period-button>.active,.period-button>.nav-link:hover{color:#555}.progress{border-radius:5px;margin:6px 0}.div-card-parent{width:100%}.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.arrow-transition{transition:all .2s linear}.more-button{height:auto;border-radius:20px;background-color:#1caed4;font-size:12px;padding:9px 15px;color:#fff;border:0;line-height:inherit;text-decoration:none;cursor:pointer}.more-button:hover{color:#fff}.div-icon{width:30px;height:30px;background-size:18px;background-color:#000;background-repeat:no-repeat;background-position:50% 50%;border-radius:5px;margin:0 3px}.icon-filter{background-image:url(/static/media/filter.1c77c870.svg)}.icon-download{background-image:url(/static/media/download-2.6200411b.svg)}.dropdown-filter{background-color:#eee;position:absolute;right:32px;padding:10px;top:45px;border-radius:7px;z-index:99999}.dropdown-filter>*{margin:5px 0}.filter-title{font-size:12px;font-weight:700;color:#000;margin-left:3px}.column-direction{display:flex;flex-direction:column}.completed-target-title{font-weight:400;color:#000}.no-gap{margin:0;padding:0}.bg-custom-blue{background-color:#1caed4}@media screen and (max-width:720px){.margin-top-mobile{margin-top:25px}.daterange-picker{width:100%}.react-daterange-picker__inputGroup{flex-grow:0!important}.react-daterange-picker__wrapper{padding:0 10px;justify-content:center}.select-outlet{width:100%;padding:20px 10px 0}.select-search{width:100%!important}.period-button{width:100%;margin:15px 10px 10px}.period-button>.nav-link{width:100px;text-align:center}.select-period{width:100%!important}.slick-list{padding:0 50px!important;height:140px}.slick-dots{display:none!important}.slick-slider{padding-right:0!important;padding-left:0!important}}.row-skeleton-overview{display:flex;flex-wrap:nowrap;justify-content:space-between;flex-direction:row;width:100%}.padding-skeleton{padding:10px 0}.padding-col{padding:30px 0}.loading-transaction{padding:0 80px}.loading-transaction>span>span{margin:5px 0}.ProductInsight-container-top{height:70px;background:#ebf6fa;border:1px solid #d8e9ef;box-sizing:border-box;border-radius:7px;align-items:center;padding:9px}.ProductInsight-container-mid,.ProductInsight-container-top{display:flex;flex-direction:row;justify-content:space-between}.ProductInsight-container-mid{padding-top:14px;flex-wrap:nowrap}.ProductInsight-container-detail{display:flex;align-items:center}.ProductInsight-text-name{font-size:16px;line-height:19px;color:#1f1f1f}.ProductInsight-text-price{font-size:15px;line-height:16px;color:#00a4cc}.ProductInsight-text-pcs{font-size:10px;line-height:12px;color:#7e8c99;margin-top:3px}.ProductInsight-container-img{width:58px;height:54px;text-align:center}.ProductInsight-product-img{max-height:100%;max-width:100%;border-radius:3px}.ProductInsight-card-mid{display:flex;border:1px solid #e5e5e5;border-radius:7px;padding:8px 4px;width:50%;flex:1 1 auto}.ProductInsight-card-mid:not(:last-child){margin-right:0}@media only screen and (min-width:720px){.ProductInsight-card-mid:not(:last-child){margin-right:20px}}.ProductInsight-card-name{font-size:14px;line-height:13px;color:#1f1f1f;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ProductInsight-card-pcs{margin-top:3px;font-size:10px;line-height:12px;color:#7e8c99}.ProductInsight-card-price{font-size:12px;line-height:12px;color:#00a4cc}.ProductInsight-card-img{margin-right:5px;border-radius:3px;width:39px;height:36px}.ProductInsight-product-list{border-top:1px solid #d8d8d8;padding:20px 0;align-items:center}.ProductInsight-mid-text{font-size:14px;line-height:12px}.EmptyProductInsight-block-product{width:148px;height:13px;background:#1e3f4f;border-radius:7px}.EmptyProductInsight-block-price{width:82px;height:7px;background:#00a4cc;border-radius:5.5px;margin-top:6px}.EmptyProductInsight-text-top{padding-top:16px;font-family:"Helvetica Neue",sans-serif;font-style:normal;font-weight:400;font-size:24px;line-height:25px;text-align:center;color:#1f1f1f;width:250px}.EmptyProductInsight-text-container{display:flex;flex-direction:column;align-items:center}.EmptyProductInsight-text-bottom{font-family:"Helvetica Neue",sans-serif;font-style:normal;font-weight:300;font-size:20px;line-height:25px;text-align:center;color:#c1c7ce;padding-top:16px;padding-bottom:20px;width:300px}.SCMSearchHeader_headerContainer__2gTkO{position:-webkit-sticky;position:sticky;top:0;z-index:9;border-radius:0 0 25px 25px;box-shadow:0 4px 8px rgba(0,0,0,.15)}.SCMSearchHeader_headerContainer__2gTkO .SCMSearchHeader_topContainer__fpccL{display:flex;justify-content:space-between;align-items:center;padding:18px 4%}.SCMSearchHeader_headerContainer__2gTkO .SCMSearchHeader_bottomContainer__1cE4b{padding:0 4% 9px}.SCMSearchHeader_headerContainer__2gTkO .SCMSearchHeader_bottomContainer__1cE4b .SCMSearchHeader_text__37hnw{font-size:12px;line-height:14px;color:#f2f2f2}.SCMSearchHeader_headerContainer__2gTkO .SCMSearchHeader_bottomContainer__1cE4b .SCMSearchHeader_selectedAddress__2FX-A{font-weight:700;font-size:14px;line-height:17px;color:#fff;margin:0 5px;cursor:pointer}.SCMSearchHeader_label__3UAWr{line-height:12px;text-align:center;color:#fff;margin-top:5px}@media only screen and (max-width:412px){.SCMSearchHeader_label__3UAWr{font-size:10px!important}}.SCMSearchHeader_inputContainer__1ltn8{background-color:#fff;display:flex;align-items:center;width:70%;height:45px;border-radius:37.5px;padding:0}@media only screen and (max-width:412px){.SCMSearchHeader_inputContainer__1ltn8{width:60%;height:40px}}.SCMSearchHeader_inputContainer__1ltn8 .SCMSearchHeader_searchIcon__1bVqF{padding:0 10px}@media only screen and (max-width:412px){.SCMSearchHeader_inputContainer__1ltn8 .SCMSearchHeader_searchIcon__1bVqF{padding:0 8px}}.SCMSearchHeader_inputSearch__2bpsH{border:none;outline:0;background-color:transparent}.SCMSearchHeader_iconClear__2bPIQ{padding:0 18px}.ListAddressHeader{display:flex;flex-direction:column}.ListAddressHeader .titleContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:10px}.ListAddressHeader .titleContainer .title{font-weight:600;font-size:16px;line-height:20px;color:#000}.ListAddressHeader .titleContainer .actionBox{width:130px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.ListAddressHeader .titleContainer .actionBox .addAddressButton{font-weight:600;font-size:14px;line-height:17px;color:#1caed4;cursor:pointer}.ListAddressHeader .titleContainer .actionBox .addAddressButton :hover{color:#58c5e1}.ListAddressHeader .searchContainer{display:flex;flex-direction:column}.ListAddressBody{display:flex;flex-direction:row;width:988px;flex-wrap:wrap;align-content:flex-start;max-width:100%;max-height:100%}.ListAddressBody .addressContainer{--gap:10px;display:inline-flex;flex-wrap:wrap;margin:10px 0;width:calc(100% + var(--gap));justify-content:flex-start;height:75%}.ListAddressBody .addressContainer .AddressList{display:flex;flex-direction:column;justify-content:space-between;width:454px;height:207px;background:#fff;border-radius:5px;padding:11px 18px 14px;margin:5px 5px 0 0}.ListAddressBody .addressContainer .AddressList .cardBody{display:flex;flex-direction:column;cursor:pointer;height:100%}.ListAddressBody .addressContainer .AddressList .cardBody .addressLabel{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.ListAddressBody .addressContainer .AddressList .cardBody .addressLabel .isDefault{display:flex;flex-direction:column;background:#e9f7fb;border-radius:5px;font-weight:400;font-size:12px;line-height:14px;text-align:center;letter-spacing:-.6px;color:#1caed4;padding:1px 11px}.ListAddressBody .addressContainer .AddressList .cardBody .name{font-size:16px;line-height:19px;color:#1e3f4f}.ListAddressBody .addressContainer .AddressList .cardBody .name .label{font-size:14px;line-height:17px;color:#979797}.ListAddressBody .addressContainer .AddressList .cardBody .badge{display:flex;flex-direction:column;background:#e9f7fb;border-radius:5px}.ListAddressBody .addressContainer .AddressList .cardBody .badge .text{font-size:14px;line-height:17px;text-align:center;color:#1caed4}.ListAddressBody .addressContainer .AddressList .cardBody .phone{font-size:14px;line-height:14px;color:#1e3f4f;align-self:flex-start;padding:3px 0 10px}.ListAddressBody .addressContainer .AddressList .cardBody .address{font-size:16px;line-height:19px;color:#5f6973;letter-spacing:-.533333px;align-self:flex-start}.ListAddressBody .addressContainer .AddressList .cardFooter{display:flex;flex-direction:row;justify-content:space-between}.ListAddressBody .addressContainer .AddressList .cardFooter .editAndDelete{display:flex;flex-direction:row;align-items:center}.ListAddressBody .addressContainer .AddressList .cardFooter .editAndDelete .text{font-size:14px;line-height:14px;font-weight:500;color:#1caed4;cursor:pointer}.ListAddressBody .addressContainer .AddressList .cardFooter .editAndDelete .line{height:21px;border:.5px solid #979797;margin:0 15px}.ListAddressBody .addressContainer .AddressList .cardFooter .addMainAddress{display:flex;flex-direction:column;align-items:center;background:#1caed4;border-radius:10px;cursor:pointer}.ListAddressBody .addressContainer .AddressList .cardFooter .addMainAddress .text{font-size:16px;line-height:19px;text-align:center;color:#fff;padding:8px 25px}.ListAddressContainer{width:100%;height:600px;display:flex;flex-direction:column;overflow:auto}.ListAddressContainer .ListAddressBody{width:100%}@media only screen and (max-width:720px){.ListAddressContainer{width:100%;overflow-y:auto;overflow-x:hidden}.ListAddressContainer .ListAddressBody{width:100%}.ListAddressContainer .ListAddressBody .addressContainer{overflow-x:hidden;width:100%;margin:10px 5px 10px 0;height:100vh;display:flex;flex-direction:column;flex-wrap:nowrap}.ListAddressContainer .ListAddressBody .addressContainer .AddressList{width:348px;margin-right:5px}}.ListAddressFooter{display:flex;flex-direction:column;align-items:flex-end}@media only screen and (max-width:720px){.ListAddressFooter{align-items:normal}}.ListAddressFooter .buttonSave{display:flex;flex-direction:column;cursor:pointer;background:#1caed4;border-radius:15px;color:#fff;font-weight:500;text-align:center;padding:15px 16px;font-size:16px;line-height:19px}.DeleteAddressBody{display:flex;flex-direction:column;align-items:center;justify-content:center;width:470px;height:265px}.DeleteAddressBody .text{font-size:24px;line-height:29px;text-align:center;color:#f04;margin-top:25px}.btnBase,.DeleteAddressFooter .closeButton,.DeleteAddressFooter .deleteButton{width:156px;height:50px;cursor:pointer}.DeleteAddressFooter .closeButton .text,.DeleteAddressFooter .deleteButton .text,.textBase{font-size:16px;line-height:19px;text-align:center}.DeleteAddressFooter{display:flex;flex-direction:row;justify-content:center;align-items:center}.DeleteAddressFooter .closeButton{display:flex;flex-direction:column;justify-content:center;border:2px solid #f04;box-sizing:border-box;border-radius:10px;margin-right:10px}.DeleteAddressFooter .closeButton .text{color:#f04}.DeleteAddressFooter .deleteButton{display:flex;flex-direction:column;justify-content:center;background:#f04;border-radius:10px}.DeleteAddressFooter .deleteButton .text{color:#fff}.MobileModal{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10!important;justify-content:center;align-items:center;background:rgba(0,0,0,.5);padding-top:30px;padding-bottom:30px}@media only screen and (max-width:720px){.MobileModal{align-items:flex-end;-webkit-animation:modalPopUp .8s;animation:modalPopUp .8s;padding:0}@-webkit-keyframes modalPopUp{0%{bottom:-100px}to{bottom:0}}@keyframes modalPopUp{0%{bottom:-100px}to{bottom:0}}}.MobileModal .modalContainer{scrollbar-width:none;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.15);border-radius:25px;max-height:90vh;max-width:988px;overflow-y:auto}@media only screen and (max-width:720px){.MobileModal .modalContainer{width:100%;border-radius:25px 25px 0 0}}.MobileModal .modalContainer .headerBox{display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;width:100%;padding:20px;z-index:3;background:#fff}.MobileModal .modalContainer .bodyBox{margin:0 20px;display:flex}.MobileModal .modalContainer .footerBox{position:-webkit-sticky;position:sticky;bottom:0;width:100%;padding:10px 20px;background:#fff}.MobileModal .modalContainer::-webkit-scrollbar{display:none}.HeaderModal{display:flex;flex-direction:row;justify-content:space-between}.HeaderModal .title{font-weight:600;font-size:16px;line-height:20px;color:#000}.InputAddress{width:585px;margin:0 0 20px}.InputAddress .itemContainer{margin:15px 0;display:flex;flex-direction:column}.InputAddress .labelInput{margin-bottom:5px;font-size:14px;line-height:20px;font-weight:500;color:#1e3f4f}.InputAddress .borderContainer{border:1px solid #1caed4;box-sizing:border-box;border-radius:10px;padding:10px 13px;align-items:center}.InputAddress .borderContainer .iconPinPoin{margin-right:20px}.InputAddress .borderContainer .labelAddress{font-size:16px;line-height:16px;color:#4f4f4f}.LocationPin{display:flex;flex-direction:row;border:1px solid #1caed4;box-sizing:border-box;border-radius:10px;padding:10px 13px;align-items:center}@media only screen and (max-width:720px){.LocationPin{flex-direction:column}}.LocationPin .addressContainer{display:flex;flex-direction:row;align-items:center}.LocationPin .addressContainer .iconPinPoin{margin-right:20px}.LocationPin .addressContainer .labelAddress{font-size:16px;line-height:16px;color:#4f4f4f;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-right:15px}.LocationPin .openMapsBtn{background:#1caed4;border-radius:10px;padding:10px 20px;margin-left:auto;cursor:pointer;min-width:128px}@media only screen and (max-width:720px){.LocationPin .openMapsBtn{margin-left:0}}.LocationPin .openMapsBtn .label{font-size:16px;line-height:16px;text-align:center;color:#fff}.LocationPinRedBorder{border:1px solid #f44336!important}.LocationPinMobile{width:100%;display:flex;flex-direction:row;background:#fff;border:1px solid #e0e0e0;border-radius:8px}.LocationPinMobile .addressContainerMobile{width:60%;margin:13px 12px}.LocationPinMobile .addressContainerMobile .addressLabelMobile{font-weight:400;font-size:14px;color:#1e3f4f}.LocationPinMobile .openMapsBtnMobile{width:40%;height:auto;background:#1caed4;border:1px solid #1caed4;border-radius:0 8px 8px 0;text-transform:none;font-weight:400;font-size:14px;color:#fff}.FooterInputAddress{width:100%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.FooterInputAddress .buttonContainer{width:345px;display:flex;flex-direction:row;justify-content:space-between}@media only screen and (max-width:720px){.FooterInputAddress .buttonContainer{width:100%}}.buttonComponent{min-width:130px!important;border-radius:10px!important;padding:10px!important;font-weight:400!important;font-size:16px!important;text-align:center!important;box-shadow:none!important;text-transform:none!important}.primary{background:#1caed4!important;color:#fff!important}.secondary{background:#fff!important;color:#1caed4!important;border:1.5px solid #1caed4!important}.PinPointMaps{max-width:100%;width:100%;height:75vh;max-height:100%}.PinPointMaps .bodyMaps{height:90%}.PinPointMaps .bodyMaps .navigationBox{position:relative;z-index:1;width:100%}.PinPointMaps .bodyMaps .navigationBox .navigationBody{position:absolute;margin-top:10px;padding:16px 20px;width:100%}.PinPointMaps .bodyMaps .navigationBox .navigationBody .searchBox .inputSearch{width:100%;padding:12px 30px;border-radius:20px;border:none;box-shadow:.3px .5px .7px hsla(0,0%,63.1%,.36),.8px 1.6px 2px -.8px hsla(0,0%,63.1%,.36),2.1px 4.1px 5.2px -1.7px hsla(0,0%,63.1%,.36),5px 10px 12.6px -2.5px hsla(0,0%,63.1%,.36)}.PinPointMaps .bodyMaps .navigationBox .navigationBody .searchBox .inputSearch:focus{outline-color:#1caed4}.PinPointMaps .bodyMaps .navigationBox .navigationBody .searchIcon{position:absolute;top:30px;left:30px}.PinPointMaps .bodyMaps .warning{background-color:#e9f7fb;border-radius:10px;padding:5px 10px;margin-bottom:5px;margin-top:20px;color:#1caed4}.PinPointMaps .detailAddress{position:-webkit-sticky;position:sticky;box-shadow:0 -.4px .3px hsla(0,0%,72.9%,.28),0 -.5px .4px -.6px hsla(0,0%,72.9%,.25),.1px -.7px .5px -1.1px hsla(0,0%,72.9%,.23),.1px -1.2px .9px -1.7px hsla(0,0%,72.9%,.2),.3px -2.4px 1.8px -2.2px hsla(0,0%,72.9%,.17),.5px -4.2px 3.2px -2.8px hsla(0,0%,72.9%,.14),.8px -7px 5.3px -3.3px hsla(0,0%,72.9%,.11),1.2px -10.9px 8.2px -3.9px hsla(0,0%,72.9%,.08),1.8px -16.1px 12.2px -4.4px hsla(0,0%,72.9%,.06),2.5px -22.7px 17.1px -5px hsla(0,0%,72.9%,.03);z-index:1;border-radius:25px 25px 0 0;padding:20px 0;width:100%;max-width:490px}.PinPointMaps .detailAddress .onSaveButton{width:100%;height:43px;background:#1caed4;border-radius:10px;font-weight:400;font-size:16px;color:#fff;text-transform:none;margin-top:8px}.PinPointMaps .detailAddress .onSaveButton:hover{background:rgba(28,174,212,.7098039215686275)}.PinPointMaps .detailAddress .address{border-radius:25px}.PinPointMaps .detailAddress .address .title{font-size:14px;font-weight:600}.PinPointMaps .detailAddress .address .subtitle{margin:0;font-size:11px;color:#828282}.PinPointMaps .detailAddress p{font-size:14px;font-weight:500;margin-bottom:5px}@media only screen and (max-width:720px){.PinPointMaps .detailAddress{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}}.trx-main-container{height:100%}.trx-main-container,.trx-main-container .main-container{background-position:0 0;background-size:200px;background-repeat:repeat}@media only screen and (max-width:479px){.trx-main-container .main-container{background-position:50% 0}}.ListTrx-arrow{display:flex;width:20px;height:20px;justify-content:center;align-items:center;border-radius:5px;background-color:#1caed4}.ListTrx-image-arrow{width:50%}.ListTrx-expand-data{display:block;overflow:hidden;height:auto;padding-top:0;padding-bottom:5px;background-color:#ebf6fa;width:100%}.ListTrx-font-table{font-family:"Helvetica Neue",sans-serif}.ListTrx-font-item{font-size:14px;font-weight:300;line-height:13px}.ListTrx-font-amount{font-weight:700;line-height:12px;color:#5f6973}.ListTrx-font-product{font-weight:500;line-height:12px;color:#1caed4}.check-evoucher-btn{background-color:#00a4cc!important}.search-box-transaction{width:200px;height:42px;border:1px solid #bdbdbd;border-radius:24.5px;padding:5px;margin-right:10px}.headerContainer{display:flex;flex-direction:row;justify-content:space-between}.headerContainer .title{font-weight:700;font-size:20px;line-height:24px;color:#575757}.bodyContainer{width:337px;display:flex;flex-direction:column;justify-content:center}.bodyContainer .border{width:100%;border:1.5px solid #f0f0f0}.bodyContainer .rowList{padding:20px;display:flex;flex-direction:row;justify-content:space-between}.bodyContainer .rowList .columnData{display:flex;flex-direction:column;align-items:center}.bodyContainer .rowList .columnData .label{font-size:12px;line-height:10px;color:#a4aaae}.bodyContainer .rowList .columnData .value{font-size:14px;line-height:12px;color:#5f6973}.bodyContainer .productListContainer{display:flex;flex-direction:column;padding:10px 0}.bodyContainer .productListContainer .rowListProduct{display:flex;flex-direction:row;justify-content:space-between}.bodyContainer .productListContainer .rowListProduct .listTitle{font-size:12px;line-height:10px;color:#a4aaae}.bodyContainer .productListContainer .rowListProduct .productText{font-size:16px;line-height:12px;color:#5f6973}.bodyContainer .productListContainer .rowListProduct .addOnText{font-weight:300;font-size:12px;line-height:10px;color:#5f6973}.bodyContainer .productListContainer .rowListProduct .priceText,.bodyContainer .productListContainer .rowListProduct .smallPriceText{text-align:end;font-weight:700;font-size:16px;line-height:12px;color:#5f6973}.bodyContainer .productListContainer .rowListProduct .smallPriceText{font-weight:500!important;font-size:14px!important}.selectedItem{display:flex;flex-wrap:wrap;grid-gap:4px;gap:4px}.selectedItem .items{padding:2px 2px 2px 10px;background-color:#efefef;font-size:12px;border-radius:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.evoucher-main-container{height:100%}.evoucher-main-container,.evoucher-main-container .main-container{background-position:0 0;background-size:200px;background-repeat:repeat}@media only screen and (max-width:479px){.evoucher-main-container .main-container{background-position:50% 0}}@media only screen and (max-width:718px){.select-date{width:100%;padding:20px 10px}}@media only screen and (min-width:719px){.select-outlet{width:20%}.select-date{width:15%;margin-left:10px}}.dropdown-filter-evoucher{background-color:#eee;position:absolute;right:48px;padding:10px;top:186px;border-radius:7px;z-index:99999}@media only screen and (max-width:1361px){.dropdown-filter-evoucher{top:223px}}.disable-button{justify-content:center;display:flex;flex-direction:row;align-items:center;padding:10px;background:#b9b9b9;border-radius:4px;color:#fff;height:32px;margin:3px;white-space:nowrap;pointer-events:none}.disable-button>.div-icon{background-color:#b9b9b9}.evoucher-csv{padding:10px;white-space:nowrap}.evoucher-csv,.filter-container{justify-content:center;display:flex;flex-direction:row;align-items:center;background:#000;border-radius:4px;color:#fff;height:32px;margin:3px}.filter-container{padding:5px}.select-search{width:300px;position:relative;font-family:"Nunito Sans",sans-serif;box-sizing:border-box}.select-search *,.select-search :after,.select-search :before{box-sizing:inherit}.select-search__value{position:relative;z-index:1}.select-search__value:after{content:"";display:inline-block;position:absolute;top:calc(50% - 9px);right:19px;width:11px;height:11px}.select-search__input{display:block;height:36px;width:100%;padding:0 16px;background:#fff;border:1px solid transparent;box-shadow:0 .0625rem .125rem rgba(0,0,0,.15);border-radius:3px;outline:none;font-family:"Noto Sans",sans-serif;font-size:14px;text-align:left;text-overflow:ellipsis;line-height:36px;-webkit-appearance:none}.select-search__input::-webkit-search-cancel-button,.select-search__input::-webkit-search-decoration,.select-search__input::-webkit-search-results-button,.select-search__input::-webkit-search-results-decoration{-webkit-appearance:none}.select-search__input:not([readonly]):focus{cursor:auto}.select-search__select{background:#fff;box-shadow:0 .0625rem .125rem rgba(0,0,0,.15)}.select-search__options{padding:0;margin:0}.select-search__option.is-selected{background-color:#1caed4!important}.select-search__options{list-style:none}.select-search__row:not(:first-child){border-top:1px solid #eee}.select-search__option{display:block;height:36px;width:100%;padding:0 16px;background:#fff;border:none;outline:none;font-family:"Noto Sans",sans-serif;font-size:14px;text-align:left;cursor:pointer}.select-search--multiple .select-search__option{height:48px}.select-search__option.is-selected{background:#00a4cc;color:#fff}.select-search__option.is-highlighted,.select-search__option:not(.is-selected):hover{background:rgba(47,204,139,.1)}.select-search__option.is-highlighted.is-selected,.select-search__option.is-selected:hover{background-color:#00a4cc;color:#fff}.select-search__group-header{font-size:10px;text-transform:uppercase;background:#eee;padding:8px 16px}.select-search.is-disabled{opacity:.5}.select-search.is-loading .select-search__value:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50'%3E%3Cpath fill='%232F2D37' d='M25 5a20.14 20.14 0 0120 17.88 2.51 2.51 0 002.49 2.26A2.52 2.52 0 0050 22.33a25.14 25.14 0 00-50 0 2.52 2.52 0 002.5 2.81A2.51 2.51 0 005 22.88 20.14 20.14 0 0125 5z'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 25 25' to='360 25 25' dur='0.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");background-size:11px}.select-search:not(.is-disabled) .select-search__input{cursor:pointer}.select-search--multiple{border-radius:3px;overflow:hidden}.select-search:not(.is-loading):not(.select-search--multiple) .select-search__value:after{-webkit-transform:rotate(45deg);transform:rotate(45deg);border-right:1px solid #000;border-bottom:1px solid #000;pointer-events:none}.select-search--multiple .select-search__input{cursor:auto;border-radius:3px 3px 0 0}.select-search--multiple:not(.select-search--search) .select-search__input{cursor:default}.select-search:not(.select-search--multiple) .select-search__input:hover{border-color:#00a4cc}.select-search:not(.select-search--multiple) .select-search__select{position:absolute;z-index:2;top:44px;right:0;left:0;border-radius:3px;overflow:auto;max-height:360px}.select-search--multiple .select-search__select{position:relative;overflow:auto;max-height:260px;border-top:1px solid #eee;border-radius:0 0 3px 3px}.space-top{margin-top:5%}.left-check{padding-left:25%;float:left;font-weight:700;padding-right:10px}.left-check,.right-check{width:50%;text-align:left}.right-check{float:right;padding-left:10px}.success-status{color:#7fff00}.redeemed-status,.success-status{font-weight:700;text-transform:uppercase}.redeemed-status{color:red}.assigned-status{font-weight:700;text-transform:uppercase;color:#000}.check-evoucher-btn{display:flex;width:200px;height:42px;margin-right:10px;justify-content:center;align-items:center;border-radius:10px;background-color:#1e3f4f;box-shadow:0 4px 8px 0 rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.1);color:#eee;cursor:pointer}.pop-up-check-voucher{position:fixed;left:0;top:0;right:0;bottom:0;z-index:99;display:none;flex-direction:column;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5)}.div-modal-dialog{display:flex;padding:20px;flex-direction:column;align-items:flex-start;border-radius:10px;background-color:#fff;font-family:Effra,sans-serif}.div-close-modal{width:25px;height:25px;border-radius:20px;background-color:#1e3f4f;background-image:url(/static/media/delete.b2284f33.svg);background-position:50% 50%;background-size:35%;background-repeat:no-repeat}.flex-start{display:flex;align-items:flex-start;justify-content:space-around}.div-modal-header{display:flex;width:100%;margin-bottom:20px;justify-content:space-between;align-items:center}.search-evoucher{width:300px;height:50px;border-radius:5px;font-size:18px;font-weight:300}.button-submit{height:50px;margin-left:10px;border-radius:5px;background-color:#1caed4;font-size:16px;display:inline-block;padding:9px 15px;color:#fff;border:0;line-height:inherit;text-decoration:none;cursor:pointer}.block-cek-voucher{display:flex;padding-bottom:10px;justify-content:space-around}.detail-evoucher{width:100%}.label-modal-cek-voucher{color:#a4aaae;font-size:12px;text-align:center}.value-modal-cek-voucher{color:#1e3f4f;font-size:16px;font-weight:400;text-align:center}.search-box-voucher{margin:0 0 30px}.blur-button{border:1px solid rgba(28,174,212,.6)!important;background-color:rgba(28,174,212,.6)!important}.loading-row{display:flex;align-items:center}@media screen and (max-width:720px){.report-flex{flex-direction:column;align-items:center}.report-button{width:80%;margin:10px 0;font-size:20px}.check-evoucher-btn{width:100%;margin-left:10px}.search-box-transaction{width:100%;margin:15px 10px 0}.search-evoucher{width:200px;font-size:14px}.button-submit{font-size:12px}.block-cek-voucher{flex-direction:column}}.note-modal>p{margin:0;font-size:12px}.note-modal{margin-bottom:20px}.report-flex{margin-bottom:10px}.text-button{display:flex;flex-direction:column;text-align:center}.invite-now{font-size:9px}.month-label{text-transform:uppercase}.report-button:disabled{border:1px solid #999;background-color:#ccc;color:#666}.graph{width:50%}.section-landing{height:100vh;background-color:#fff}.row-section{display:flex;flex-direction:row;align-items:center;height:85vh;justify-content:space-around}.left-section{position:relative;display:flex;width:80%;height:50%}.left-section>img{position:absolute;left:0;right:0;top:0;bottom:0;width:80%;opacity:1;-webkit-transform:translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);transform:translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg,0deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.button-submit{border:2px solid #1caed4}.label-register{color:#aaa;font-weight:100}.text-landing{width:75%;margin-bottom:20px;color:#a4aaae;font-size:18px;font-weight:400}.col-section{display:flex;flex-direction:column;justify-content:center;align-items:center}.after-register{width:350px;margin:25px 0}.button-section>button{margin:0 10px}.goto-btn{width:125px;height:50px}.footer-section{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.footer-section>*{margin:0 5px}.goto-section{display:flex;flex-direction:row}.required-block{margin-bottom:1.429rem;color:red}.text-footer{color:#000}.logo-landing>img{background:#1caed4;width:60px;height:60px;border-radius:10px}.playstore{background-image:url(https://uploads-ssl.webflow.com/5f0288206646fcbf3d0bc70c/5fb85b287a07e53f76adfa44_Google_Play_Badge_US.png)}.appstore,.playstore{background-position:50% 50%;background-size:contain;background-repeat:no-repeat}.appstore{background-image:url(https://uploads-ssl.webflow.com/5f0288206646fcbf3d0bc70c/5fb85a681599e62924477456_app%20store.png)}.outline{background:transparent;color:#1caed4;border:2px solid #1caed4}a:hover{text-decoration:none}.primary:hover{color:#fff}.outline:hover{color:#1caed4}.img1{-webkit-animation:fadein .5s;animation:fadein .5s}.img2{-webkit-animation:fadein .5s;animation:fadein .5s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;visibility:hidden}.right-section{-webkit-animation:fadein .5s;animation:fadein .5s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;visibility:hidden}.footer-section{-webkit-animation:fadein .5s;animation:fadein .5s;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;visibility:hidden}.parent-input{position:relative}.password-icon{position:absolute;top:15px;right:0;padding:0 20px}@-webkit-keyframes fadein{0%{visibility:hidden;opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadein{0%{visibility:hidden;opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}to{visibility:visible;opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.mobile{display:none}@media (max-width:479px){.desktop{display:none}.mobile{display:flex;position:absolute;width:100%;justify-content:center;top:25px}.mobile>img{width:40px;height:40px;border-radius:5px}.row-section{flex-wrap:wrap}.left-section{height:auto}.left-section>img{width:100%}.right-section{text-align:center}.text-landing{width:100%;font-size:14px;line-height:16px}.right-section{padding:20px 40px 0}.header-landing>h1{font-size:24px;line-height:28px}.button-submit{height:auto}.footer-section{background-color:rgba(28,174,212,.15);height:15vh}.text-footer{font-size:13px}}.SnapLoyality-main-container{height:100%}.SnapLoyalty-font{font-family:Effra,sans-serif;background-position:0 0!important;background-size:200px!important;background-repeat:repeat!important}@media screen and (min-width:768px){.SnapLoyalty-font{height:100%}}@media screen and (max-width:479px){.SnapLoyalty-font{background-position:50% 0!important}}.SnapLoyalty-scroll-size{height:-webkit-max-content!important;height:max-content!important}.SnapLoyalty-voucher-title{font-weight:500!important;font-size:18px;line-height:21px;letter-spacing:-.59625px;color:#1f1f1f}.SnapLoyalty-btn-filter:hover{cursor:pointer}.SnapLoyalty-card-container{border-bottom:1px solid #d8d8d8;margin-top:22px;padding-bottom:22px}.SnapLoyalty-label-voucher{background:#1e3f4f;border-radius:5px;font-style:normal;font-weight:400;font-size:14px;line-height:17px;color:#fff;text-align:center;max-width:60px;width:60px}.SnapLoyalty-voucher-img-container{width:108px;height:108px;text-align:center}.SnapLoyalty-voucher-img{max-width:100%;max-height:100%;border-radius:15px}.SnapLoyalty-text-min{font-style:normal;font-weight:400;font-size:14px;line-height:17px;letter-spacing:-.5px;color:#1caed4}.SnapLoyalty-text-head{color:#c7c7c7;font-size:10px;line-height:12px;text-align:center;letter-spacing:-.5px}.SnapLoyalty-text-value{font-size:12px;line-height:14px;text-align:center;letter-spacing:-.6px;color:#1f1f1f;margin-top:2px}.SnapLoyalty-voucher-count{font-weight:500;font-size:12px;line-height:18px;text-align:center;letter-spacing:-.662069px;color:#1caed4}.SnapLoyalty-history-head{padding:10px;font-style:normal;font-weight:400;font-size:14px;line-height:17px;letter-spacing:-.5px;color:#002537}.SnapLoyalty-history-time{font-size:12px;line-height:14px;letter-spacing:-.2px;color:#90969f}.SnapLoyalty-history-status{font-size:12px;line-height:12px;text-align:center;letter-spacing:-.6px;color:#fff;padding:2px 6px;width:60px;margin:0 auto}.SnapLoyalty-history-name{font-size:14px;line-height:17px;letter-spacing:-.2px;color:#1f1f1f}.SnapLoyalty-history-by{font-size:14px;line-height:17px;text-align:center;letter-spacing:-.466667px;color:#1caed4;word-wrap:break-word}@media screen and (min-width:1200px){.SnapLoyalty-history-by{word-wrap:normal!important}}.SnapLoyalty-empty-text{font-size:14px;line-height:17px;font-weight:500;padding:30px 0}.analysis-main-container{height:100%;background-position:0 0;background-size:200px;background-repeat:repeat}@media only screen and (max-width:479px){.analysis-main-container{background-position:50% 0}}.ProductAnalysis-font-table{font-family:"Helvetica Neue",sans-serif}.ProductAnalysis-font-item{font-size:14px;font-weight:300;line-height:13px}.ProductAnalysis-font-product{font-weight:500;line-height:12px;color:#1caed4}.ProductAnalysis-font-amount{font-weight:700;line-height:12px;color:#5f6973}.settlement-main-container{height:100%;background-position:0 0;background-size:200px;background-repeat:repeat}@media only screen and (max-width:479px){.settlement-main-container{background-position:50% 0}}.Settlement-container{border-bottom:1px solid #f0f0f0;padding-top:12px;padding-bottom:12px}.Settlement-card-container{font-family:Effra,sans-serif;max-width:365px;height:120px;background:#d8d8d8;border-radius:10px;padding:21px 14px 16px 17px}.Settlement-card-container-active{background:#1caed4!important}.Settlement-card-date{font-style:normal;font-weight:400;font-size:16px;line-height:19px;color:#000;width:auto;max-width:158px}.Settlement-card-amount{font-size:22px;line-height:19px}.Settlement-card-amount,.Settlement-card-desc{text-align:end;font-style:normal;font-weight:300}.Settlement-card-desc{font-size:10px;line-height:12px;letter-spacing:-.4px}.SupplyChain .page{font-family:Effra,sans-serif}.SupplyChain .page .Slider{cursor:grab}.SupplyChain .page .slick-slider{padding-bottom:0!important}@media only screen and (max-width:720px){.SupplyChain .page .slick-slider{padding-right:0!important;padding-left:0!important}}.SupplyChain .page .slick-slider .slick-list{padding:0!important}@media only screen and (max-width:720px){.SupplyChain .page .slick-slider .slick-list{padding:0 50px!important;height:140px}}.SupplyChain .page .slick-slider .slick-dots{text-align:start;margin-left:20px;margin-top:5px}@media only screen and (max-width:720px){.SupplyChain .page .slick-slider .slick-dots{display:none!important}}.SupplyChain .page .slick-slider .slick-dots li{margin:0}.SupplyChain .page .slick-slider .slick-dots .slick-active i{color:#c4c4c4!important}.SupplyChain .page .containerLocation{display:flex;flex-direction:row;padding:10px 13px;background:#1caed4;border-radius:10px;margin:8px 38px;cursor:pointer}@media only screen and (max-width:720px){.SupplyChain .page .containerLocation{margin:8px 12px}}.SupplyChain .page .containerLocation .iconPinPoin{margin-right:20px}.SupplyChain .page .containerLocation .labelAlamat{display:flex;flex-direction:column}.SupplyChain .page .containerLocation .labelAlamat .from{color:#f2f2f2;font-size:10px;line-height:12px}.SupplyChain .page .containerLocation .labelAlamat .address{color:#fff;font-size:18px;line-height:21px;font-weight:600}.SupplyChain .page .wrapper{max-height:100%;display:flex;justify-content:center;align-items:center;margin:30px auto 0}.SupplyChain .page .wrapper .horizontal-scroll{width:100vw;height:70px;line-height:50px;text-align:center;background-color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.SupplyChain .page .wrapper .horizontal-scroll::-webkit-scrollbar{display:none}.SupplyChain .page .wrapper .horizontal-scroll .btn-scroll{background-color:#fff;padding:5px 8px;border:0;border-radius:50%;margin:0 5px;z-index:1}.SupplyChain .page .wrapper .category-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:absolute;left:0;cursor:pointer;grid-gap:10px;gap:10px}.SupplyChain .page .wrapper .category-container .category{display:flex;height:50px;background-color:#fff;border:1px solid #ddd;border-radius:5px;justify-content:flex-start;align-items:center;padding:16px 16px 16px 10px;margin:0 2px;min-width:200px}.SupplyChain .page .wrapper .category-container .category .text{font-size:14px;font-weight:600;line-height:1.4}.SupplyChain .page .wrapper .category-container .category .icon{width:40px;height:40px;margin:0 5px;display:flex;justify-content:center;align-items:center;border-radius:50%}.SupplyChain .page .wrapper .category-container .category .icon .img{width:30px;height:30px}.SupplyChain .page .wrapper-supplier{max-height:100%;display:block;justify-content:center;align-items:center;margin:0 auto}.SupplyChain .page .wrapper-supplier .title-supplier{font-weight:700;font-size:24px;line-height:29px}.SupplyChain .page .wrapper-supplier .horizontal-scroll-supplier{text-align:center;background-color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.SupplyChain .page .wrapper-supplier .horizontal-scroll-supplier::-webkit-scrollbar{display:none}.SupplyChain .page .wrapper-supplier .horizontal-scroll-supplier .category-container-supplier{display:flex;justify-content:flex-start;align-items:center;overflow-x:scroll;cursor:pointer;grid-gap:10px;gap:10px;max-width:100vw;-ms-overflow-style:none;scrollbar-width:none}.SupplyChain .page .wrapper-supplier .horizontal-scroll-supplier .category-container-supplier::-webkit-scrollbar{display:none}.SupplyChain .page .wrapper-supplier .horizontal-scroll-supplier .category-container-supplier .category-supplier{max-width:60px;height:100%;display:flex;flex-direction:column;background-color:#fff;border-radius:5px;justify-content:flex-start;align-items:center;padding:16px 0 0;margin:0 2px;min-width:140px}.SupplyChain .page .wrapper-supplier .horizontal-scroll-supplier .category-container-supplier .category-supplier .text-supplier{font-size:16px;font-weight:500;line-height:1.4}.SupplyChain .page .wrapper-supplier .horizontal-scroll-supplier .category-container-supplier .category-supplier .icon-supplier{border:1px solid #ddd;width:60px;height:60px;display:flex;justify-content:center;align-items:center;border-radius:50%}.SupplyChain .page .wrapper-supplier .horizontal-scroll-supplier .category-container-supplier .category-supplier .icon-supplier .img-supplier{width:60px;height:60px;border-radius:50%}.SupplyChain .page .wrapper-supplier .horizontal-scroll-supplier .category-container-supplier .wrap{display:flex}.SupplyChain .page .wrapper-supplier .horizontal-scroll-supplier .category-container-supplier .wrap .AllProductCard{border-radius:10px;border:.5px solid rgba(0,0,0,.1);box-shadow:3px 3px 8px 0 rgba(0,0,0,.15);background-color:#fff;min-width:150px;height:60px;cursor:pointer;text-align:center;display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;margin-top:10px}.SupplyChain .page .wrapper-supplier .horizontal-scroll-supplier .category-container-supplier .wrap .AllProductCard .text{font-style:normal;font-weight:600;font-size:20px;line-height:20px}@media only screen and (max-width:720px){.SupplyChain .page .wrapper-supplier{padding-bottom:0}.SupplyChain .page .wrapper-supplier .title-supplier{font-weight:700;font-size:15px;line-height:29px}.SupplyChain .page .wrapper-supplier .horizontal-scroll-supplier .category-container-supplier .category-supplier{padding:8px 16px 0 0;min-width:100px}.SupplyChain .page .wrapper-supplier .horizontal-scroll-supplier .category-container-supplier .category-supplier .text-supplier{font-size:14px;font-weight:500;line-height:1.4}.SupplyChain .page .wrapper-supplier .horizontal-scroll-supplier .category-container-supplier .category-supplier .icon-supplier{border:1px solid #ddd;width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%}.SupplyChain .page .wrapper-supplier .horizontal-scroll-supplier .category-container-supplier .category-supplier .icon-supplier .img-supplier{width:40px;height:40px;border-radius:50%}.SupplyChain .page .wrapper-supplier .horizontal-scroll-supplier .category-container-supplier .wrap{display:flex}.SupplyChain .page .wrapper-supplier .horizontal-scroll-supplier .category-container-supplier .wrap .AllProductCard{width:40px;height:60px;margin-top:10px}.SupplyChain .page .wrapper-supplier .horizontal-scroll-supplier .category-container-supplier .wrap .AllProductCard .text{font-style:normal;font-weight:600;font-size:14px;line-height:20px;color:#575757}}@media only screen and (max-width:720px)and (min-width:384px){.SupplyChain .page .wrapper-supplier .horizontal-scroll-supplier .category-container-supplier .wrap .AllProductCard{width:150px}}@media only screen and (max-width:720px){.SupplyChain .page .wrapper{display:block;margin-top:0}.SupplyChain .page .wrapper .horizontal-scroll{width:100%;text-align:center;background-color:#fff;display:flex;justify-content:space-between;position:relative;overflow-x:scroll;overflow-y:hidden;height:110px}.SupplyChain .page .wrapper .category-container{grid-gap:20px;gap:20px;height:auto}.SupplyChain .page .wrapper .category-container .category{padding:0;min-width:40px;max-width:60px;height:100%;flex-direction:column;border:none}.SupplyChain .page .wrapper .category-container .category .text{font-size:14px;font-weight:500;line-height:1}}@media only screen and (max-width:720px)and (max-width:720px){.SupplyChain .page .wrapper .category-container .category .text{font-size:12px}}@media only screen and (max-width:720px){.SupplyChain .page .wrapper .category-container .category .icon{margin:0;width:46px;height:46px}.SupplyChain .page .wrapper .category-container .category .icon .img{width:30px;height:30px}}.SupplyChain .page .bannerContainer{display:flex;flex-direction:row;width:100%;padding:10px 13px;overflow:scroll;white-space:nowrap;cursor:grab}.SupplyChain .page .bannerContainer::-webkit-scrollbar{display:none}.SupplyChain .page .EmptySupplier{display:flex;flex-direction:column;align-items:center;justify-content:center}.SupplyChain .page .EmptySupplier .label{font-size:24px;line-height:25px;text-align:center;color:#1f1f1f;margin:20px 0}.SupplyChain .page .EmptySupplier .subLabel{font-size:20px;line-height:25px;text-align:center;color:#c1c7ce;margin-bottom:15px}.SupplyChain .page .EmptySupplier .addressBtn{display:flex;flex-direction:column;cursor:pointer;background:#1caed4;border-radius:3px;color:#fff;font-weight:500;text-align:center;padding:13px 75px;font-size:20px;line-height:24px}@media only screen and (max-width:720px){.SupplyChain .page .productHighLight .labelHighLight .label{font-size:20px!important}}.SupplyChain .page .container{padding-bottom:20px}.SupplyChain .page .container .containerListproduct{margin-bottom:15px;display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.SupplyChain .page .container .containerListproduct .listProduct{display:flex;flex-direction:row;cursor:grab;--gap:18px;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center}.SupplyChain .page .container .containerListproduct .listProduct>*{margin:var(--gap) var(--gap) 0 0}.SupplyChain .page .container .containerListproduct::-webkit-scrollbar{display:none}.SupplyChain .page .container .supplierName{margin-top:20px;font-size:25px;font-weight:600;line-height:38px;display:flex;align-items:center;margin-bottom:16px;justify-content:space-between}.SupplyChain .page .container .supplierName .onClickImageAndName{display:flex;flex-direction:row;align-items:center;cursor:pointer}.SupplyChain .page .container .supplierName .logoSupplier{width:64px!important;height:64px!important;border-radius:50%;margin-right:10px}@media only screen and (max-width:720px){.SupplyChain .page .container .supplierName .logoSupplier{width:40px!important;height:40px!important}}.SupplyChain .page .container .headerTabPanelCategory{display:flex;flex-direction:row;padding:22px 0;position:-webkit-sticky;position:sticky;top:0;background-color:#fff}.SupplyChain .page .container .headerTabPanelCategory .buttonHeader{display:flex;flex-direction:column;outline:none;padding:10px 26px;box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:25px;margin-right:11px;cursor:pointer;font-style:normal;font-weight:500;font-size:14px;line-height:17px;color:#fff;text-transform:none;min-height:unset;max-height:35px;min-width:unset}.SupplyChain .page .container .headerTabPanelCategory .activeHeader{background:#00a4ca}.SupplyChain .page .container .headerTabPanelCategory .inActiveHeader{background:#c1c7ce}.SupplyChain .page .container .panelItem{padding:0}.SupplyChain .page .container .categoryLabel{font-weight:500;font-size:24px;line-height:29px;color:#5f6973}@media only screen and (max-width:720px){.SupplyChain .page .container .categoryLabel{font-size:14px!important}}@media only screen and (max-width:720px){.SupplyChain .page .container .infoSupplier{margin-left:10px!important;font-size:14px!important;padding:10px 15px 5px!important}}@media only screen and (max-width:720px){.SupplyChain .page .containerSupplier{padding:1px 25px}}.filterHeaderContainer .logoSupplier{width:45px;height:45px;border-radius:50%}.ProductDetailModal{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10!important;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5)}@media only screen and (min-width:720px){.ProductDetailModal{display:none}}.ProductDetailModal .quantityContainer{margin-top:25px;padding:10px 0;background-color:#1caed4;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:5px;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:space-around;align-items:center}@media only screen and (max-width:720px){.ProductDetailModal .quantityContainer{padding:20px 0}}.ProductDetailModal .quantityContainer .changeValue{color:#fff;cursor:pointer}.ProductDetailModal .quantityContainer input{border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;width:95px;text-align:center;font-size:30px;-webkit-appearance:none}@media only screen and (max-width:720px){.ProductDetailModal .quantityContainer input{padding:0!important;border:1px solid #000}}.ProductDetailModal .quantityContainer input::-webkit-inner-spin-button,.ProductDetailModal .quantityContainer input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ProductDetailModal .quantityContainer input[type=number]{-moz-appearance:textfield}.ProductDetailModal .detailModalContainer{display:flex;flex-direction:column;box-shadow:0 2px 4px rgba(0,0,0,.15);width:825px;height:500px;background:#fff;border-radius:20px;position:fixed}.ProductDetailModal .detailModalContainer .modalHeader{display:flex;flex-direction:row;align-items:center;justify-content:space-between;top:0;z-index:2;padding:16px 20px}.ProductDetailModal .detailModalContainer .modalHeader .detailLabel{font-size:20px;line-height:25px;word-break:break-all;color:#333}.ProductDetailModal .detailModalContainer .modalHeader .variantLabel{color:#828282;font-weight:400;font-size:14px}.ProductDetailModal .detailModalContainer .modalHeader .variantLabel .variant{color:#1caed4;font-weight:500;font-size:14px}.ProductDetailModal .detailModalContainer .modalHeader .buttonClose{cursor:pointer}.ProductDetailModal .modalContent{display:flex;width:100%;overflow:hidden}.ProductDetailModal .modalContent .leftContent{width:50%;height:100%;margin:0 20px}.ProductDetailModal .modalContent .leftContent .productImage{max-width:100%;max-height:100%;width:375px;height:270px;object-fit:cover;border-radius:10px}.ProductDetailModal .modalContent .leftContent .productPrice{margin-top:25px;display:flex}.ProductDetailModal .modalContent .leftContent .productPrice .price{font-size:24px;line-height:19px;color:#1caed4;font-weight:600;margin-right:18px}.ProductDetailModal .modalContent .leftContent .productPrice .discountAmount{text-align:center;-webkit-text-decoration-line:line-through;text-decoration-line:line-through;color:#eb5757;margin-right:4px}.ProductDetailModal .modalContent .leftContent .productPrice .discountPercentage{border-radius:25px;padding:3px 6px;text-align:center;margin-left:4px;font-size:10px;font-weight:400;color:#fff;background-color:#eb5757}.ProductDetailModal .modalContent .rightContent{width:50%;height:100%;margin:0 20px;display:flex;flex-direction:column;justify-content:space-between}@media only screen and (min-width:720px){.ProductDetailModal .modalContent .rightContent{overflow:auto}}.ProductDetailModal .modalContent .rightContent .descriptionContainer .description .textTop{font-size:20px;font-weight:500}.ProductDetailModal .modalContent .rightContent .descriptionContainer .description .textDetail{font-size:15px;color:#979da6;word-break:break-all}.ProductDetailModal .modalContent .rightContent .stockContainer{font-size:18px;font-weight:400;color:#979da6;padding:20px 0}.ProductDetailModal .modalContent .rightContent .stockContainer .total{font-size:24px;font-weight:400;padding-left:5px}.ProductDetailModal .modalContent .rightContent::-webkit-scrollbar{display:none}.ProductDetailModal .bottomButton{display:flex;flex-direction:column;width:825px;align-content:center;justify-content:center;align-items:flex-end;flex-wrap:nowrap;padding-top:35px}@media only screen and (max-width:720px){.ProductDetailModal .bottomButton{padding-top:10px}}.ProductDetailModal .bottomButton .btn{background-color:#1caed4;width:325px;height:60px;border-radius:10px;justify-content:center;align-content:center}.ProductDetailModal .bottomButton .btn .text{display:flex;flex-direction:column;font-size:18px;line-height:21px;height:100%;width:100%;justify-content:center;align-content:center;align-items:center;flex-wrap:nowrap;color:#fff;font-style:normal;font-weight:400;text-align:center}@media only screen and (min-width:720px){.ProductDetailModal .bottomButton{position:relative;top:285px}}@media only screen and (max-width:720px){.ProductDetailModal{padding:0;position:fixed;top:0;right:0;bottom:0;left:0}.ProductDetailModal .modalHeader{top:0;left:0;right:0;z-index:2;background-color:#fff}.ProductDetailModal .detailModalContainer{width:100vw;height:100%;border-radius:0}.ProductDetailModal .modalContent{flex-direction:column;overflow:auto;height:auto;margin-bottom:90px}.ProductDetailModal .modalContent .leftContent{width:100%;padding:0 20px;margin:0}.ProductDetailModal .modalContent .leftContent .supplierInformation{display:flex;flex-direction:row;justify-content:space-between;padding:16px 0;margin:16px 0}.ProductDetailModal .modalContent .leftContent .supplierInformation .supplierLogo{width:45px;height:45px;border-radius:50%}.ProductDetailModal .modalContent .leftContent .supplierInformation .supplierName{font-weight:500;font-size:16px;color:#333;margin-left:5px}.ProductDetailModal .modalContent .rightContent{width:100%;padding:25px 20px;margin:0}.ProductDetailModal .bottomButton{display:flex;flex-direction:column;z-index:1;position:fixed;bottom:0;border-radius:20px 20px 0 0;width:100%;box-shadow:0 -4px 8px rgba(0,0,0,.15);flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;background:#fff;padding:0 20px 12px}.ProductDetailModal .bottomButton .incrementButton{background:#1caed4;border-radius:5px}.ProductDetailModal .bottomButton .quantityContainer{margin:0;width:100%;background:transparent;box-shadow:none}.ProductDetailModal .bottomButton .disableQuantity{background:#b9b9b9!important;cursor:not-allowed!important;pointer-events:none}.ProductDetailModal .bottomButton .btn{width:90%;height:43px}.ProductDetailModal .bottomButton .changeValue{color:#fff}}.confirmationBodyContainer{display:flex;flex-direction:row;min-width:300px}.confirmationBodyContainer .productImage{width:80px;height:60px;border-radius:10px;margin-right:10px}.confirmationBodyContainer .leftContainer{display:flex;flex-direction:column;justify-content:space-between}.confirmationBodyContainer .leftContainer .productName{font-weight:600;font-size:14px;line-height:17px;color:#333}.confirmationBodyContainer .leftContainer .cartLinkButton{width:130px;padding:10px;background:#1caed4;border-radius:8px;font-weight:400;font-size:14px;line-height:17px;text-align:center;color:#fff;cursor:pointer}.HeaderInfoWithClose{display:flex;justify-content:space-between;align-items:center;align-content:center}.HeaderInfoWithClose .labelInfoSupplier{font-weight:700;font-size:18px;line-height:20px;color:#000}.HeaderInfoWithClose .buttonClose{cursor:pointer}.BodyInfoSupplier{display:flex;flex-direction:column;max-width:100%}@media only screen and (min-width:720px){.BodyInfoSupplier{width:360px}}.BodyInfoSupplier .profileSupplierContainer{display:flex;flex-direction:row;align-items:center}.BodyInfoSupplier .profileSupplierContainer .profileImage{margin-right:5px}.BodyInfoSupplier .profileSupplierContainer .profileImage .image{width:45px;height:45px;border-radius:50%}.BodyInfoSupplier .profileSupplierContainer .supplierName{display:flex;flex-direction:column;height:40px}@media only screen and (max-width:720px){.BodyInfoSupplier .profileSupplierContainer .supplierName{margin-top:5px}}.BodyInfoSupplier .profileSupplierContainer .supplierName .name{font-weight:500;font-size:16px;line-height:20px;color:#333}.BodyInfoSupplier .profileSupplierContainer .supplierName .linkToSupplier{font-weight:500;font-size:14px;line-height:20px;color:#1caed4;cursor:pointer}.BodyInfoSupplier .minPurchaseContainer{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#ffe6ed;border-radius:25px;padding:2px 5px;margin:14px 0}.BodyInfoSupplier .minPurchaseContainer .minPurchase{font-size:12px;line-height:14px;color:#f04}.BodyInfoSupplier .coverageArea{display:flex;flex-direction:column;margin-bottom:18px}.BodyInfoSupplier .coverageArea .label{font-weight:500;font-size:16px;line-height:19px;letter-spacing:-.3px;color:#333;margin-bottom:5px}.BodyInfoSupplier .coverageArea .linkToCoverageArea{font-size:14px;line-height:17px;letter-spacing:-.3px;color:#1caed4;cursor:pointer}.BodyInfoSupplier .operationalHourContainer{display:flex;flex-direction:column;margin-bottom:18px}.BodyInfoSupplier .operationalHourContainer .label{font-weight:500;font-size:16px;line-height:19px;letter-spacing:-.3px;color:#333}.BodyInfoSupplier .operationalHourContainer .operationalHour{width:100%;display:flex;flex-direction:row;flex-wrap:wrap}.BodyInfoSupplier .contactContainer{display:flex;flex-direction:column}.BodyInfoSupplier .contactContainer .label{font-weight:500;font-size:16px;line-height:19px;letter-spacing:-.3px;color:#333;margin-bottom:12px}.BodyInfoSupplier .contactContainer .contact{font-weight:500;font-size:14px;line-height:20px;color:#333}.BodyInfoSupplier .contactContainer .contact a{color:#1caed4}.scheduleContainer{width:50%;font-family:Effra,serif;margin-top:10px}.scheduleContainer .scheduleCard{width:100%}.scheduleContainer .scheduleCard .scheduleIcon{height:100%}.scheduleContainer .scheduleCard .scheduleIcon .icon{width:40px;height:41px}.scheduleContainer .scheduleCard .scheduleInfo{width:100%;margin:auto}.scheduleContainer .scheduleCard .scheduleInfo .scheduleDay{display:flex;flex-direction:column;margin:6px 6px 6px 5px}.scheduleContainer .scheduleCard .scheduleInfo .scheduleDay .day{font-size:15px;line-height:14px}.scheduleContainer .scheduleCard .scheduleInfo .scheduleDay .active{color:#33403a}.scheduleContainer .scheduleCard .scheduleInfo .scheduleDay .inactive{color:#a4aaae}.scheduleContainer .scheduleCard .scheduleInfo .scheduleDay .time{font-size:12px;line-height:12px}.HeaderCoverageArea{display:flex;align-items:center;flex-direction:row;width:100%;flex-wrap:wrap}.HeaderCoverageArea .textTitle{margin:auto;font-size:24px;line-height:30px;text-align:center;letter-spacing:-1.2px;color:#333}.BodyCoverageArea{width:775px;max-width:100%;max-height:100%}.BodyCoverageArea .listCoverageAreaContainer::-webkit-scrollbar{display:none}.BodyCoverageArea .logoContainer{display:flex;flex-direction:row;align-items:center;margin-bottom:10px}.BodyCoverageArea .logoContainer .logo{border-radius:50%;margin-right:10px}.BodyCoverageArea .logoContainer .logoSupplier{width:64px!important;height:64px!important;border-radius:50%;margin-right:10px}@media only screen and (max-width:720px){.BodyCoverageArea .logoContainer .logoSupplier{width:40px!important;height:40px!important}}.BodyCoverageArea .logoContainer .textSupplier{font-weight:600;font-size:16px;line-height:20px;color:#333}.BodyCoverageArea .rowData{padding:25px 10px}.BodyCoverageArea .rowData .textDataCol{font-size:12px;color:#1e3f4f}.BodyCoverageArea .rowData .textHeader{font-size:16px;line-height:19px;color:#1e3f4f;font-weight:500}.BodyCoverageArea .bgBlue{background:#ebf6fa}.BodyCoverageArea .bgDark{background:#fafafa}.warningEmptyStock{border:1px solid #ffe7d9;border-radius:8px;background-color:#ffe7d9;margin-bottom:20px;padding:10px;display:flex;grid-gap:20px;gap:20px}.warningEmptyStock .icon-wrapper{align-self:center}.warningEmptyStock .icon-wrapper .warning-icon{height:30px;width:30px}.warningEmptyStock .text-wrapper{line-height:18px}.warningEmptyStock .text-wrapper .title{font-size:16px;font-weight:700;color:#1e3f4f}.warningEmptyStock .text-wrapper .subtitle{margin:0;font-size:14px;font-weight:400;color:#1e3f4f}.warningEmptyStock .text-wrapper .link-text{color:#ff751d;font-weight:700}.warningEmptyStock .text-wrapper .link-text:hover{cursor:pointer;-webkit-text-decoration-color:#ff751d;text-decoration-color:#ff751d;text-decoration:underline}@media only screen and (max-width:1290px){.warningEmptyStock{margin-top:20px;margin-bottom:30px}}.ProductCard{overflow:hidden;border-radius:10px;border:.5px solid rgba(0,0,0,.1);box-shadow:3px 3px 8px 0 rgba(0,0,0,.15);background-color:#fff;width:148px;cursor:pointer;height:270px}.ProductCard .imageContainer{width:100%;position:relative}.ProductCard .imageContainer .image{width:100%;min-height:140px;max-height:150px;height:100%;object-fit:cover;background:rgba(30,63,79,.5)}.ProductCard .imageContainer .stock-phill{position:absolute;bottom:4px;left:4px;background-color:#1e3f4f;width:6rem;height:2.2rem;border-radius:6px;padding:6px;text-align:center}.ProductCard .imageContainer .stock-phill .stock-text{align-self:center;color:#fff;font-weight:400}.ProductCard .detailContainer{padding:12px 5px}.ProductCard .detailContainer .productNameAndVariant{display:flex;flex-direction:column}.ProductCard .detailContainer .productNameAndVariant .productName{font-size:14px;line-height:17px;color:#333;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ProductCard .detailContainer .productNameAndVariant .productVariantName{max-width:120px;font-weight:400;font-size:10px;line-height:12px;color:#828282;text-overflow:ellipsis;display:inline-block;white-space:nowrap;overflow:hidden;margin:3px 0}.ProductCard .detailContainer .priceDiscountBox{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:wrap}.ProductCard .detailContainer .priceDiscountBox .priceDiscount{text-align:center;-webkit-text-decoration-line:line-through;text-decoration-line:line-through;margin-right:4px;color:#eb5757;margin-top:3px}.ProductCard .detailContainer .priceDiscountBox .priceDiscountPercentage{border-radius:25px;padding:3px 6px;text-align:center;font-size:8px;line-height:10px;font-weight:400;color:#f04;background-color:#ffe6ed}.ProductCard .detailContainer .productPrice{font-weight:600;font-size:14px;line-height:17px;color:#1caed4}.ProductCard .detailContainer .productPrice .productWeight{font-weight:400;font-size:12px;line-height:14px;color:#bdbdbd}@media only screen and (max-width:720px){.ProductCard{width:148px}}@media only screen and (max-width:384px){.ProductCard{width:140px}}.InitialImage{background-color:#81b9c9;word-break:break-all}.AllProductCard,.InitialImage{display:flex;justify-content:center}.AllProductCard{overflow:hidden;border-radius:10px;border:.5px solid rgba(0,0,0,.1);box-shadow:3px 3px 8px 0 rgba(0,0,0,.15);background-color:#fff;width:140px;height:270px;cursor:pointer;text-align:center;flex-direction:column;flex-wrap:nowrap;align-content:center;align-items:center;margin-top:10px}.AllProductCard .text{font-style:normal;font-weight:600;font-size:20px;line-height:20px}@media only screen and (min-width:384px){.AllProductCard{width:150px}}.OfferingAddress{display:flex;flex-direction:column;align-items:center;justify-content:center;width:331px;height:307px}.OfferingAddress .label{font-size:16px;line-height:19px;text-align:center;color:#ff751d;padding:20px 0}.OfferingAddress .text{font-size:20px;line-height:24px;text-align:center;color:#1f1f1f}.OfferingAddress .addAddress{display:flex;flex-direction:column;justify-content:center;background:#1caed4;cursor:pointer;border-radius:10px;margin:30px 0 10px;width:175px;height:51px}.OfferingAddress .addAddress .text{font-size:18px;line-height:21px;text-align:center;color:#fff}.OfferingAddress .tnc{font-size:12px;line-height:14px;text-align:center;color:#979797}.OfferingAddress .tnc b{color:#1caed4;cursor:pointer}.Highlight{margin-top:20px}.Highlight .titleHighLight{display:flex;flex-direction:row;flex-wrap:nowrap}@media only screen and (max-width:720px){.Highlight .titleHighLight{justify-content:space-between;padding:0 10px}}.Highlight .titleHighLight .displayName{font-size:24px;font-weight:500;margin-right:30px;color:#5f6973}.Highlight .titleHighLight .loadMore{color:#1caed4;font-size:18px;font-weight:500;cursor:pointer}@media only screen and (max-width:720px){.Highlight .titleHighLight .displayName{font-size:16px}.Highlight .titleHighLight .loadMore{font-size:14px;margin-top:0}}.Highlight .listHighlight{position:relative;margin-top:10px}.Highlight .listHighlight .highlightBox{height:296px;width:240px;border-radius:20px}@media only screen and (max-width:720px){.Highlight .listHighlight .highlightBox{width:100%;border-radius:unset}}.Highlight .listHighlight .productBox{position:absolute!important;top:0;left:0}.Highlight .listHighlight .productBox .containerListproduct{margin-bottom:15px;display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;max-width:calc(100vw - 50px)}@media only screen and (max-width:720px){.Highlight .listHighlight .productBox .containerListproduct{max-width:100vw}}.Highlight .listHighlight .productBox .containerListproduct .listProduct{display:flex;flex-direction:row;cursor:grab;--gap:15px;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center}.Highlight .listHighlight .productBox .containerListproduct .textFirst{box-shadow:none!important;border:none!important;display:flex;flex-direction:column;justify-content:center;padding-left:15px}.Highlight .listHighlight .productBox .containerListproduct .textFirst .descHighlight{font-size:21px;font-weight:600}.Highlight .listHighlight .productBox .containerListproduct .textFirst .descLabelHighlight{font-size:21px;font-weight:600;margin-top:0;color:#ff751d}.Highlight .listHighlight .productBox .containerListproduct .listProduct>*{margin:var(--gap) var(--gap) 0 0}.filterListBox{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;margin-bottom:20px;cursor:pointer}.filterListBox .label{font-weight:400;font-size:16px;line-height:19px;text-align:center;margin:12px}.filterListBox .activeLabel{color:#fff}.filterListBox .notActiveLabel{color:#1caed4}.isActiveBox{background:#1caed4}.isNotActiveBox{background:#fff;border:1.5px solid #1caed4}.logoSupplier{width:45px;height:45px;border-radius:50%}.ProductAndCategory{font-family:Effra,sans-serif;padding-bottom:20px;margin-top:20px}.ProductAndCategory .supplierHeaderContainer{justify-content:unset}.ProductAndCategory .supplierHeaderContainer,.ProductAndCategory .supplierHeaderContainer .logoAndNameBox{display:flex;flex-direction:row;align-items:center}.ProductAndCategory .supplierHeaderContainer .logoAndNameBox .supplierName{font-weight:600;font-size:16px;line-height:20px;color:#333;margin:0 12px}@media only screen and (max-width:720px){.ProductAndCategory .supplierHeaderContainer{justify-content:space-between}}.ProductAndCategory .filterDropdown{display:flex;flex-direction:row;margin-bottom:1vh;justify-content:space-between}.ProductAndCategory .filterDropdown .filterButton{margin-left:1vw;border:1px;z-index:1}.ProductAndCategory .filterDropdown .filterButton .innerButton{border:2px solid #00a4ca;width:118px;height:39px;box-sizing:border-box;border-radius:10px;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}.ProductAndCategory .filterDropdown .filterButton .innerButton span{font-size:16px;font-weight:600;color:#00a4ca}.ProductAndCategory .listProduct{--gap:14px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;align-content:center;flex-direction:row}.ProductAndCategory .listProduct>*{margin:20px 20px 10px 0}@media only screen and (max-width:720px){.ProductAndCategory .filterDropdown{flex-direction:column}.ProductAndCategory .listProduct{justify-content:flex-start}}.ListProductContainer .page,.ProductByCategory{font-family:Effra,sans-serif}.ProductByCategory{padding-bottom:20px;margin-top:20px}.ProductByCategory .supplierName{font-size:32px;font-weight:600;line-height:38px;display:flex;align-items:center}.ProductByCategory .supplierName .infoSupplier{margin-left:16px;font-size:16px;line-height:19px;color:#4f4f4f;font-weight:400;border:1px solid #e0e0e0;border-radius:10px;padding:10px 20px 5px;cursor:pointer;text-align:center;background:#fff}.ProductByCategory .supplierName .logoSupplier{width:64px!important;height:64px!important;border-radius:50%;margin-right:10px}@media only screen and (max-width:720px){.ProductByCategory .supplierName .logoSupplier{width:40px!important;height:40px!important}}.ProductByCategory .category-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;cursor:pointer;margin-bottom:30px}.ProductByCategory .category-container .category{display:flex;height:70px;background-color:#fff;border-radius:5px;justify-content:flex-start;align-items:center;min-width:250px}.ProductByCategory .category-container .category .text{font-size:16px;font-weight:600;width:60px}.ProductByCategory .category-container .category .icon{width:60px;height:60px;margin:15px 10px;display:flex;justify-content:center;align-items:center;border-radius:50%}.ProductByCategory .category-container .category .icon .img{width:40px;height:40px}.ProductByCategory .filterDropdown{display:flex;flex-direction:row;margin-bottom:1vh}.ProductByCategory .filterDropdown .filterButton{margin-left:1vw;border:1px;z-index:1}.ProductByCategory .filterDropdown .filterButton .innerButton{border:2px solid #00a4ca;width:118px;height:39px;box-sizing:border-box;border-radius:10px;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}.ProductByCategory .filterDropdown .filterButton .innerButton span{font-size:16px;font-weight:600;color:#00a4ca}@media only screen and (max-width:426px){.ProductByCategory .filterDropdown{display:block}}.ProductByCategory .text-subtitle{font-size:16px;font-weight:600;margin:20px 14px 0 0}.ProductByCategory .listProduct>*{margin:20px}@media only screen and (max-width:720px){.ProductByCategory .filterDropdown{flex-direction:column}.ProductByCategory .listProduct{justify-content:flex-start!important}}.ProductByCategory .horizontal-scroll{-ms-overflow-style:none;scrollbar-width:none}.ProductByCategory .horizontal-scroll::-webkit-scrollbar{display:none}@media only screen and (max-width:720px){.ProductByCategory .ListAddressContainer{width:100%;display:flex;flex-direction:row;overflow:auto}.ProductByCategory .ListAddressContainer .ListAddressBody{width:100%;flex-wrap:nowrap}.ProductByCategory .ListAddressContainer .ListAddressBody .addressContainer{width:100vw;margin:5px 5px 0 0;display:flex;flex-direction:row;flex-wrap:nowrap}.ProductByCategory .ListAddressContainer .ListAddressBody .addressContainer .AddressList{width:350px;margin-right:5px}}.loadContainer{width:100%;margin-top:10px;margin-bottom:20px}.loadContainer,.loadContainer .loadMore{display:flex;justify-content:center;align-items:center}.loadContainer .loadMore{width:130px;height:32px;background:#fff;border:1px solid #1caed4;border-radius:15px;margin-bottom:70px}.loadContainer .loadMore .circle{height:20px!important;width:20px!important;color:#1caed4}.loadContainer .loadMore .text{font-size:14px;line-height:17px;text-align:center;margin-left:10px;margin-top:3px;color:#1caed4}.filterHeaderContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.filterHeaderContainer .label{font-weight:600;font-size:16px;line-height:20px;color:#000}.filterBodyContainer{width:360px;display:flex;flex-direction:column;align-items:center;justify-content:center}@media only screen and (max-width:720px){.filterBodyContainer{width:100%}}.Cart{height:100%}.Cart .page{height:100%;font-family:Effra,serif}.Cart .page .container .headerName{margin-top:20px;font-size:32px;font-weight:600;line-height:38px;margin-bottom:20px}.Cart .page .container .cart-container{margin-bottom:120px}@media only screen and (max-width:720px){.Cart .cart-container{margin-bottom:160px!important}.Cart .container-box{flex-wrap:wrap}.Cart .container-box .list-cart{width:100%!important;padding:20px 10px 10px!important}.Cart .container-box .detail-cart{width:100%!important;margin:10px!important}.Cart .container-box .image-box .initialImage{width:78px!important;height:85px!important}}.Checkbox{margin-right:18px;cursor:pointer}.Checkbox .checkbox-active{background:#1caed4;width:28.73px;height:30px;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:5px;display:flex;justify-content:center;align-items:center}.Checkbox .checkbox-active .checkbox-icon{color:#fff;font-size:20px;font-weight:700}.Checkbox .checkbox-empty{width:28.73px;height:30px;background:#fff;border:2px solid #c1c7ce;box-sizing:border-box;border-radius:5px}@media only screen and (max-width:720px){.Checkbox{margin-right:5px!important}.Checkbox .checkbox-active{width:25px!important;height:25px!important}.Checkbox .checkbox-active .checkbox-icon{font-size:15px!important}.Checkbox .checkbox-empty{width:25px!important;height:25px!important}}.CartSupplier{margin-bottom:30px}.CartSupplier .container-box{background:#fff;border:1px solid #f2f2f2;box-shadow:0 4px 8px rgba(0,0,0,.15);border-radius:20px}.CartSupplier .container-box .supplierName{font-family:Effra,serif;font-style:normal;font-weight:400;font-size:20px;line-height:24px;color:#000}.CartSupplier .container-box .list-cart{padding:20px;width:60%}.CartSupplier .container-box .list-cart .cart-container{margin-bottom:50px}.CartSupplier .container-box .detail-cart{width:40%;padding:22.5px 15px}.CartSupplier .container-box .detail-cart .containerNote{background:#e9f7fb;border-radius:10px;padding:15px;margin-bottom:10px}.CartSupplier .container-box .detail-cart .containerNote .addNoteText{font-weight:400;font-size:14px;line-height:17px;color:#1e3f4f}.CartSupplier .container-box .detail-cart .containerNote .addNoteSpan{font-weight:400;font-size:14px;line-height:17px;color:#1caed4;cursor:pointer}.CartSupplier .container-box .detail-cart .containerNote .notesContainer{display:flex;flex-direction:column;align-items:flex-end}.CartSupplier .container-box .detail-cart .containerNote textarea::-webkit-input-placeholder{color:#90969f}.CartSupplier .container-box .detail-cart .containerNote textarea:-ms-input-placeholder{color:#90969f}.CartSupplier .container-box .detail-cart .containerNote textarea::placeholder{color:#90969f}.CartSupplier .container-box .detail-cart .containerNote .noteInput:focus{outline:none}.CartSupplier .container-box .detail-cart .containerSubtotal{background:#e9f7fb;border-radius:10px;padding:15px}.CartSupplier .container-box .detail-cart .containerSubtotal .selectCourier{margin-top:20px}.CartSupplier .container-box .detail-cart .containerSubtotal .min-purchase-box{background:#eb5757;border-radius:5px;padding:5px 13px 5px 15px;margin:7.5px 0}.CartSupplier .container-box .detail-cart .containerSubtotal .min-purchase-box .purchase-label{font-size:14px;line-height:18px;color:#fff}.CartSupplier .container-box .detail-cart .containerSubtotal .subtotal-box{justify-content:space-between;align-items:center}.CartSupplier .container-box .detail-cart .containerSubtotal .subtotal-box .subtotal-label{font-size:16px;line-height:19px;color:#333}.CartSupplier .container-box .detail-cart .containerSubtotal .subtotal-box .subtotal-price{font-weight:700;font-size:18px;line-height:22px;text-align:right;color:#00a4ca}@media only screen and (max-width:720px){.CartSupplier .subtotal-box label{font-size:15px!important}.CartSupplier .subtotal-box .total{font-size:16px!important}}.Quantity{display:flex;flex-direction:row;background:#00a4ca;border-radius:5px;width:140.79px;height:32px;justify-content:center;align-items:center}.Quantity .quantity-button{width:100%;display:flex;justify-content:center;cursor:pointer}.Quantity .quantity-button .quantity-icon{color:#fff}.Quantity .quantity{background:#fff;mix-blend-mode:normal;border-radius:2px;width:100%;height:24px;display:flex;justify-content:center;align-items:center;text-align:center;border:0}.Quantity input::-webkit-inner-spin-button,.Quantity input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.Quantity input[type=number]{-moz-appearance:textfield}.disabled-quantity{background:#c1c7ce}@media only screen and (max-width:720px){.Quantity{width:92px!important;height:30px!important}}.ProductCart{align-items:center}.ProductCart .container-product{margin:21px 0;border:1px solid #f2f2f2;box-sizing:border-box;border-radius:10px;width:100%}.ProductCart .container-product .image-box{height:100%}.ProductCart .container-product .image-box .image{Width:111px;Height:111px;border-radius:10px}@media only screen and (max-width:720px){.ProductCart .container-product .image{width:78px!important;height:85px!important}.ProductCart .container-product .detail-product{margin-left:5px!important}.ProductCart .container-product .detail-product .name-box{padding:5px 5px 0 0!important}.ProductCart .container-product .detail-product .name-box .productName{font-size:18px!important}.ProductCart .container-product .detail-product .name-box .delete-button{width:20.73px!important;height:25px!important}.ProductCart .container-product .detail-product .name-box .delete-button .delete-icon{font-size:12px!important}.ProductCart .container-product .detail-product .price-box{flex-wrap:wrap}.ProductCart .container-product .detail-product .price-box .price{font-size:13px!important}.ProductCart .container-product .detail-product .total-box{padding:5px 5px 5px 0!important}.ProductCart .container-product .detail-product .total-box .subtotal-box .label{font-size:15px!important}.ProductCart .container-product .detail-product .total-box .subtotal-box .total{font-size:14px!important}}.ProductCart .container-product .detail-product{width:100%;margin-left:20px}.ProductCart .container-product .detail-product .name-box{justify-content:space-between;padding:10px 10px 0 0}.ProductCart .container-product .detail-product .name-box .productName{font-family:Effra,serif;font-style:normal;font-weight:400;font-size:20px;line-height:24px;word-break:break-all;width:85%}.ProductCart .container-product .detail-product .name-box .delete-button{cursor:pointer;width:28.73px;height:30px;background:#e44e4e;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:5px;display:flex;justify-content:center;align-items:center}.ProductCart .container-product .detail-product .name-box .delete-button .delete-icon{font-size:17px;color:#fff}.ProductCart .container-product .detail-product .price-box{flex-wrap:wrap}.ProductCart .container-product .detail-product .price-box .price{font-size:16px;line-height:19px;color:#00a4ca}.ProductCart .container-product .detail-product .price-box .price .unitQuantity{font-weight:400!important;font-size:10px!important;line-height:12px!important;color:#bdbdbd!important}.ProductCart .container-product .detail-product .price-box .discount-box{margin-left:5px}.ProductCart .container-product .detail-product .price-box .discount-box .before-discount{margin-right:5px;font-weight:300;font-size:12px;line-height:14px;-webkit-text-decoration-line:line-through;text-decoration-line:line-through;color:#eb5757;display:flex;justify-content:center;align-items:center}.ProductCart .container-product .detail-product .price-box .discount-box .percentage{font-size:10px;line-height:12px;background:#eb5757;border-radius:25px;color:#fff;display:flex;justify-content:center;align-items:center;padding:4px}.ProductCart .container-product .detail-product .total-box{padding:10px 10px 0 0;justify-content:space-between}.ProductCart .container-product .detail-product .total-box .subtotal-box{align-items:center}.ProductCart .container-product .detail-product .total-box .subtotal-box .label{font-size:16px;line-height:19px;text-align:center;color:#bdbdbd;margin-right:5px}.ProductCart .container-product .detail-product .total-box .subtotal-box .total{font-weight:500;font-size:20px;line-height:24px;text-align:right;color:#00a4ca}.ProductCart .container-product .detail-product .error-box{display:flex;flex-direction:row;margin-top:9px}.ProductCart .container-product .detail-product .error-box .error-text{font-size:14px;line-height:17px;color:#eb5757;margin-left:10px}.Footer{z-index:1;position:fixed;width:calc(100vw - 240px);bottom:0;box-shadow:0 -4px 8px rgba(0,0,0,.15);border-radius:20px 20px 0 0;font-family:Effra,sans-serif;padding:0;background:#e9f7fb}.Footer .container{height:100px;justify-content:space-between;align-items:center}.Footer .container .price-box{display:flex;align-items:center;flex-direction:row}.Footer .container .price-box .price-label{font-size:18px;line-height:21px;text-align:center;color:#1caed4;margin-right:10px}.Footer .container .price-box .price-total{font-size:28px;line-height:33px;color:#1e3f4f}@media only screen and (min-width:720px){.Footer .container .pay-button-box{background:#1caed4;border-radius:15px;width:399px;height:60px;justify-content:center;align-items:center;cursor:pointer}.Footer .container .pay-button-box .pay-label{font-weight:500;font-size:24px;line-height:24px;text-align:center;color:#fff}}.Footer .container .disable-button{background:rgba(163,165,167,.6)!important;cursor:not-allowed}@media only screen and (max-width:1024px){.Footer{width:calc(100vw - 130px)}}@media only screen and (max-width:720px){.Footer{width:100%;height:160px;z-index:1}.Footer .pay-button-box{background:#1caed4;border-radius:15px;height:60px;justify-content:center;align-items:center;cursor:pointer;width:105px}.Footer .pay-button-box .pay-label{font-weight:500;font-size:24px;line-height:24px;text-align:center;color:#fff}.Footer .price-box{flex-direction:column!important}}.emptyContainer{display:flex;flex-direction:column;width:100%;align-items:center;background:#fff;border:.7px solid rgba(0,0,0,.1);box-sizing:border-box;box-shadow:0 4px 4px rgba(0,0,0,.15);border-radius:15px;margin-top:25px;margin-bottom:25px;padding:10px}.emptyContainer .title{font-size:24px;font-weight:400;color:#000;margin-top:30px}.emptyContainer .contentEmpty,.emptyContainer .title{line-height:25px;font-family:Effra,serif;font-style:normal;text-align:center}.emptyContainer .contentEmpty{margin:30px;align-items:center;font-weight:300;font-size:20px;color:#aeb2b8;align-content:center}.emptyContainer .homeButton{display:flex;flex-direction:column;border-radius:3px;color:#fff;font-weight:500;text-align:center;width:300px;height:50px;background:#1caed4;margin-bottom:20px;cursor:pointer}.emptyContainer .homeButton .textButton{font-size:20px;line-height:24px;margin:auto;font-style:normal;font-weight:500;color:#fff}.labelHighLight .label{text-align:center;font-size:32px;margin-top:25px;color:#000;font-weight:700}.emptyContainerHighlight{display:flex;flex-direction:column;width:100%;align-items:center;background:#fff;box-sizing:border-box;border-radius:15px;padding:10px 0;margin:130px 0 50px}.emptyContainerHighlight .imageContainer{margin-bottom:20px}.emptyContainerHighlight .title{text-align:center;color:#000;font-size:24px;font-weight:500;line-height:1.2}.emptyContainerHighlight .contentEmpty{text-align:center;color:#a2a4a7;padding:20px 0;font-size:20px;font-weight:300}.emptyContainerHighlight .homeButton{display:flex;flex-direction:column;border-radius:3px;color:#fff;font-weight:500;text-align:center;width:300px;height:50px;background:#1caed4;margin-bottom:20px;cursor:pointer}.emptyContainerHighlight .homeButton .textButton{font-size:20px;line-height:24px;margin:auto;font-style:normal;font-weight:300;color:#fff;padding:0}@media only screen and (max-width:720px){.labelHighLight .label{font-size:22px}.emptyContainerHighlight{margin:50px 0 0}.emptyContainerHighlight .title{font-size:18px}.emptyContainerHighlight .contentEmpty{font-size:16px;width:85%;margin-left:auto;margin-right:auto}}.Shipping .page{font-family:Effra,sans-serif}.Shipping .page .titleAddress{margin-top:20px;font-size:32px;line-height:38px;font-weight:500;display:flex;align-content:center;align-items:center}.Shipping .page .titleAddress .iconBack{margin-right:10px;color:#1caed4;cursor:pointer}.Shipping .page .container .cardContainer{display:flex;flex-direction:row;justify-content:space-between;margin-top:20px}.Shipping .page .container .cardContainer .rightCard{width:48%;display:flex;flex-direction:column;height:-webkit-max-content;height:max-content;position:-webkit-sticky;position:sticky}@media only screen and (max-width:720px){.Shipping .page .container .cardContainer .rightCard{width:100%;margin-top:1.5rem}}.Shipping .page .container .cardContainer .rightCard .voucherCodeBox{background:#fff;padding:18px;border:1px solid #f2f2f2;box-shadow:0 4px 2px rgba(0,0,0,.1);border-radius:10px}.Shipping .page .container .cardContainer .rightCard .voucherCodeBox .voucherField{display:flex;flex-direction:row;justify-content:space-between}.Shipping .page .container .cardContainer .rightCard .voucherCodeBox .voucherField .textField{width:70%}@media only screen and (max-width:720px){.Shipping .page .container .cardContainer .rightCard .voucherCodeBox .voucherField .textField{width:60%}}.Shipping .page .container .cardContainer .rightCard .voucherCodeBox .voucherField .voucherButton{background:#1e3f4f;color:#fff;border-radius:10px}.Shipping .page .container .cardContainer .rightCard .voucherCodeBox .voucherMessage{color:#f04;width:60%;font-weight:400;font-size:14px;line-height:17px;margin-top:5px}.Shipping .page .container .cardContainer .rightCard .paymentSummaryBox{display:flex;flex-direction:column;padding:18px;margin-top:12px;box-shadow:0 4px 8px rgba(0,0,0,.15);border-radius:10px;background:#e5f6fa}.Shipping .page .container .cardContainer .rightCard .paymentSummaryBox .titleSummary{font-size:20px;line-height:29px;font-weight:500;color:#000}.Shipping .page .container .cardContainer .rightCard .paymentSummaryBox .labelLeft{font-size:14px;line-height:17px;color:rgba(0,0,0,.5)}.Shipping .page .container .cardContainer .rightCard .paymentSummaryBox .labelRight,.Shipping .page .container .cardContainer .rightCard .paymentSummaryBox .labelTotal{font-size:16px;line-height:19px;color:#333}.Shipping .page .container .cardContainer .rightCard .paymentSummaryBox .labelAmount{font-size:20px;line-height:24px;font-weight:500;color:#00a4ca}.Shipping .page .container .cardContainer .fullWidth{width:100%}.Shipping .page .container .cardContainer .buttonContainer{display:flex;justify-content:flex-end}.Shipping .page .container .cardContainer .buttonContainer .disable-button{background:rgba(37,150,190,.6)!important;cursor:not-allowed!important}.Shipping .page .container .cardContainer .buttonContainer .btn{cursor:pointer;background-color:#1caed4;width:256px;height:51px;justify-content:center;align-content:center}.Shipping .page .container .cardContainer .buttonContainer .btn .text{display:flex;flex-direction:column;height:100%;width:100%;justify-content:center;align-content:center;align-items:center;flex-wrap:nowrap;font-size:20px;line-height:24px;color:#fff}.Shipping .page .container .cardContainer .addressHeader{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.Shipping .page .container .cardContainer .addressHeader .labelAddress{font-size:20px;line-height:29px;font-weight:500}.Shipping .footModal{height:100%;display:flex;justify-content:center;align-items:center}@media only screen and (max-width:720px){.Shipping .page .container .cardContainer{flex-direction:column}.Shipping .page .container .cardContainer .col{padding:0!important}.Shipping .page .container .cardContainer .buttonContainer{justify-content:center}}.LeftCard{width:48%;padding:18px;border:1px solid #f2f2f2;box-shadow:0 4px 8px rgba(0,0,0,.15);border-radius:20px}@media only screen and (max-width:720px){.LeftCard{width:100%}}.DetailShipping,.DetailShipping .addressContainer{display:flex;flex-direction:column}.DetailShipping .addressContainer{background-color:#ebf6fa;border-radius:10px;padding:13px}.DetailShipping .addressContainer .consigneeName{font-size:16px;line-height:25px;font-weight:500;color:#1e3f4f}.DetailShipping .addressContainer .consigneeName .addressLabel{font-size:14px;line-height:14px;font-weight:400}.DetailShipping .addressContainer .addressLine{font-size:16px;line-height:19px;margin-top:10px;color:#1e3f4f}.DetailShipping .detailLabel{font-size:18px;line-height:21px;letter-spacing:-.5px;color:#1e3f4f;margin:20px 0 10px}.DetailShipping .productsContainer{display:flex;flex-direction:column;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.15);border-radius:10px;padding:10px;margin-bottom:10px}.DetailShipping .productsContainer .supplierLabel{font-size:16px;line-height:19px;letter-spacing:-.5px;color:#1e3f4f;font-weight:500;margin-bottom:5px}.DetailShipping .productsContainer .itemProduct{display:flex;flex-direction:row;margin-bottom:20px}.DetailShipping .productsContainer .itemProduct .itemDetail{display:flex;flex-direction:column;margin-left:7px}.DetailShipping .productsContainer .itemProduct .itemDetail .countLabel{font-size:12px;line-height:14px;color:#979da6}.DetailShipping .productsContainer .itemProduct .itemDetail .blackLabel{font-size:14px;line-height:17px;color:#1e3f4f;word-break:break-all}.DetailShipping .productsContainer .divider{border:1px solid #c1c7ce;margin:26px 0 15px}.DetailShipping .productsContainer .subtotalCart{display:flex;justify-content:space-between;font-weight:500;font-size:16px;line-height:19px;letter-spacing:-.5px;color:#1e3f4f}.PaymentContainer{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10!important;justify-content:center;align-items:center;margin-left:240px;background-color:rgba(0,0,0,.5);font-family:Effra,sans-serif}@media only screen and (max-width:1024px){.PaymentContainer{margin-left:130px}}.PaymentContainer .paymentListCard{width:583px;height:751px;max-height:95vh;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.15);border-radius:10px}.PaymentContainer .paymentListCard .header{width:100%;background:#1caed4;box-shadow:0 1px 4px rgba(0,0,0,.1);border-radius:10px 10px 0 0;padding:20px 30px 10px;justify-content:space-between;top:0;z-index:2}.PaymentContainer .paymentListCard .header .title{margin-bottom:10px}.PaymentContainer .paymentListCard .header .title .textUp{font-weight:500;font-size:18px;line-height:22px;letter-spacing:-.666667px;color:#fff;margin-bottom:5px}.PaymentContainer .paymentListCard .header .title .textDown{font-weight:400;font-size:16px;line-height:19px;letter-spacing:-.666667px;color:#fff}.PaymentContainer .paymentListCard .paymentBody{scrollbar-width:none;height:100%;padding:20px 30px 0;align-items:flex-start;overflow-y:auto}.PaymentContainer .paymentListCard .paymentBody::-webkit-scrollbar{display:none}.PaymentContainer .paymentListCard .footerModal{width:100%;background:#fff;box-shadow:0 -1px 4px hsla(0,0%,45.9%,.1);border-radius:0 0 10px 10px;padding:13px 32px;bottom:0;justify-content:space-between}.PaymentContainer .paymentListCard .footerModal span{font-weight:500;letter-spacing:-.666667px}@media only screen and (max-width:584px){.PaymentContainer .paymentListCard{width:100%;height:100%;border-radius:0}.PaymentContainer .paymentListCard .header{border-radius:0}.PaymentContainer .paymentListCard .header .title .textDown{font-size:14px;line-height:17px}.PaymentContainer .paymentListCard .header .btnClose{margin-top:10px}}@media only screen and (max-width:720px){.PaymentContainer{margin-left:0}}.BodyPaymentVA{width:100%}@media only screen and (min-width:584px){.BodyPaymentVA .paymentBox .detailContainer{margin:10px 75px}}.BodyPaymentVA .paymentBox .detailContainer{display:flex;flex-direction:column;border:.7px solid #c1c7ce;padding:17px 0}.BodyPaymentVA .paymentBox .detailContainer .pad-x{margin:0 28px}.BodyPaymentVA .paymentBox .detailContainer .vaLabel{font-size:14px;line-height:17px;color:#c1c7ce;margin-top:22px}.BodyPaymentVA .paymentBox .detailContainer .vaContainer .vaNo{font-weight:500;font-size:20px;line-height:24px;color:#1e3f4f}.BodyPaymentVA .paymentBox .detailContainer .amountContainer{display:flex;justify-content:space-between}.BodyPaymentVA .paymentBox .detailContainer .amountContainer .amount{font-weight:500;font-size:18px;line-height:22px;color:#1e3f4f}.BodyPaymentVA .paymentBox .detailContainer .amountContainer .detailButton{background:#e9f7fb;padding:8px;border-radius:10px;color:#1caed4;cursor:pointer}.BodyPaymentVA .paymentBox .detailContainer .copy{margin-left:10px;cursor:pointer;font-size:13px;line-height:25px;color:#1caed4}.BodyPaymentVA .paymentBox .detailContainer .divider{border-top:.5px solid #c1c7ce;margin:20px 0}.BodyPaymentVA .paymentBox .detailContainer .priceContainer{display:flex;justify-content:space-between;margin-top:7px;margin-bottom:7px}.BodyPaymentVA .paymentBox .detailContainer .priceContainer .textBlack{font-size:16px;line-height:25px;max-width:206px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.BodyPaymentVA .paymentBox .detailContainer .priceContainer .textBold{color:#000;font-weight:500;font-size:16px;line-height:25px}.BodyPaymentVA .paymentBox .detailContainer .priceContainer .textBlue{color:#1caed4;font-weight:500;font-size:16px;line-height:25px}.BodyPaymentVA .tabParent{width:100%}.BodyPaymentVA .tabParent .tabStyle{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;outline:none}.FooterPaymentVA{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.FooterPaymentVA .textStyle{font-weight:500;font-size:16px;line-height:25px;color:#fff;letter-spacing:unset!important}@media only screen and (max-width:584px){.FooterPaymentVA .buttonBack{width:40px;height:35px;display:flex!important;justify-content:center!important;align-items:center!important;padding:0!important}.FooterPaymentVA .buttonBack .buttonText{font-size:0}.FooterPaymentVA .buttonBack .iconArrow{margin-right:0!important}.FooterPaymentVA .buttonRefresh{width:100%;margin:0 10px;text-align:center}}.FooterPaymentVA .buttonBack{cursor:pointer;background:#1e3f4f;border-radius:10px;display:flex;flex-direction:row;align-items:center;padding:6px 25px}.FooterPaymentVA .buttonBack .iconArrow{margin-right:10px}.FooterPaymentVA .buttonRefresh{cursor:pointer;padding:6px 25px;background:#1caed4;border-radius:10px}.HeaderPaymentVA{width:100%;display:flex;flex-direction:column}.HeaderPaymentVA .redContainer{display:flex;justify-content:center;align-items:center;padding:8px 0;background:#ff7272}.HeaderPaymentVA .redContainer .redIcon{color:#fc1010;background:#fff;border-radius:25px}.HeaderPaymentVA .redContainer .textWarning{margin-left:10px;font-weight:500;font-size:16px;line-height:20px;color:#fff}@media only screen and (max-width:584px){.HeaderPaymentVA .blueContainer{flex-direction:column!important;align-items:center!important}.HeaderPaymentVA .blueContainer .itemLeft{margin-bottom:10px!important}}.HeaderPaymentVA .blueContainer{padding:15px 0;background:#e9f7fb;display:flex;flex-direction:row}.HeaderPaymentVA .blueContainer .title{font-size:16px;line-height:130.3%;color:#1e3f4f}.HeaderPaymentVA .blueContainer .itemLeft{width:50%;display:flex;flex-direction:column;align-items:center}.HeaderPaymentVA .blueContainer .itemLeft .detail{color:#ff751d;font-size:18px;line-height:130.3%}.HeaderPaymentVA .blueContainer .itemRight{width:50%;display:flex;flex-direction:column;align-items:center}.HeaderPaymentVA .blueContainer .itemRight .detail{font-weight:500;font-size:18px;line-height:130.3%;color:#1e3f4f}.PaymentList .text{font-size:18px;line-height:22px;color:#000}.PaymentList .price{font-size:20px;line-height:24px;color:#1caed4}.paymentCard{cursor:pointer;width:100%;margin:0 0 20px}.paymentCard .paymentName{font-weight:500;font-size:16px;line-height:20px;letter-spacing:-.666667px;color:#000}.paymentContent{width:100%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.15);border-radius:10px;padding:20px 25px;justify-content:space-between;margin-top:10px}.paymentContent .bank span{font-size:14px;line-height:17px;letter-spacing:-.666667px;color:#000;margin-left:20px;display:flex;flex-direction:column;justify-content:center}.BodyPaymentExpired{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.BodyPaymentExpired .warnInfo{font-weight:500;font-size:24px;line-height:29px;text-align:center;color:#f04;width:387px;margin:40px 0 80px;padding:0 25px}.BodyPaymentExpired .warnDetail{font-size:18px;line-height:21px;text-align:center;color:#1e3f4f;padding:0 25px}.BodyPaymentSuccess{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.BodyPaymentSuccess .warnInfo{font-weight:500;font-size:24px;line-height:29px;text-align:center;color:#1caed4;width:387px;margin:40px 0 50px;padding:0 25px}.BodyPaymentSuccess .warnDetail{font-size:16px;line-height:25px;color:#1e3f4f}.BodyPaymentSuccess .priceDetail{font-weight:500;font-size:20px;line-height:25px;color:#1e3f4f}.BodyPaymentBusy{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.BodyPaymentBusy .warnInfo{font-weight:500;font-size:24px;line-height:29px;text-align:center;color:#ff751d;width:387px;margin:40px 0 80px;padding:0 25px}.BodyPaymentBusy .warnDetail{font-size:18px;line-height:21px;text-align:center;color:#1e3f4f;padding:0 25px}.BodyPaymentQRIS .innerContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.BodyPaymentQRIS .innerContainer .gpnContainer{display:inline-block;position:relative;max-width:100%;margin-top:10px}.BodyPaymentQRIS .innerContainer .gpnContainer img{max-width:100%}.BodyPaymentQRIS .innerContainer .gpnContainer .shopName{position:absolute;font-weight:500;font-size:20px;line-height:20px;color:#1f1f1f;top:118px;width:100%;text-align:center}.BodyPaymentQRIS .innerContainer .gpnContainer .qrContainer{display:flex;justify-content:center;align-items:center;top:156px;width:100%;position:absolute}.BodyPaymentQRIS .innerContainer .gpnContainer .qrContainer .retryBox{z-index:0;display:flex;justify-content:center;position:absolute;background-color:#fff;opacity:.9;width:230px;height:230px}.BodyPaymentQRIS .innerContainer .gpnContainer .qrContainer .imageRetry{position:absolute}.BodyPaymentQRIS .innerContainer .btnDownload{width:330px;height:36px;max-width:100%;background-color:#ff751d;border-radius:10px;-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));margin:16px 0}.BodyPaymentQRIS .innerContainer .btnDownload .text{font-size:20px;line-height:24px;color:#fff}.BodyPaymentQRIS .innerContainer .paymentMethod{display:flex;flex-direction:row;align-items:center}.BodyPaymentQRIS .innerContainer .paymentMethod .qris{width:50%}.BodyPaymentQRIS .innerContainer .paymentMethod .qris img{max-width:100%;object-fit:cover}.BodyPaymentQRIS .innerContainer .paymentMethod .wallet{width:50%;display:flex;flex-direction:column}.BodyPaymentQRIS .innerContainer .paymentMethod .wallet .logoContainer{--gap:12px;display:inline-flex;flex-wrap:wrap;margin:calc(var(--gap)*-1) 0 0 calc(var(--gap)*-1);width:calc(100% + var(--gap))}.BodyPaymentQRIS .innerContainer .paymentMethod .wallet .logoContainer>*{margin:var(--gap) 0 0 var(--gap)}.BodyPaymentQRIS .innerContainer .paymentMethod .wallet .label{color:#90969f;font-size:14px;font-weight:400}.Payment .page{font-family:Effra,sans-serif}.Payment .page .container{padding-bottom:40px}.Payment .page .container .cardContainer{display:flex;flex-direction:row;justify-content:space-between;margin-top:20px}.Payment .page .container .cardContainer .boldText{font-weight:500;color:#000}.Payment .page .container .cardContainer .titleSummary{font-size:20px;line-height:29px}.Payment .page .container .cardContainer .labelLeft{font-size:14px;line-height:17px;color:rgba(0,0,0,.5)}.Payment .page .container .cardContainer .labelRight,.Payment .page .container .cardContainer .labelTotal{font-size:16px;line-height:19px;color:#333}.Payment .page .container .cardContainer .labelAmount{font-weight:500;font-size:20px;line-height:24px;color:#00a4ca}.Payment .page .container .cardContainer .labelAddress{font-weight:700;font-size:16px;line-height:19px;color:#00a4ca}.Payment .page .container .cardContainer .innerContainer{display:flex;flex-direction:column;justify-content:center;align-items:center}.Payment .page .container .cardContainer .innerContainer .gpnContainer{display:inline-block;position:relative;max-width:100%;margin-top:10px}.Payment .page .container .cardContainer .innerContainer .gpnContainer img{max-width:100%}.Payment .page .container .cardContainer .innerContainer .gpnContainer .shopName{position:absolute;font-weight:500;font-size:20px;line-height:20px;color:#1f1f1f;top:118px;width:100%;text-align:center}.Payment .page .container .cardContainer .innerContainer .gpnContainer .qrContainer{display:flex;justify-content:center;align-items:center;top:156px;width:100%;position:absolute}.Payment .page .container .cardContainer .innerContainer .gpnContainer .qrContainer .retryBox{z-index:0;display:flex;justify-content:center;position:absolute;background-color:#fff;opacity:.9;width:228px;height:228px}.Payment .page .container .cardContainer .innerContainer .gpnContainer .qrContainer .imageRetry{position:absolute;cursor:pointer}.Payment .page .container .cardContainer .innerContainer .timer{color:#1caed4;margin:20px 0}.Payment .page .container .cardContainer .innerContainer .btnDownload{width:247px;height:36px;background-color:#1caed4;border-radius:30px;-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.Payment .page .container .cardContainer .innerContainer .btnDownload .text{font-size:20px;line-height:24px;color:#fff}.Payment .page .container .cardContainer .innerContainer .paymentMethod{display:flex;flex-direction:row;align-items:center;padding-top:40px}.Payment .page .container .cardContainer .innerContainer .paymentMethod .qris{width:50%}.Payment .page .container .cardContainer .innerContainer .paymentMethod .qris img{max-width:100%;object-fit:cover}.Payment .page .container .cardContainer .innerContainer .paymentMethod .wallet{width:50%;display:flex;flex-direction:column}.Payment .page .container .cardContainer .innerContainer .paymentMethod .wallet .logoContainer{--gap:12px;display:inline-flex;flex-wrap:wrap;margin:calc(var(--gap)*-1) 0 0 calc(var(--gap)*-1);width:calc(100% + var(--gap))}.Payment .page .container .cardContainer .innerContainer .paymentMethod .wallet .logoContainer>*{margin:var(--gap) 0 0 var(--gap)}.Payment .page .container .cardContainer .innerContainer .paymentMethod .wallet .label{color:#90969f;font-size:14px;font-weight:400}.Payment .page .container .cardContainer .innerContainer .textInfo{font-size:24px;text-align:center;line-height:28.5px;font-weight:500;padding-top:40px}.Payment .page .container .cardContainer .successContainer{display:flex;flex-direction:column;align-items:center}.Payment .page .container .cardContainer .successContainer .successText{margin-top:40px;font-weight:500;font-size:24px;line-height:25px}.Payment .page .container .cardContainer .successContainer .toHomeBtn{width:100%;background-color:#1caed4;border-radius:10px;margin-top:40px;display:flex;justify-content:center;align-items:center;padding:21px}.Payment .page .container .cardContainer .successContainer .toHomeBtn .textBtn{font-size:24px;line-height:28.5px;color:#fff}.Payment .page .container .titlePayment{font-size:32px;line-height:38px;font-weight:500;display:flex;align-content:center;align-items:center}.Payment .page .container .titlePayment .iconBack{margin-right:10px;color:#1caed4;cursor:pointer}@media only screen and (max-width:720px){.Payment .page .container{padding-bottom:20px}.Payment .page .container .cardContainer{flex-direction:column}.Payment .page .container .cardContainer .paymentMethod{flex-direction:column!important;justify-content:center}.Payment .page .container .cardContainer .paymentMethod .qris{width:auto!important;padding-bottom:13px}.Payment .page .container .cardContainer .paymentMethod .wallet{width:200px!important}.Payment .page .container .cardContainer .paymentMethod .wallet .logoContainer{padding-bottom:13px}}.RightCard{width:48%;padding:18px;box-shadow:0 4px 8px rgba(0,0,0,.15);border-radius:10px;background:#e5f6fa;height:-webkit-max-content;height:max-content;position:-webkit-sticky;position:sticky;top:100px}@media only screen and (max-width:720px){.RightCard{width:100%;margin-top:1.5rem}}.trans-history{height:100%}.trans-history .page{font-family:Effra,serif}.trans-history .page .container .title{font-size:32px;font-weight:500;font-style:normal;position:static}.trans-history .page .container .historyContainer{padding-bottom:10px}@media only screen and (max-width:426px){.trans-history .page .container .historyContainer{padding-bottom:70px}}.filter{display:flex;flex-wrap:wrap;flex-direction:row;align-items:flex-start;padding:10px;width:auto;height:auto;right:0;top:0;background-color:rgba(0,164,202,.1);border-radius:10px}.filter .rs-picker-toggle{z-index:0}@media only screen and (max-width:428px){.filter{display:block}}.filter .transactionStatus{width:auto;margin-right:20px}.filter .productList{width:auto}@media only screen and (max-width:428px){.filter .transactionStatus{width:100%;margin-bottom:15px}}.StepFilter{border:.7px solid rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.15);border-radius:15px;padding:50px 0;margin-top:10px;margin-bottom:10px}.StepFilter .filterList{display:flex;justify-content:space-evenly}.StepFilter .filterList .filterItem{cursor:pointer;text-align:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.StepFilter .filterList .filterItem .filterIcon{max-width:35px;max-height:35px}.StepFilter .filterList .filterItem .filterLabel{margin-top:30px;font-size:18px;color:#5f6973;max-width:110px}@media only screen and (max-width:426px){.StepFilter .filterList .filterItem{width:60px}.StepFilter .filterList .filterItem .filterLabel{margin-top:30px;font-size:10px;color:#5f6973;max-width:110px}.StepFilter .filterList .filterItem .filterIcon{max-width:30px;max-height:30px}}.statusBox .detail{border-radius:10px;color:#5f6973;border:1px solid #909090}.statusBox .detail,.statusBox .success{background:#fff;height:41px;font-size:medium;font-weight:500;box-shadow:0 1px 4px rgba(0,0,0,.15);margin-left:15px;padding:8px}.statusBox .success{border-radius:10px;color:#1caed4;border:1px solid #1caed4}@media only screen and (max-width:720px){.statusBox{display:flex;flex-direction:column}.statusBox .success{margin-top:10px}}.historyCard{padding:10px;background:#fff;border:.7px solid rgba(0,0,0,.1);box-sizing:border-box;box-shadow:0 4px 4px rgba(0,0,0,.15);border-radius:10px;margin-top:25px;margin-bottom:15px}.historyCard .cardHeader{display:flex;flex-direction:row;justify-content:space-between}.historyCard .cardHeader .orderDetail{display:flex;flex-direction:column}.historyCard .cardHeader .orderDetail .cardName{font-size:20px;letter-spacing:-.553846px;color:#000}.historyCard .cardHeader .orderDetail .orderContainer{display:flex;flex-direction:row;justify-content:space-between;width:100%}.historyCard .cardHeader .orderDetail .orderContainer .orderId{font-size:14px;line-height:29px;color:#000}.historyCard .cardHeader .orderDetail .orderContainer .borderBlank{border:.7px solid rgba(0,0,0,.1);margin:0 5px}.historyCard .cardHeader .orderDetail .orderContainer .dateOrder{font-size:14px;line-height:29px;color:#979797}.historyCard .cardHeader .statusBox{margin-top:10px;display:flex;flex-direction:row;justify-content:flex-end;flex-wrap:wrap}.historyCard .cardHeader .statusBox .cardStatus{font-size:16px;letter-spacing:-.553846px;padding:11px 15px;border-radius:10px;margin-top:5px}.historyCard .cardHeader .statusBox .AWAITING_PAYMENT{background:rgba(255,117,29,.1);color:#ff751d}.historyCard .cardHeader .statusBox .PENDING{background:rgba(28,174,212,.1);color:#1caed4}.historyCard .cardHeader .statusBox .PROCESSED{background:rgba(132,196,65,.1);color:#84c441}.historyCard .cardHeader .statusBox .ON_DELIVERY{background:rgba(28,174,212,.1);color:#002537}.historyCard .cardHeader .statusBox .PACKAGE_RECEIVED,.historyCard .cardHeader .statusBox .SUCCESS{background:rgba(28,174,212,.1);color:#1caed4}.historyCard .cardHeader .statusBox .CANCELED,.historyCard .cardHeader .statusBox .FAILED{background:rgba(255,2,68,.1);color:#ff0244}.historyCard .cardHeader .statusBox .helpButton{background:#fff;border-radius:10px;color:#1caed4;height:41px;font-size:medium;font-weight:500;border:1px solid #d8d8d8;box-shadow:0 1px 4px rgba(0,0,0,.15);margin-left:15px;padding:8px;margin-top:5px}@media only screen and (max-width:720px){.historyCard .cardHeader{flex-direction:column!important}.historyCard .cardHeader .orderDetail{justify-content:center;align-items:center}.historyCard .cardHeader .orderDetail .orderContainer{margin-top:10px}}.historyCard .cardFooter{height:100%;margin-top:10px;display:flex;justify-content:space-between}.historyCard .cardFooter .totalFooter .spendingText{font-size:14px;color:#000;margin-bottom:5px;letter-spacing:-.553846px}.historyCard .cardFooter .totalFooter .spendingAmount{font-size:20px;line-height:20px;font-weight:500;color:#000}.detailTransactionBody{width:900px}.detailTransactionBody .statusTransaction .labelStatus{font-size:20px;font-weight:500}.detailTransactionBody .statusTransaction .subLabel{margin:0;color:rgba(0,0,0,.5)}.detailTransactionBody .orderId{display:flex;justify-content:space-between;align-items:center;align-content:center}.detailTransactionBody .detailProduct,.detailTransactionBody .orderId{margin-top:20px;border-bottom:1px solid #f0f0f0;padding-bottom:21px}.detailTransactionBody .detailProduct .titleDetailProduct{font-weight:500;font-size:16px}.detailTransactionBody .detailProduct .listProduct{margin-top:20px;display:flex;flex-direction:row;flex-wrap:wrap}.detailTransactionBody .detailProduct .listProduct .productItem{display:flex;flex-direction:row;justify-content:flex-start;margin-right:20px;margin-top:10px;width:250px}.detailTransactionBody .detailProduct .listProduct .productItem .productItemImage{margin-right:15px}.detailTransactionBody .detailProduct .listProduct .productItem .productItemImage .productVariantImage{margin-right:5px;border-radius:10px;width:100px;height:75px}.detailTransactionBody .detailProduct .listProduct .productItem .productItemDetail .itemLabel{font-size:16px;font-weight:400}.detailTransactionBody .detailProduct .listProduct .productItem .productItemDetail .itemWeight{color:#979797;font-size:16px;margin:0}.detailTransactionBody .detailProduct .listProduct .productItem .productItemDetail .itemTotal{font-size:16px;font-weight:400}.detailTransactionBody .detailProduct .itemNote{margin-top:20px;display:flex;flex-direction:row;justify-content:flex-start}.detailTransactionBody .detailProduct .itemNote .note{margin-top:0;margin-left:15px;font-size:16px;font-weight:400}.detailTransactionBody .detailCourier{margin-top:20px;background:#e5f6fa;border-radius:10px;padding:10px}.detailTransactionBody .detailCourier .courierTitle{font-size:16px;font-weight:500;margin-top:20px;margin-bottom:20px}.detailTransactionBody .detailCourier .detailAddress .listDetailAddress{display:flex;margin-top:5px}.detailTransactionBody .detailCourier .detailAddress .listDetailAddress .addressValue{font-weight:500}.detailTransactionBody .detailCourier .detailAddress .listDetailAddress p{margin:0;width:160px}.detailTransactionBody .detailPayment{margin-top:20px}.detailTransactionBody .detailPayment .listDetailPayment{border-bottom:1px solid #f0f0f0;padding-bottom:21px}.detailTransactionBody .detailPayment .listDetailPayment .paymentItem{display:flex;justify-content:space-between}.detailTransactionBody .detailPayment .listDetailPayment .paymentItem .paymentTitle{color:rgba(0,0,0,.5);font-weight:400;font-size:14px}.detailTransactionBody .detailPayment .listDetailPayment .paymentItem .paymentSubtotal{font-weight:500}.detailTransactionBody .detailPayment .listDetailPayment .paymentItem p{margin:0}.detailTransactionBody .detailPayment .totalPayment .paymentItem{display:flex;justify-content:space-between;margin-top:10px}.detailTransactionBody .detailPayment .totalPayment .paymentItem .totalTitle{font-weight:500;font-size:16px}.detailTransactionBody .detailPayment .totalPayment .paymentItem .totalPayment{color:#00a4ca;font-weight:400;font-size:20px}.detailTransactionBody .detailPayment .totalPayment .paymentItem p{margin:0}.defaultModalHeader{display:flex;justify-content:space-between}.defaultModalHeader .labelHeader{font-size:24px;font-weight:600}.defaultModalHeader .buttonClose{cursor:pointer}.ComplainTransactionBody{width:775px}.ComplainTransactionBody .logoContainer{display:flex;flex-direction:row;align-items:center;margin-bottom:10px}.ComplainTransactionBody .logoContainer .logo{border-radius:50%;margin-right:10px}.ComplainTransactionBody .logoContainer .logoSupplier{width:64px!important;height:64px!important;border-radius:50%;margin-right:10px}@media only screen and (max-width:720px){.ComplainTransactionBody .logoContainer .logoSupplier{width:40px!important;height:40px!important}}.ComplainTransactionBody .logoContainer .textSupplier{font-weight:500;font-size:32px;line-height:38px;color:#000}.ComplainTransactionBody .infoDetail{margin-top:15px}.ComplainTransactionBody .infoDetail .infoTitle{font-size:24px;font-weight:500;color:#333}.ComplainTransactionBody .infoDetail .detail{color:#979da6;size:18px;font-weight:400}.finishTransactionBody{width:450px}.finishTransactionBody .successFinish{display:flex;flex-direction:column;align-items:center;text-align:center}.finishTransactionBody .successFinish .successIcon{height:70px;width:70px}.finishTransactionBody .successFinish .successTitle{margin-top:20px;font-size:24px;font-weight:400;color:#1caed4}.finishTransactionBody .successFinish .successButton{margin-top:20px;background:#1caed4;border-radius:10px;color:#fff;height:41px;font-size:medium;font-weight:500;box-shadow:0 1px 4px rgba(0,0,0,.15);margin-left:15px;padding:8px;width:150px}.finishTransactionBody .warningFinish{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 35px}.finishTransactionBody .warningFinish .finishTitle{font-size:20px;font-weight:400}.finishTransactionBody .warningFinish .finishSubTitle{font-size:16px;font-weight:400;color:#c1c7ce;margin-top:20px}.finishTransactionBody .warningButton{display:flex;flex-direction:row;justify-content:space-evenly;margin-top:20px}.finishTransactionBody .warningButton .complain{background:#fff;border-radius:10px;color:#1caed4;border:1px solid #1caed4}.finishTransactionBody .warningButton .complain,.finishTransactionBody .warningButton .finish{height:41px;font-size:medium;font-weight:500;box-shadow:0 1px 4px rgba(0,0,0,.15);margin-left:15px;padding:8px;width:150px}.finishTransactionBody .warningButton .finish{background:#1caed4;border-radius:10px;color:#fff}.SearchProduct{padding:20px 0}.SearchProduct .searchLabel{font-size:32px;line-height:38px;font-weight:600;margin-bottom:20px}.SearchProduct .filterDropdown{display:flex;flex-direction:row;margin-bottom:1vh;justify-content:space-between}.SearchProduct .filterDropdown .filterButton{margin-left:1vw;border:1px;z-index:0}.SearchProduct .filterDropdown .filterButton .innerButton{display:flex;flex-direction:row;border:2px solid #00a4ca;width:118px;height:39px;box-sizing:border-box;border-radius:10px;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}.SearchProduct .filterDropdown .filterButton .innerButton span{font-size:16px;font-weight:600;color:#00a4ca}@media only screen and (max-width:720px){.SearchProduct .filterDropdown{flex-direction:column}}.listProduct{--gap:18px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;align-content:center;flex-direction:row}.listProduct>*{margin:var(--gap) 0 0 var(--gap)}.loadingContainer{width:100%;margin-top:10px;margin-bottom:20px}.loadingContainer,.loadingContainer .loadMore{display:flex;justify-content:center;align-items:center}.loadingContainer .loadMore{width:130px;height:32px;background:#fff;border:1px solid #1caed4;border-radius:15px;margin-bottom:70px}.loadingContainer .loadMore .circle{height:20px!important;width:20px!important;color:#1caed4}.loadingContainer .loadMore .text{font-size:14px;line-height:17px;text-align:center;margin-left:10px;margin-top:3px;color:#1caed4}.SubscriptionPlan .page{font-family:Effra,sans-serif;height:100vh}.SubscriptionPlan .page .Dashboard{flex-direction:column;font-family:Effra,sans-serif;overflow-y:auto;padding:1px 7vw 0}.SubscriptionPlan .page .Dashboard .currentPackage{width:100%;padding:15px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:10px}.SubscriptionPlan .page .Dashboard .currentPackage .bgDark{background:#1e3f4f!important}.SubscriptionPlan .page .Dashboard .currentPackage .contentContainer{justify-content:space-between;flex-direction:row;background:#e9f7fb;border-radius:10px;padding:10px 25px;margin-top:10px}.SubscriptionPlan .page .Dashboard .currentPackage .contentContainer .leftCard{width:50%}.SubscriptionPlan .page .Dashboard .currentPackage .contentContainer .leftCard .contex{align-items:flex-start;justify-content:center;margin-left:10px}.SubscriptionPlan .page .Dashboard .currentPackage .contentContainer .leftCard .contex .package{font-size:18px;line-height:12px;color:#1e3f4f;font-weight:700;margin-bottom:15px}.SubscriptionPlan .page .Dashboard .currentPackage .contentContainer .leftCard .contex .text{font-size:16px;line-height:12px;color:#1caed4;cursor:pointer;margin-right:10px}.SubscriptionPlan .page .Dashboard .currentPackage .contentContainer .leftCard .contex .textWhite{color:#fff}.SubscriptionPlan .page .Dashboard .currentPackage .contentContainer .rightCard{justify-content:flex-end;padding:20px 0}.SubscriptionPlan .page .Dashboard .currentPackage .contentContainer .rightCard .btnUpgrade{width:100%;background:#1caed4;border-radius:10px;align-items:center;justify-content:center;padding:10px 40px;cursor:pointer;margin-bottom:10px}.SubscriptionPlan .page .Dashboard .currentPackage .contentContainer .rightCard .btnUpgrade .text{font-size:16px;line-height:19px;color:#fff}.SubscriptionPlan .page .Dashboard .currentPackage .contentContainerDark{background:#1e3f4f}.SubscriptionPlan .page .Dashboard .packageContainer{width:100%;margin-top:30px;align-items:center}.SubscriptionPlan .page .Dashboard .packageContainer .title{font-size:30px;line-height:36px}.SubscriptionPlan .page .Dashboard .packageContainer .subTitle{font-size:16px;line-height:19px}.SubscriptionPlan .page .Dashboard .packageContainer .packageExist{display:inline-flex;flex-wrap:wrap;margin:calc(var(--gap)*-1) 0 0 calc(var(--gap)*-1);width:calc(100% + var(--gap));--gap:10px;justify-content:flex-start}@media only screen and (max-width:1024px){.SubscriptionPlan .page .Dashboard .packageContainer .packageExist{--gap:10px}}.SubscriptionPlan .page .Dashboard .packageContainer .packageExist>*{margin:var(--gap) 0 0 var(--gap)}.SubscriptionPlan .page .Dashboard .packageContainer .packageList{display:inline-flex;flex-wrap:wrap;margin:calc(var(--gap)*-1) 0 0 calc(var(--gap)*-1);width:calc(100% + var(--gap));--gap:20px;justify-content:flex-start;padding-top:30px}@media only screen and (max-width:1024px){.SubscriptionPlan .page .Dashboard .packageContainer .packageList{--gap:30px}}.SubscriptionPlan .page .Dashboard .packageContainer .packageList>*{margin:var(--gap) 0 0 var(--gap)}.SubscriptionPlan .page .Dashboard .marginBox{margin-bottom:20px}@media only screen and (max-width:472px){.SubscriptionPlan .page .Dashboard{padding:10px}.SubscriptionPlan .page .Dashboard .currentPackage .contentContainer{flex-direction:column}.SubscriptionPlan .page .Dashboard .currentPackage .contentContainer .leftCard{width:100%}.SubscriptionPlan .page .Dashboard .currentPackage .contentContainer .leftCard img{width:50px;height:50px}.SubscriptionPlan .page .Dashboard .currentPackage .contentContainer .leftCard .contex .package{font-size:16px;line-height:12px;margin-bottom:10px}.SubscriptionPlan .page .Dashboard .currentPackage .contentContainer .leftCard .contex .text{font-size:14px;line-height:12px}.SubscriptionPlan .page .Dashboard .currentPackage .contentContainer .rightCard{justify-content:center;padding:0}.SubscriptionPlan .page .Dashboard .currentPackage .contentContainer .rightCard .btnUpgrade{padding:unset}.SubscriptionPlan .page .Dashboard .currentPackage .contentContainer .rightCard .btnUpgrade .text{font-size:12px;line-height:14px;padding:10px}.SubscriptionPlan .page .Dashboard .packageContainer{width:100%}.SubscriptionPlan .page .Dashboard .packageContainer .title{font-size:20px;line-height:24px;text-align:center}.SubscriptionPlan .page .Dashboard .packageContainer .subTitle{font-size:14px;line-height:17px;margin:0 25px;text-align:center}.SubscriptionPlan .page .Dashboard .marginBox{margin-bottom:20px}}@media only screen and (max-width:400px){.SubscripionPlan .page{padding:0 10px}}.PackageCard{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:10px;text-align:center;width:335px;height:480px;display:flex;flex-direction:column;justify-content:space-between}@media only screen and (max-width:1440px){.PackageCard{width:316px;height:462px;justify-content:space-between}}.PackageCard .cardHeader{background:#ff751d;border-radius:10px 10px 0 0}.PackageCard .cardHeader .headerContainer{justify-content:center;height:62px}.PackageCard .cardHeader .headerContainer .headerContent{padding:10px 10px 8px;justify-content:center}.PackageCard .cardHeader .headerContainer .headerContent .alertText{font-size:12px;line-height:12px;color:#ffe7d9;text-align:start;margin-left:10px}.PackageCard .cardHeader .headerContainer .expiredTime{font-size:16px;line-height:12px;color:#fff}.PackageCard .expiredHeader{border-radius:10px 10px 0 0;background:#f04}.PackageCard .cardContent{max-height:380px;padding:0 15px 15px;align-items:center}.PackageCard .cardContent .name{font-size:20px;line-height:12px;color:#1e3f4f}.PackageCard .cardContent .nameExist{color:#fff}.PackageCard .cardContent .detail{margin-top:20px;font-size:14px;line-height:12px;color:#1caed4;cursor:pointer}.PackageCard .cardContent .price{font-size:20px;line-height:24px;color:#1caed4}.PackageCard .cardContent .activeBadge{background:#7ed321;border-radius:10px;padding:9px 31px 8px 30px;color:#fff;margin-bottom:10px;font-size:16px;line-height:12px;text-align:center}.PackageCard .cardContent .almostExpiredBadge{background:#ff751d}.PackageCard .cardContent .expiredBadge{background:#f04}.PackageCard .cardContent .activeLabel{font-size:16px;line-height:19px;text-align:center;color:#fff}.PackageCard .footerContent{border-top:.5px solid #c1c7ce;border-radius:0 0 10px 10px;padding:10px}.PackageCard .footerContent .btnPackage{display:flex;flex-direction:column;width:100%;border-radius:10px;text-align:center;justify-content:center}.PackageCard .footerContent .btnPackage .text{margin:10px 20px;font-size:16px;line-height:19px;color:#fff}.PackageCard .footerContent .btnPackageNoActive{display:none}.PackageCard .footerContent .btnPackageSoon{background:#979797;pointer-events:none}.PackageCard .footerContent .btnPackageReady{background:#ff751d;cursor:pointer;height:40px}.PackageCard .footerContent .btnPackageExist{background:#1caed4;cursor:pointer}.PackageCard .footerContent .btnPackageCheck{flex-direction:row;width:100%;border-radius:10px;background:#fff;border:2px solid #ff751d;padding:8px 20px;cursor:pointer;height:40px}.PackageCard .footerContent .btnPackageCheck .text{font-size:16px;line-height:19px;color:#ff751d;margin-left:10px}.packageCardExist{background:#1e3f4f}@media only screen and (max-width:1024px){.PackageCard{width:355px}.PackageCard .cardContent{padding:30px 20px}}@media only screen and (max-width:435px){.PackageCard{width:100%}.PackageCard .cardContent{padding:0}.PackageCard .cardHeader .headerContainer .headerContent .alertText{text-align:left}.PackageCard .cardHeader .headerContainer .expiredTime{text-align:center}}.HeaderSubsPlan{width:100%;padding:15px 25px;justify-content:flex-end;background-color:#fff;top:0;overflow-y:hidden;position:-webkit-sticky;position:sticky;border-radius:0 0 10px 10px;z-index:1}.HeaderSubsPlan .btnHeader{display:flex;width:auto;background:#fff;border-radius:10px;padding:7px 15px;margin-left:10px;border:2px solid #1caed4}.HeaderSubsPlan .btnHeader .text{padding:6px 0 0 10px;font-weight:500;font-size:16px;line-height:12px;color:#1caed4}.HeaderSubsPlan .btnHeader:hover{cursor:pointer}@media only screen and (max-width:435px){.HeaderSubsPlan{padding:10px 0 0}.HeaderSubsPlan .btnHeader{border:none;margin-left:0}.HeaderSubsPlan .btnHeader .text{display:none}}.footer{width:calc(100% - 240px);height:60px;position:fixed;bottom:0;z-index:2;overflow:hidden;background:#e9f7fb;box-shadow:0 -1px 4px hsla(0,0%,43.5%,.25);border-radius:10px 10px 0 0;font-family:Effra,sans-serif}.footer .container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 30px}.footer .leftComponent{display:flex;flex-direction:column;align-items:baseline}.footer .leftComponent .total{font-size:20px;line-height:24px;color:#1e3f4f;font-weight:400}.footer .rightComponent{display:flex;flex-direction:column;align-items:baseline}.footer .rightComponent .button{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer .rightComponent .button .text{font-size:16px;line-height:19px;font-weight:400;color:#e9f7fb}@media only screen and (max-width:1024px){.footer{width:calc(100% - 130px);height:85px}}@media only screen and (max-width:720px){.footer{display:flex!important;width:100%;z-index:1;bottom:0;height:140px!important;flex-direction:column;align-content:flex-start}.footer .container{padding:15px}.footer .container .rightComponent .button{padding:10px 20px!important}}.detailFeatureContainer{font-family:Effra,sans-serif;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10!important;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);margin-left:240px}@media only screen and (max-width:1024px){.detailFeatureContainer{margin-left:130px}}@media only screen and (max-width:720px){.detailFeatureContainer{margin-left:0}}.detailFeatureContainer .detailContainer{width:736px;height:auto;background-color:#fff;border-radius:10px;z-index:4;padding:40px}.detailFeatureContainer .detailContainer .detailHeader{width:100%;justify-content:space-between}.detailFeatureContainer .detailContainer .detailHeader span{font-size:18px;line-height:21px;color:#000}.detailFeatureContainer .detailContainer .detailBody{width:100%;display:flex;justify-content:center;align-items:center}.detailFeatureContainer .detailContainer .detailBody .label{font-size:20px;line-height:24px;text-align:center;color:#1e3f4f;margin-top:40px;font-weight:700}.detailFeatureContainer .detailContainer .detailBody .detailCard{display:inline-flex;flex-wrap:wrap;margin:calc(var(--gap)*-1) 0 0 calc(var(--gap)*-1);width:calc(100% + var(--gap));--gap:20px;justify-content:flex-start;margin-top:10px;align-items:baseline}.detailFeatureContainer .detailContainer .detailBody .detailCard .featureCard{width:199px;justify-content:center;align-items:center}.detailFeatureContainer .detailContainer .detailBody .detailCard .featureCard .name{font-size:18px;line-height:21px;color:#1caed4;text-align:center;margin-top:10px}.detailFeatureContainer .detailContainer .detailBody .detailCard .featureCard .description{text-align:center}.detailFeatureContainer .detailContainer .detailBody .detailCard>*{margin:var(--gap) 0 0 var(--gap)}@media only screen and (max-width:720px){.detailFeatureContainer .detailContainer{width:100%;height:100%;border-radius:0;padding:30px}.detailFeatureContainer .detailContainer .detailHeader{display:flex;align-items:center}.detailFeatureContainer .detailContainer .detailHeader span{font-size:16px;line-height:12px}.detailFeatureContainer .detailContainer .detailBody,.detailFeatureContainer .detailContainer .detailBody .detailCard{justify-content:center}}.PackageDuration{font-family:Effra,sans-serif;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);margin-left:240px}@media only screen and (max-width:1024px){.PackageDuration{margin-left:130px}}.PackageDuration .modalContainer{width:873px;height:auto;background:#fff;border-radius:10px;z-index:4}.PackageDuration .modalContainer .header{padding:13px 25px;display:flex;justify-content:space-between;align-items:center;background:#1e3f4f;border-radius:10px 10px 0 0}.PackageDuration .modalContainer .header .title{display:flex;flex-direction:column}.PackageDuration .modalContainer .header .title .textTitle{font-size:20px;line-height:24px;color:#fff}.PackageDuration .modalContainer .header .title .textSubtitle{font-size:16px;line-height:25px;color:#fff}.PackageDuration .modalContainer .parentContainer{display:flex;flex-direction:row;width:100%;height:calc(100% - 77px)}.PackageDuration .modalContainer .parentContainer .textTitle{font-size:18px;line-height:21px;color:#1e3f4f;font-weight:500}.PackageDuration .modalContainer .parentContainer .left{scrollbar-width:none;width:50%;padding:10px 10px 10px 25px;height:100%;overflow:auto}.PackageDuration .modalContainer .parentContainer .left .PackageItem{margin-bottom:30px}.PackageDuration .modalContainer .parentContainer .left .PackageItem .head{display:flex;justify-content:space-between;align-items:center}.PackageDuration .modalContainer .parentContainer .left .PackageItem .head .titleBox{max-width:320px;display:flex;flex-direction:column}.PackageDuration .modalContainer .parentContainer .left .PackageItem .head .titleBox .description{font-weight:400;font-size:12px;line-height:14px;color:#979797}.PackageDuration .modalContainer .parentContainer .left .PackageItem .head .trashIcon{font-size:20px;background:#eb5757;border-radius:5px;color:#fff;padding:5px}.PackageDuration .modalContainer .parentContainer .left .PackageItem .duration{display:flex;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:5px;margin:16px 0 10px;cursor:pointer}.PackageDuration .modalContainer .parentContainer .left .PackageItem .duration .itemDuration{flex:1 1;font-size:16px;line-height:25px;font-weight:500;text-align:center;padding:18px 20px}.PackageDuration .modalContainer .parentContainer .left .PackageItem .duration .itemDuration:not(:first-child){border-left:.5px solid #c1c7ce}.PackageDuration .modalContainer .parentContainer .left .PackageItem .duration .itemDuration:first-child{border-radius:5px 0 0 5px}.PackageDuration .modalContainer .parentContainer .left .PackageItem .duration .itemDuration:last-child{border-radius:0 5px 5px 0}.PackageDuration .modalContainer .parentContainer .left .PackageItem .duration .selected{color:#fff;background:#1e3f4f}.PackageDuration .modalContainer .parentContainer .left .PackageItem .price{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.PackageDuration .modalContainer .parentContainer .left .PackageItem .price .label{font-size:16px;line-height:25px;color:#000;font-weight:500}.PackageDuration .modalContainer .parentContainer .left .PackageItem .price .discount{margin-left:auto;color:#f04;text-decoration:line-through}.PackageDuration .modalContainer .parentContainer .left .PackageItem .price .amount{margin-left:10px;font-weight:500;color:#1caed4;font-size:16px;line-height:25px}@media only screen and (max-width:720px){.PackageDuration .modalContainer .parentContainer .left{height:auto}.PackageDuration .modalContainer .parentContainer .left .PackageItem{margin-bottom:0}}.PackageDuration .modalContainer .parentContainer .left::-webkit-scrollbar{display:none}.PackageDuration .modalContainer .parentContainer .right{display:flex;flex-direction:column;width:50%;padding:10px 25px 10px 10px}.PackageDuration .modalContainer .parentContainer .right .voucherSubs{display:flex;flex-direction:column;margin-bottom:20px}.PackageDuration .modalContainer .parentContainer .right .voucherSubs .voucherContainer{display:flex;flex-direction:row;justify-content:flex-start;margin-bottom:5px}.PackageDuration .modalContainer .parentContainer .right .voucherSubs .voucherContainer .voucherInput{width:100%}.PackageDuration .modalContainer .parentContainer .right .voucherSubs .voucherContainer .voucherInput div{border-radius:10px 0 0 10px!important}.PackageDuration .modalContainer .parentContainer .right .voucherSubs .voucherContainer .voucherButton{background:#1caed4;border-radius:0 10px 10px 0;color:#fff;width:200px;text-transform:none;font-size:14px}.PackageDuration .modalContainer .parentContainer .right .voucherSubs .voucherError .btnCloseVoucherError{background:#d0021b;color:#fff;padding:3px;width:20px;height:20px;border-radius:5px;margin-right:5px;cursor:pointer}.PackageDuration .modalContainer .parentContainer .right .voucherSubs .voucherError .voucherErrorText{color:#d0021b}.PackageDuration .modalContainer .parentContainer .right .containerDetail{scrollbar-width:none;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:5px;max-height:292px;overflow:auto;margin-bottom:15px}.PackageDuration .modalContainer .parentContainer .right .containerDetail .borderContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 17px}.PackageDuration .modalContainer .parentContainer .right .containerDetail .borderContainer .black{color:#000}.PackageDuration .modalContainer .parentContainer .right .containerDetail .borderContainer .planName{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:250px;font-size:16px;line-height:19px;color:#000}.PackageDuration .modalContainer .parentContainer .right .containerDetail .borderContainer .greyTitle{font-size:16px;line-height:19px;color:#979797}.PackageDuration .modalContainer .parentContainer .right .containerDetail .priceFont{font-size:16px;line-height:25px;color:#000}.PackageDuration .modalContainer .parentContainer .right .containerDetail .divider{border-top:.5px solid #979797}.PackageDuration .modalContainer .parentContainer .right .containerDetail::-webkit-scrollbar{display:none}.PackageDuration .modalContainer .parentContainer .right .termContainer{padding:5px 0}.PackageDuration .modalContainer .parentContainer .right .termContainer .Checkbox{margin-right:5px;margin-top:2px}.PackageDuration .modalContainer .parentContainer .right .termContainer .Checkbox .checkbox-empty{border:1px solid #979da6;box-sizing:border-box;border-radius:5px;width:20px;height:20px}.PackageDuration .modalContainer .parentContainer .right .termContainer .Checkbox .checkbox-active{width:20px;height:20px}.PackageDuration .modalContainer .parentContainer .right .termContainer .Checkbox .checkbox-active .checkbox-icon{font-size:14px}.PackageDuration .modalContainer .parentContainer .right .termContainer .termText{color:#979797}.PackageDuration .modalContainer .parentContainer .right .buttonContainer{padding:5px 0}.PackageDuration .modalContainer .parentContainer .right .buttonContainer .checkoutBtn{height:50px;background:#1caed4;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:19px;color:#fff;font-weight:500;cursor:pointer}.PackageDuration .modalContainer .parentContainer .right .buttonContainer .disabled{background:#979797;cursor:no-drop}.PackageDuration .modalContainer .parentContainer .right .buttonContainer .outline{background:#fff;color:#1caed4}@media only screen and (max-width:720px){.PackageDuration{margin-left:0}.PackageDuration .modalContainer{width:100%;height:100%}.PackageDuration .modalContainer .header{border-radius:0}.PackageDuration .modalContainer .parentContainer{flex-direction:column;overflow:auto;height:100vh}.PackageDuration .modalContainer .parentContainer .left{overflow:unset;width:100%;padding-left:10px}.PackageDuration .modalContainer .parentContainer .right{width:100%}.PackageDuration .modalContainer .parentContainer .right .outline{margin-bottom:80px}}.SolutioningServiceContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:80px}@media only screen and (max-width:720px){.SolutioningServiceContainer{margin-bottom:170px}}.SolutioningServiceContainer .serviceName{font-weight:600;font-size:30px;line-height:36px;color:#1e3f4f;text-align:center}.SolutioningServiceContainer .serviceDesc{font-weight:400;font-size:16px;line-height:19px;color:#1e3f4f;text-align:center}.SolutioningServiceContainer .serviceContainer{display:flex;flex-direction:row;width:100%;height:auto;margin-top:20px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:10px;padding:30px 70px 15px}@media only screen and (max-width:720px){.SolutioningServiceContainer .serviceContainer{flex-direction:column;padding:30px 20px 15px}}.SolutioningServiceContainer .serviceContainer .leftServiceContainer{margin-right:20px}@media only screen and (max-width:720px){.SolutioningServiceContainer .serviceContainer .leftServiceContainer{display:flex;justify-content:center;margin:0}}.SolutioningServiceContainer .serviceContainer .rightServiceContainer{display:flex;flex-direction:column}.SolutioningServiceContainer .serviceContainer .rightServiceContainer .topLabel{font-weight:400;font-size:16px;line-height:19px;color:#177b99;margin-bottom:18px}.SolutioningServiceContainer .serviceContainer .rightServiceContainer .titleLabel{font-weight:500;font-size:24px;line-height:29px;color:#1e3f4f}.SolutioningServiceContainer .serviceContainer .rightServiceContainer .descLabel{font-weight:400;font-size:12px;line-height:14px;color:#828282}.SolutioningServiceContainer .serviceContainer .rightServiceContainer .detailLink{font-weight:400;font-size:16px;line-height:12px;color:#1caed4;-webkit-text-decoration-line:underline;text-decoration-line:underline;cursor:pointer;margin-bottom:18px}.SolutioningServiceContainer .serviceContainer .rightServiceContainer .waButton{width:290px;height:50px;background:#1e3f4f;border-radius:10px;color:#fff}@media only screen and (max-width:720px){.SolutioningServiceContainer .serviceContainer .rightServiceContainer .waButton{width:100%}}.TransactionHistorySubsPlan .page{font-family:Effra,sans-serif;padding:0 35px}.TransactionHistorySubsPlan .page .modalContainer{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);overflow:hidden;height:100vh;padding:0 10px}.TransactionHistorySubsPlan .page .loadingContainer{height:475px!important}.TransactionHistorySubsPlan .page .containerRight{height:-webkit-max-content;height:max-content;overflow-x:hidden;overflow-y:auto;padding:24px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:10px;display:flex;flex-direction:column;background:#fff;position:-webkit-sticky;position:sticky;top:20px}.TransactionHistorySubsPlan .page .containerRight .header{display:flex;justify-content:space-between;margin-bottom:35px}.TransactionHistorySubsPlan .page .containerRight .trxTime{font-size:16px;line-height:12px;color:#1e3f4f}.TransactionHistorySubsPlan .page .containerRight .trxStatus{font-weight:500;font-size:16px;line-height:12px;color:#1e3f4f}.TransactionHistorySubsPlan .page .containerRight .trxStatusFailed{color:#f04}.TransactionHistorySubsPlan .page .containerRight .trxStatusSuccess{color:#7ed321}.TransactionHistorySubsPlan .page .containerRight .trxStatusAwaitingPayment{color:#bdbdbd}.TransactionHistorySubsPlan .page .containerRight .marginY{margin:10px 0}.TransactionHistorySubsPlan .page .containerRight .bankContainer{display:flex;align-items:center}.TransactionHistorySubsPlan .page .containerRight .bankContainer .bankName{font-weight:500;font-size:16px;line-height:25px;margin-left:9px}.TransactionHistorySubsPlan .page .containerRight .priceContainer{margin:2px 0;width:350px;display:flex;flex-direction:row;justify-content:space-between}.TransactionHistorySubsPlan .page .containerRight .priceContainer .planName{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:250px;font-size:16px;line-height:25px;color:#000}.TransactionHistorySubsPlan .page .containerRight .priceContainer .priceFont{font-weight:500;font-size:16px;line-height:25px}.TransactionHistorySubsPlan .page .containerRight .priceContainer .fontNormal{color:#000}.TransactionHistorySubsPlan .page .containerRight .priceContainer .fontDiscount{color:#f04}.TransactionHistorySubsPlan .page .containerRight .priceContainer .fontTotal{color:#1caed4;font-weight:500}.TransactionHistorySubsPlan .page .containerRight .divider{border-top:.5px solid #979797;margin:25px 0}.TransactionHistorySubsPlan .page .containerRight .parentButton{align-self:center}.TransactionHistorySubsPlan .page .containerRight .parentButton>*{margin-top:10px}.TransactionHistorySubsPlan .page .containerRight .greyTitle{font-size:14px;line-height:12px;color:#979797}.TransactionHistorySubsPlan .page .backButton{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:32px;margin-bottom:45px;cursor:pointer;font-size:16px;line-height:20px;font-weight:500;display:flex;align-items:center;color:#4f4f4f;flex-direction:row}.TransactionHistorySubsPlan .page .backButton .iconBack{margin-right:10px;cursor:pointer}.TransactionHistorySubsPlan .page .pageTitle{font-weight:500;font-size:20px;line-height:24px;color:#000}.TransactionHistorySubsPlan .page .mainContainer{display:inline-flex;flex-wrap:nowrap;margin:calc(var(--gap)*-1) 0 0 calc(var(--gap)*-1);width:calc(100% + var(--gap));--gap:20px;padding-top:15px}.TransactionHistorySubsPlan .page .mainContainer .containerLeft{scrollbar-width:none;width:100%;height:100%;overflow-y:auto}.TransactionHistorySubsPlan .page .mainContainer .containerLeft::-webkit-scrollbar{display:none}.TransactionHistorySubsPlan .page .subTitle{font-weight:500;font-size:18px;line-height:12px;color:#1e3f4f}.TransactionHistorySubsPlan .page .mainContainer>*{margin:var(--gap) 0 0 var(--gap)}@media only screen and (max-width:720px){.TransactionHistorySubsPlan .page{padding:0 13px 65px}}.ItemHistory-bg-blue{background:#e9f7fb}.ItemHistory{display:flex;padding:10px;margin:0 0 17px;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.15);border-radius:10px;border:.7px solid rgba(0,0,0,.1)}.ItemHistory .icon{display:flex;width:42px;max-height:42px;border-radius:40px;align-items:center;justify-content:center}.ItemHistory .paymentInfo{display:flex;flex-direction:column}.ItemHistory .paymentInfo .paymentName{font-weight:500;font-size:18px;line-height:29px;color:#1e3f4f}.ItemHistory .paymentInfo .paymentTime{font-size:18px;line-height:29px;color:#979797}@media only screen and (max-width:720px){.ItemHistory .paymentInfo .paymentName,.ItemHistory .paymentInfo .paymentTime{font-size:14px;line-height:1}}.ItemHistory .paymentStatus{margin-left:auto;display:flex;flex-direction:column;margin-right:40px}.ItemHistory .paymentStatus .totalPayment{color:#1e3f4f;font-size:14px;line-height:29px}.ItemHistory .paymentStatus .amount{font-size:20px;line-height:29px;color:#1e3f4f;font-weight:500}@media only screen and (max-width:720px){.ItemHistory .paymentStatus{margin-right:20px}.ItemHistory .paymentStatus .totalPayment{line-height:1}.ItemHistory .paymentStatus .amount{font-size:13px;line-height:1}}.ItemHistory .statusBox{border-radius:10px;display:flex;align-items:center}.ItemHistory .statusBox .cardStatus{font-size:16px;letter-spacing:-.553846px;padding:5px 15px;border-radius:10px}.ItemHistory .boxFailed{background:rgba(255,0,68,.1);color:#f04}.ItemHistory .boxPending{background:hsla(0,0%,59.2%,.1);color:#979797}.ItemHistory .boxSuccess{background:rgba(126,211,33,.1);color:#7ed321}.ButtonPayment{display:flex;align-items:center;justify-content:center;cursor:pointer;width:282px;height:50px;border-radius:10px}.ButtonPayment .labelStyle{font-weight:500;color:#fff;font-size:16px;line-height:12px}.bgBlue{background:#1caed4}.WelcomePage{width:100%;height:100%;background:rgba(0,0,0,.5);position:absolute;z-index:10;display:flex;align-items:center;justify-content:center}.WelcomePage .modalContainer{align-items:center;max-width:90vw;width:855px;background:#fff;border-radius:10px;padding:20px}.WelcomePage .modalContainer .welcomeContainer{background-image:url(/static/media/welcome-page-bg.9aa1e37c.svg);background-size:cover;background-repeat:round;border-radius:10px;max-width:100%;max-height:100%;width:782px;height:401px}.WelcomePage .modalContainer .btnExplore{background:#ff751d;border-radius:10px;margin-top:30px;width:500px;max-width:80%}.WelcomePage .modalContainer .btnExplore span{font-weight:500;font-size:18px;line-height:24px;text-align:center;letter-spacing:.015em;color:#fff;width:100%}@media only screen and (max-width:720px){.WelcomePage .modalContainer{width:300px}.WelcomePage .modalContainer .welcomeContainer{background-image:url(/static/media/welcome-page-small.f440a85f.svg);width:276px;height:137px}.WelcomePage .modalContainer .btnExplore{width:200px}}.Settings{height:auto;margin-bottom:20px}.Settings .page{height:auto;font-family:Effra,serif;padding:0 80px;margin-top:40px}.Settings .page .backContainer{display:flex;flex-direction:row;align-items:center;grid-gap:12px;gap:12px;margin-bottom:20px;cursor:pointer}.Settings .page .backContainer span{color:#1e3f4f;font-weight:500;font-size:24px;line-height:1;margin-top:8px}.Settings .page .settingContainer{display:flex;flex-direction:column;width:100%;background:#ebf6fa;border-radius:20px;overflow-x:auto}@media only screen and (max-width:720px){.Settings .page .settingContainer{padding:0;background:#fff;border-radius:0}}.Settings .page .settingContainer::-webkit-scrollbar{display:none}.HeaderTabPanelSupplier{position:-webkit-sticky;position:sticky;top:0;background-color:#fff;z-index:2;padding-bottom:21px;display:flex;flex-direction:row}@media only screen and (max-width:720px){.HeaderTabPanelSupplier{padding-top:20px}}.HeaderTabPanelSupplier .buttonHeader{outline:none;display:flex;flex-direction:column;padding:10px 26px;box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:25px;margin-right:11px;cursor:pointer;font-size:16px;line-height:19px;color:#fff;text-transform:none}@media only screen and (max-width:720px){.HeaderTabPanelSupplier .buttonHeader{font-size:14px;border-radius:10px;padding:6px 26px;min-width:80px;min-height:34px}}.HeaderTabPanelSupplier .activeHeader{background:#00a4ca}.HeaderTabPanelSupplier .inActiveHeader{background:#c1c7ce}.General{padding:20px 20px 0;font-family:Effra,sans-serif!important}@media only screen and (max-width:720px){.General{padding:0}}.General .informationCard{display:flex;flex-direction:column;background:#fff;border-radius:20px;padding:12px 23px 20px;margin-bottom:20px;box-shadow:0 1px 5px rgba(0,0,0,.1);border-radius:8px}.General .informationCard .informationCardHeader{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:20px}.General .informationCard .informationCardHeader .editBtn{height:43px;color:#fff;background:#1caed4;border-radius:10px;text-transform:none}.General .informationCard .informationCardHeader .editBtn:hover{background-color:#1caed4}.General .informationCard .informationCardHeader .editBtn:focus{outline:none}.General .informationCard .informationCardHeader .editBtn:active{box-shadow:none}.General .informationCard .emptyWarehouseInfo{background:#f2f2f2;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px 0;border-radius:10px;grid-gap:15px;gap:15px}@media only screen and (max-width:720px){.General .informationCard .emptyWarehouseInfo{padding:10px}}.General .informationCard .emptyWarehouseInfo .emptyLabel{color:#828282;font-weight:500;font-size:18px;text-align:center}.General .informationCard .emptyWarehouseInfo .emptyBtn{height:43px;color:#fff;background:#1caed4;border-radius:10px;text-transform:none}.General .informationCard .emptyWarehouseInfo .emptyBtn:hover{background-color:#1caed4}.General .informationCard .emptyWarehouseInfo .emptyBtn:focus{outline:none}.General .informationCard .emptyWarehouseInfo .emptyBtn:active{box-shadow:none}.General .informationCard .warehouseInformation{width:100%;display:flex;flex-direction:row;background:#fff;border:1px solid #f2f2f2;box-shadow:0 4px 5px rgba(0,0,0,.05);border-radius:10px;padding:10px;grid-gap:20px;gap:20px}.General .informationCard .warehouseInformation .leftInformation{width:60%;height:120px;display:flex;flex-direction:column;justify-content:center;padding:0 20px;border:1px solid #f0eff4;border-radius:10px;grid-gap:11px;gap:11px}.General .informationCard .warehouseInformation .leftInformation .warehouseName{display:flex;flex-direction:row;align-items:center;grid-gap:10px;gap:10px}.General .informationCard .warehouseInformation .leftInformation .warehouseName .name{font-weight:500;font-size:16px;color:#333}.General .informationCard .warehouseInformation .leftInformation .addressDetail{font-weight:400;font-size:14px;color:#333}.General .informationCard .warehouseInformation .rightInformation{width:40%;height:120px;display:flex;flex-direction:column;justify-content:center;padding:0 20px;border:1px solid #f0eff4;border-radius:10px;grid-gap:10px;gap:10px}.General .informationCard .warehouseInformation .rightInformation .rightBox{display:flex;flex-direction:column}.General .informationCard .warehouseInformation .rightInformation .rightBox .label{font-weight:500;font-size:16px;color:#333}.General .informationCard .warehouseInformation .rightInformation .rightBox .subLabel{font-weight:400;font-size:14px;color:#333}@media only screen and (max-width:720px){.General .informationCard .warehouseInformation{flex-direction:column}.General .informationCard .warehouseInformation .leftInformation,.General .informationCard .warehouseInformation .rightInformation{width:100%}}.General .coverageArea{margin-bottom:20px;display:flex;flex-direction:column;background:#fff;border-radius:20px;padding:12px 23px 20px}.cardSupplierSettings{box-shadow:0 1px 4px rgba(0,0,0,.15);border-radius:6px;padding:10px;margin-bottom:20px}.cardSupplierSettings .cardTitleSupplier{font-weight:500;color:#000}.cardHeader{display:flex;flex-direction:column}.cardHeader .divLabel{display:flex;flex-direction:row;grid-gap:4px;gap:4px}.cardHeader .divLabel .label{font-size:18px;line-height:21px;font-weight:700;color:#000}@media only screen and (max-width:720px){.cardHeader .divLabel .label{margin-bottom:3px}}.cardHeader .divLabel .badge{display:flex;flex-direction:column;justify-content:center;background:#e6ffdb}.cardHeader .divLabel .badge .label{color:#27ae60;font-size:12px}.cardHeader .subLabel{font-size:15px;line-height:19px;color:#979da6}.FormHeader{display:flex;flex-direction:row;justify-content:space-between;border-radius:17px}.FormHeader img{align-self:flex-end;cursor:pointer;width:24px}.FormHeader .label{font-size:18px;line-height:20px;color:#333;align-self:center}.DeleteInfoBody{display:flex;flex-direction:column;justify-content:center;align-items:center;width:470px;height:265px}@media only screen and (max-width:720px){.DeleteInfoBody{height:auto}}.DeleteInfoBody .label{font-size:24px;line-height:29px;text-align:center;color:#f04;margin-top:25px}@media only screen and (max-width:720px){.DeleteInfoBody .label{font-size:14px;line-height:16px;margin:15px 0}}.DeleteInfoBody img{width:200px;height:200px}.DeleteInfoFooter{display:flex;flex-direction:row;justify-content:center}.DeleteInfoFooter .closeButton{display:flex;flex-direction:column;justify-content:center;width:156px;height:50px;border-radius:10px;cursor:pointer;border:2px solid #f04;margin-right:10px}@media only screen and (max-width:720px){.DeleteInfoFooter .closeButton{height:40px}}.DeleteInfoFooter .closeButton .text{font-size:16px;line-height:19px;text-align:center;color:#f04}.DeleteInfoFooter .deleteButton{display:flex;flex-direction:column;justify-content:center;width:156px;height:50px;border-radius:10px;cursor:pointer;background:#f04}@media only screen and (max-width:720px){.DeleteInfoFooter .deleteButton{height:40px}}.DeleteInfoFooter .deleteButton .text{font-size:16px;line-height:19px;text-align:center;color:#fff}.ListCoverageArea{width:100%}.ListCoverageArea .coverageHeader{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.ListCoverageArea .coverageHeader .addButton{width:156px;height:43px;color:#fff;background:#1caed4;border-radius:10px;text-transform:none}.ListCoverageArea .coverageHeader .addButton:hover{background-color:#1caed4}.ListCoverageArea .coverageHeader .addButton:focus{outline:none}.ListCoverageArea .coverageHeader .addButton:active{box-shadow:none}@media only screen and (max-width:720px){.ListCoverageArea .coverageHeader{flex-direction:column}.ListCoverageArea .coverageHeader .addButton{width:100%;margin:5px 0}}.ListCoverageArea .coverageHeader .deleteButton{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px;background:#d0021b;border-radius:10px;cursor:pointer;width:40px;height:40px}.ListCoverageArea .listCoverageHeader{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;margin-bottom:10px}.ListCoverageArea .listCoverageHeader .deleteButton{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:12px;background:#d0021b;border-radius:10px;cursor:pointer;width:40px;height:40px}.ListCoverageArea .coverageEmpty{display:flex;flex-direction:column;align-items:center;background:#f2f2f2;border-radius:10px;padding:20px 0;text-align:center}@media only screen and (max-width:720px){.ListCoverageArea .coverageEmpty{padding:20px 12px}}.ListCoverageArea .coverageEmpty .label{font-size:18px;line-height:21px;font-weight:400;color:#979da6;margin-bottom:10px}.ListCoverageArea .coverageEmpty .subLabel{font-size:18px;line-height:21px;font-weight:300;color:#979da6}.ListCoverageArea .coverageInputContainer{width:100%;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.ListCoverageArea .coverageInputContainer .inputForm{min-width:30%;max-width:100%;display:flex;justify-content:center;flex-direction:column;padding-right:15px}@media only screen and (max-width:720px){.ListCoverageArea .coverageInputContainer .inputForm{width:100%;max-width:100%;margin-bottom:10px;padding-right:0}}.ListCoverageArea .coverageInputContainer .inputForm .label{font-size:16px;line-height:20px;color:#000;margin-bottom:5px}.ListCoverageArea .coverageInputContainer .addCoverage{background:#00a4ca;border-radius:10px;align-items:center;padding:15px 26px;margin-top:28px;cursor:pointer}.ListCoverageArea .coverageInputContainer .addCoverage .text{font-size:16px;line-height:19px;text-align:center;color:#fff}@media only screen and (max-width:720px){.ListCoverageArea .coverageInputContainer .addCoverage{padding:10px 0;width:100%;margin-top:10px;text-align:center}}.ListCoverageArea .coverageList{display:flex;flex-direction:column}.ListCoverageArea .coverageList .data{position:-webkit-sticky;position:sticky;top:52;z-index:0}.ListCoverageArea .coverageList .headerData{display:flex;align-items:center;font-weight:500;font-size:16px;padding:11px;color:#1e3f4f;background:#ebf6fa}.ListCoverageArea .coverageList .coverageBodyList{max-height:300px;overflow-x:auto}.ListCoverageArea .coverageList .coverageBodyList .bodyData{display:flex;align-items:center;font-size:16px;padding:20px 26px;color:#1e3f4f}.ListCoverageArea .coverageList .coverageBodyList .bgDark{background:#fafafa}.ListCoverageArea .coverageList .coverageBodyList::-webkit-scrollbar{display:none}.ListCoverageArea .btnCoverageArea button{width:100%;margin:0!important}.ListCoverageArea .cardTitleSupplier{font-weight:500;color:#000}.OperationalHours{display:flex;flex-direction:column;grid-gap:5px;gap:5px}.OperationalHours .dayLabel{font-weight:500;font-size:16px;color:#828282}@media only screen and (max-width:720px){.OperationalHours{box-shadow:0 4px 8px rgba(0,0,0,.15);margin-bottom:20px;padding:10px;border-radius:8px}}@media only screen and (max-width:720px){.OperationalHours .rowTime{height:auto!important;margin-bottom:10px}}@media only screen and (max-width:720px){.OperationalHours .rowTime .btnStyle{padding:4px 12px!important;margin:0}}.OperationalHours .timePickerOperationalHourMobile .MuiOutlinedInput-input{padding:12px 14px!important}.OperationalHours .saveOperationalHour{width:100%;height:43px;background:#1caed4}.OperationalHours .saveOperationalHour:hover{background-color:#1caed4}.OperationalHours .saveOperationalHour:focus{outline:none}.OperationalHours .saveOperationalHour:active{box-shadow:none}.OperationalHours .disabled:hover{background-color:#4f4f4f}.Transaction{padding:20px 20px 25px}@media only screen and (max-width:720px){.Transaction{padding:0}}.Transaction .minTransactionCard{display:flex;flex-direction:column;background:#fff;border-radius:20px;padding:12px 23px 20px}@media only screen and (max-width:720px){.Transaction .minTransactionCard{box-shadow:0 1px 4px rgba(0,0,0,.15);border-radius:6px;padding:12px 12px 20px}}.Transaction .minTransactionCard .inputComponent{display:flex;flex-direction:row}@media only screen and (max-width:720px){.Transaction .minTransactionCard .inputComponent{display:block}}.Transaction .minTransactionCard .inputComponent .saveAmount{background:#00a4ca;border-radius:10px;align-items:center;padding:15px 47px;margin-top:0;cursor:pointer;margin-left:15px}.Transaction .minTransactionCard .inputComponent .saveAmount .text{font-size:16px;line-height:19px;text-align:center;color:#fff}@media only screen and (max-width:720px){.Transaction .minTransactionCard .inputComponent .saveAmount{margin-left:0;text-align:center}}.Transaction .minTransactionCard .inputComponent .changeAmount{background:#00a4ca;border-radius:10px;align-items:center;padding:15px 47px;margin-top:0;cursor:pointer;margin-left:15px}.Transaction .minTransactionCard .inputComponent .changeAmount .text{font-size:16px;line-height:19px;text-align:center;color:#fff}@media only screen and (max-width:720px){.Transaction .minTransactionCard .inputComponent .changeAmount{margin-left:0;text-align:center}}.Transaction .minTransactionCard .inputComponent .deleteAmount{background:#fff;border:2px solid #1caed4;border-radius:10px;align-items:center;cursor:pointer;padding:15px 47px;margin-left:15px}.Transaction .minTransactionCard .inputComponent .deleteAmount .text{font-size:16px;line-height:19px;text-align:center;color:#1caed4}@media only screen and (max-width:720px){.Transaction .minTransactionCard .inputComponent .deleteAmount{margin-left:0;text-align:center}}.BankInfoContainer{display:flex;flex-direction:row;justify-content:space-between;width:100%;background:#fff;border-radius:15px;padding:14px 16px;margin-bottom:20px;grid-gap:4px;gap:4px}.BankInfoContainer .emailInfo{width:60%;display:flex;flex-direction:column;grid-gap:4px;gap:4px}.BankInfoContainer .emailInfo .emailLabel{font-weight:600;font-size:18px;color:#1e3f4f}.BankInfoContainer .emailInfo .emailSubLabel{font-weight:400;font-size:14px;color:#828282}.BankInfoContainer .emailInfo .emailSubLabel span{font-weight:500;color:#1e3f4f}.BankInfoContainer .accountInfo{width:25%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:16px;border:1px solid #f0eff4;box-shadow:0 1px 4px rgba(0,0,0,.15);border-radius:10px;grid-gap:10px;gap:10px}.BankInfoContainer .accountInfo .bankName{font-weight:500;font-size:16px;color:#333}.BankInfoContainer .accountInfo .accountName{font-weight:400;font-size:14px;color:#333}.PickupLocationContainer{display:flex;flex-direction:column;background:#fff;border-radius:20px;padding:12px 23px 20px}@media only screen and (max-width:720px){.PickupLocationContainer{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.15);border-radius:8px}}.PickupLocationContainer .headerLocation{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:20px}.PickupLocationContainer .headerLocation .addButton{width:156px;height:43px;color:#fff;background:#1caed4;border-radius:10px;text-transform:none}.PickupLocationContainer .headerLocation .addButton:hover{background-color:#1caed4}.PickupLocationContainer .headerLocation .addButton:focus{outline:none}.PickupLocationContainer .headerLocation .addButton:active{box-shadow:none}@media only screen and (max-width:720px){.PickupLocationContainer .headerLocation{flex-direction:column;grid-gap:10px;gap:10px}.PickupLocationContainer .headerLocation .addButton{width:100%}}.PickupLocationContainer .emptyLocationBox{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f2f2f2;border-radius:10px;padding:22px 0}.PickupLocationContainer .emptyLocationBox .label{font-weight:500;font-size:18px;color:#828282}.PickupLocationContainer .emptyLocationBox .subLabel{font-weight:400;font-size:18px;color:#828282}.PickupLocationContainer .detailLocationBox{width:100%;height:100%;display:flex;flex-direction:row;grid-gap:10px;gap:10px;background:#fff;border:.6px solid #f2f2f2;box-shadow:0 4px 5px rgba(0,0,0,.05);border-radius:10px;padding:10px}@media only screen and (max-width:720px){.PickupLocationContainer .detailLocationBox{flex-direction:column}}.PickupLocationContainer .detailLocationBox .locationContentBox{width:100%;display:flex;flex-direction:column;border:.6px solid #f0eff4;border-radius:10px;padding:13px 20px;grid-gap:11px;gap:11px}.PickupLocationContainer .detailLocationBox .locationContentBox .addressName{display:flex;flex-direction:row;align-items:center;grid-gap:10px;gap:10px}.PickupLocationContainer .detailLocationBox .locationContentBox .addressName .name{font-weight:500;font-size:16px;color:#333}.PickupLocationContainer .detailLocationBox .locationContentBox .addressDetail{font-weight:400;font-size:14px;color:#333}.PickupLocationContainer .detailLocationBox .locationContentBox .locationInfo{display:flex;flex-direction:row;flex-wrap:wrap}.PickupLocationContainer .detailLocationBox .locationContentBox .locationInfo .stackItems{flex:0 0 50%;display:flex;flex-direction:column;margin-top:10px}@media only screen and (max-width:720px){.PickupLocationContainer .detailLocationBox .locationContentBox .locationInfo .stackItems{flex:0 0 100%}}.PickupLocationContainer .detailLocationBox .locationContentBox .locationInfo .stackItems .label{font-weight:500;font-size:16px;color:#333}.PickupLocationContainer .detailLocationBox .locationContentBox .locationInfo .stackItems .subLabel{font-weight:400;font-size:14px;color:#333}.PickupLocationContainer .detailLocationBox .locationContentBox .contactContainer{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.PickupLocationContainer .detailLocationBox .locationContentBox .contactContainer .contactItem{display:flex;flex-direction:column;grid-gap:5px;gap:5px}.PickupLocationContainer .detailLocationBox .locationContentBox .contactContainer .contactItem .label{font-weight:500;font-size:16px;color:#333}.PickupLocationContainer .detailLocationBox .locationContentBox .contactContainer .contactItem .subLabel{font-weight:400;font-size:14px;color:#333}.DeliveryService{display:flex;flex-direction:column;background:#fff;border-radius:20px;padding:12px 23px 20px;margin:30px 0}@media only screen and (max-width:720px){.DeliveryService{padding:20px 0;margin:0}}.DeliveryService .mobileDeliveryContainer{display:flex;flex-direction:column;grid-gap:8px;gap:8px}@media only screen and (max-width:720px){.DeliveryService .mobileDeliveryContainer{box-shadow:0 4px 8px rgba(0,0,0,.15);border-radius:6px}}.DeliveryService .mobileDeliveryContainer .podSettingContainer{background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border:.6px solid #f2f2f2;box-shadow:0 4px 5px rgba(0,0,0,.05);border-radius:10px;padding:10px}.DeliveryService .mobileDeliveryContainer .headerPOD{margin-bottom:0!important}.DeliveryService .mobileDeliveryContainer .tncText{font-size:14px;color:#1caed4;cursor:pointer}.DeliveryService .mobileDeliveryContainer .indicatorContainer{display:flex;flex-direction:row;background:#fff;padding-bottom:15px}.DeliveryService .mobileDeliveryContainer .indicatorContainer .indicatorTab{display:flex;flex-direction:column;padding:10px 23px;margin-right:15px;border-radius:10px;cursor:pointer;font-size:16px;line-height:19px}.DeliveryService .mobileDeliveryContainer .indicatorContainer .indicatorActive{background:#e9f7fb;border:1.5px solid #1caed4;color:#1caed4}.DeliveryService .mobileDeliveryContainer .indicatorContainer .indicatorInActive{background:#fff;border:1.5px solid #1caed4;color:#1caed4}.DeliveryService .mobileDeliveryContainer .divider{border-top:.5px solid #c1c7ce;margin:20px 0}.DeliveryService .mobileDeliveryContainer .inputComponent{display:flex;margin-top:10px;align-items:center;width:100%}.DeliveryService .mobileDeliveryContainer .tabPanelContainer{display:flex;flex-direction:column;width:100%;padding:0!important}.DeliveryService .mobileDeliveryContainer .saveOperationalHour{background:#00a4ca;border-radius:10px;align-items:center;padding:15px 47px;cursor:pointer;width:148px;margin-top:18px;margin-left:auto;color:#fff;font-size:medium;font-weight:700}.DeliveryService .mobileDeliveryContainer .saveOperationalHour .text{font-size:16px;line-height:19px;text-align:center;color:#fff}@media only screen and (max-width:720px){.DeliveryService .mobileDeliveryContainer .saveOperationalHour{width:100%}}.PickupByCourier{display:flex;flex-direction:column}.PickupByCourier .pickupContainer{display:inline-flex;flex-wrap:wrap;align-items:baseline;margin-bottom:15px}@media only screen and (max-width:720px){.PickupByCourier .pickupContainer{width:100%}}.PickupByCourier .pickupContainer .courierBox{background:#fff;box-shadow:0 4px 8px rgba(0,0,0,.15);border-radius:10px}@media only screen and (max-width:720px){.PickupByCourier .pickupContainer .courierBox{width:100%}}.PickupByCourier .pickupContainer .courierBox .courierInformationContainer{display:flex;flex-direction:row;padding:6px 15px}@media only screen and (max-width:720px){.PickupByCourier .pickupContainer .courierBox .courierInformationContainer{padding:6px 8px}}.PickupByCourier .pickupContainer .courierBox .courierInformationContainer .informationGap{display:flex;flex-direction:column;width:100%}.PickupByCourier .pickupContainer .courierBox .courierInformationContainer .informationGap .courierInformation{display:flex;flex-direction:row;margin-bottom:8px;width:350px}@media only screen and (max-width:720px){.PickupByCourier .pickupContainer .courierBox .courierInformationContainer .informationGap .courierInformation{width:100%}}.PickupByCourier .pickupContainer .courierBox .courierInformationContainer .informationGap .courierInformation .courierService{display:flex;flex-direction:column;margin-left:12px}.PickupByCourier .pickupContainer .courierBox .courierInformationContainer .informationGap .courierInformation .courierService .name{font-weight:600;font-size:14px;line-height:17px;color:#1e3f4f}.PickupByCourier .pickupContainer .courierBox .courierInformationContainer .informationGap .courierInformation .courierService .shippingType{font-weight:400;font-size:12px;line-height:14px;color:#1e3f4f}.PickupByCourier .pickupContainer .courierBox .courierInformationContainer .informationGap .tnc{font-weight:500;font-size:12px;line-height:14px;color:#1caed4;cursor:pointer}.PickupByCourier .pickupContainer .courierBox .courierInformationContainer .shippingBox{display:flex;flex-direction:column;justify-content:center}.PickupByCourier .pickupContainer .courierBox .courierInformationContainer .shippingBox .name{font-weight:500;font-size:12px;line-height:14px;color:#000}.PickupByCourier .pickupContainer .courierBox .courierInformationContainer .shippingBox .description{font-weight:400;font-size:12px;line-height:14px;color:#979da6}.PickupByCourier .pickupContainer>.courierBox{margin-top:15px;margin-right:15px}.tncHeaderContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.tncHeaderContainer .title{font-weight:500;font-size:24px;line-height:29px;color:#1e3f4f}.tncHeaderContainer img{cursor:pointer}.tncBodyContainer{max-width:500px;padding:20px 0}.tncFooterContainer{max-width:500px;max-height:550px;display:flex;flex-direction:row}.tncFooterContainer .label{width:380px!important;font-weight:500;font-size:16px;line-height:20px;color:#1e3f4f}.tncFooterContainer .accButton{width:150px!important;background:#1caed4!important;border-radius:10px!important;color:#fff!important}.MuiTypography-body1{font-family:"Effra",serif!important}.OperationalHours .textDark{font-size:16px;line-height:12px;color:#1e3f4f;font-weight:500}.OperationalHours .infoContainer{background:#e9f7fb;border-radius:10px;padding:18px 24px;display:flex;flex-direction:row;align-items:center;margin-bottom:20px}.OperationalHours .textInfo{font-size:16px;line-height:25px;color:#1caed4}.OperationalHours .rowTime{align-items:center;height:76px}.OperationalHours .rowTime .timeInput{border:10px}.OperationalHours .rowTime .activeBtn{background-color:#1caed4!important;color:#fff}.OperationalHours .rowTime .btnStyle{text-transform:none;padding:9px 16px}.OperationalHours .saveOperationalHour{background:#00a4ca;border-radius:10px;align-items:center;padding:15px 47px;cursor:pointer;width:148px;margin-top:18px;margin-left:auto;color:#fff;font-size:medium;font-weight:700}.OperationalHours .saveOperationalHour .text{font-size:16px;line-height:19px;text-align:center;color:#fff}@media only screen and (max-width:720px){.OperationalHours .saveOperationalHour{width:100%}}.OperationalHours .disabled{background:#979797;cursor:no-drop}.OperationalHours .spacer{margin-top:30px}.OperationalHours .error{color:red}.OperationalHours .operationalFeeBox{display:flex;flex-direction:row;align-items:center}.OperationalHours .operationalFeeBox .feeLabel{font-weight:500;font-size:14px;color:#1e3f4f;margin-right:8px}@media only screen and (max-width:720px){.OperationalHours .operationalFeeBox{justify-content:space-between}.OperationalHours .operationalFeeBox .feeLabel{margin-right:0}}.OperationalHours .inputOperationalFeeBox{display:flex;flex-direction:column;margin-top:14px}.OperationalHours .inputOperationalFeeBox .feePerKmBox{display:flex;flex-direction:row;align-items:center}.OperationalHours .inputOperationalFeeBox .feePerKmBox .feeLabel{font-weight:500;font-size:14px;color:#1e3f4f;margin-right:8px}.button-tooltip{color:inherit;background:none;border:none;outline:inherit;cursor:pointer}.ModalHeader_headerContainer__1VFNb{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.ModalHeader_headerContainer__1VFNb .ModalHeader_label__1JEIm{color:#1e3f4f;font-size:20px;line-height:24px;font-weight:600;text-align:center}.listItemTransaction{outline:none;display:flex;flex-direction:column;padding:7px 15px!important;box-shadow:0 2px 4px rgba(0,0,0,.1);border-radius:25px;margin-right:5px!important;cursor:pointer;color:#fff;text-transform:none;text-align:center!important}.listItemTransaction .listText{display:flex!important;flex-direction:column!important;justify-content:center!important}.downloadPopover{display:flex;flex-direction:column;align-items:center;padding:0 20px}.downloadPopover .link{font-size:16px;line-height:19px;color:#828282;padding:10px 0}.productImage{width:40px;height:40px}.listOrderStatus{display:flex;flex-direction:row;flex-wrap:wrap}.activeHeader{background:#1caed4}.inActiveHeader{background:#c1c7ce}.newOrder{color:#1caed4}.newOrderBadge{background-color:#ebf6fa!important}.process{color:#ff41b3}.processBadge{background-color:#ffdcef!important}.onDelivery{color:#ff751d}.onDeliveryBadge{background-color:#ffdeca}.clear{color:#27ae60}.clearBadge{background-color:#ecfff3}.reject{color:#d0021b}.rejectBadge{background-color:#ffd0d6}@media(max-width:720px){.daterange-picker>.rs-btn{background:#fff!important;border:1px solid #bdbdbd!important;box-shadow:none!important;height:42px!important;border-radius:20px!important;margin-bottom:10px}.OrderStatusButton_secondaryButton__2KUnA{background-color:#fff!important;color:#1caed4!important;border-radius:20px!important;border:1px solid #1caed4!important;box-shadow:none!important;margin:0 5px!important;padding:10px 15px!important;text-transform:none}}.btnStatusSolid{background:#1caed4!important;border-radius:6px;color:#fff}.btnStatusOutline,.btnStatusSolid{width:50%;text-align:center;height:35px;justify-content:center;align-items:center;align-content:center;display:flex;margin-left:5px;margin-right:5px}.btnStatusOutline,.btnStatusOutlinePrint{background:#fff!important;border-radius:6px;color:#1caed4;border:2px solid #1caed4}.btnStatusOutlinePrint{width:100%;text-align:center;height:35px;justify-content:center;align-items:center;align-content:center;display:flex;margin:20px 5px}.badgeModalTrxDetail{margin-left:10px;margin-right:auto}.bigBoldFont,.printContainer .productListContainer .productCard .leftCard .itemBox .item,.printContainer .titleContainer .title{font-weight:700;font-size:32px;line-height:38px;color:#000}.boldFont,.printContainer .priceContainer .priceBox .price,.printContainer .priceContainer .priceBox .priceTotal,.printContainer .priceContainer .priceBox .totalPriceLabel,.printContainer .productListContainer .productCard .leftCard .nameAndPrice .name,.printContainer .productListContainer .productCard .rightCard .totalPrice{font-weight:600;font-size:24px;line-height:29px;color:#000}.lightFont,.printContainer .noteBox .notes,.printContainer .noteBox .notesLabel,.printContainer .priceContainer .priceBox .priceLabel,.printContainer .productListContainer .productCard .leftCard .nameAndPrice .price,.printContainer .productListContainer .title{font-weight:400;font-size:21px;line-height:25px;color:#333}.printContainer .priceContainer .priceBox .paymentLabel,.printContainer .priceContainer .priceBox .paymentMethod,.tinyLightFont{font-size:16px;line-height:19px;color:#000}.printContainer .lineBorder{border:1px solid #e0e0e0}.printContainer .headerContainer .leftContainer{display:flex;flex-direction:column;width:60%}.printContainer .headerContainer .leftContainer .leftContent{display:flex;flex-direction:row;width:100%;margin-bottom:8px}.printContainer .headerContainer .leftContainer .leftContent .contentName{display:flex;flex-direction:row;justify-content:space-between;width:40%}.printContainer .headerContainer .rightContainer{display:flex;flex-direction:column;align-items:flex-end;width:40%}.printContainer .headerContainer .rightContainer .senderBox{display:flex;flex-direction:column;border:1px solid #bdbdbd;padding:10px;width:350px}.printContainer .productListContainer{padding:20px}@media print{.printContainer .productListContainer{page-break-inside:avoid;visibility:visible}}.printContainer .productListContainer .productCard{display:flex;flex-direction:row;justify-content:space-between;width:100%;max-height:100px}@media print{.printContainer .productListContainer .productCard{page-break-inside:avoid;visibility:visible}}.printContainer .productListContainer .productCard .leftCard{display:flex;flex-direction:row}.printContainer .productListContainer .productCard .leftCard .itemBox{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border:2px solid #e0e0e0}.printContainer .productListContainer .productCard .leftCard .nameAndPrice{display:flex;flex-direction:column;margin-left:20px}.printContainer .productListContainer .productCard .rightCard{display:flex;flex-direction:column}.printContainer .productListContainer .productCard .rightCard .totalLabel{font-weight:400;font-size:16px;line-height:19px;color:#4f4f4f;text-align:right}.printContainer .noteBox{width:80%;display:flex;flex-direction:row;margin:20px}@media print{.printContainer .noteBox{page-break-inside:avoid;visibility:visible}}.printContainer .noteBox .notes{font-weight:600!important;margin-left:7px;text-align:justify;word-break:break-word}.printContainer .priceContainer{display:flex;flex-direction:column;padding:0 19px}.printContainer .priceContainer .priceBox{display:flex;flex-direction:row;justify-content:space-between}.printContainer .priceContainer .priceBox .price{font-weight:400!important}.printContainer .priceContainer .priceBox .paymentMethod{font-weight:700}.printContainer .priceContainer .noteSubject{font-size:14px;font-style:italic}.styleinput_bottomHeaderContainer__10Tlo{display:flex;flex-direction:row}.styleinput_bottomHeaderContainer__10Tlo .styleinput_searchBox__udcFI{display:flex;align-items:center;width:100%;height:40px;border:1px solid #bdbdbd;border-radius:24.5px;padding:0 15px;margin-right:10px}.styleinput_bottomHeaderContainer__10Tlo .styleinput_filterBox__1YtNK{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#1caed4;border-radius:5px;cursor:pointer}.styleinput_filterModalLayout__2c8ej{width:375px;display:flex;flex-direction:column}@media only screen and (max-width:720px){.styleinput_filterModalLayout__2c8ej{width:100%}}.styleinput_filterModalLayout__2c8ej .styleinput_filterButton__36wYl{width:100%;border:1.5px solid #1caed4;border-radius:10px;color:#1caed4;padding:12px 0;margin-bottom:20px}.bigBoldFont,.printContainer .centered-text .title,.printContainer .headerContainer .productListContainer .productCard .leftCard .itemBox .item,.printContainer .titleContainer .title{font-weight:700;font-size:32px;line-height:38px;color:#000}.boldFont,.printContainer .headerContainer .priceContainer .priceBox .price,.printContainer .headerContainer .priceContainer .priceBox .priceTotal,.printContainer .headerContainer .priceContainer .priceBox .totalPriceLabel,.printContainer .headerContainer .productListContainer .productCard .leftCard .nameAndPrice .name,.printContainer .headerContainer .productListContainer .productCard .rightCard .totalPrice{font-weight:600;font-size:24px;line-height:29px;color:#000}.lightFont,.printContainer .headerContainer .noteBox .notes,.printContainer .headerContainer .noteBox .notesLabel,.printContainer .headerContainer .priceContainer .priceBox .priceLabel,.printContainer .headerContainer .productListContainer .productCard .leftCard .nameAndPrice .price,.printContainer .headerContainer .productListContainer .title{font-weight:400;font-size:21px;line-height:25px;color:#333}.text-recipient{font-weight:400;font-size:21px;line-height:12px;color:#333}.printContainer .headerContainer .priceContainer .priceBox .paymentLabel,.printContainer .headerContainer .priceContainer .priceBox .paymentMethod,.tinyLightFont{font-size:16px;line-height:19px;color:#000}body>.printContainer{display:flex}@media print{@page{margin:2.5cm 3cm}}.printContainer{display:none;flex-direction:column}.printContainer .lineBorder{width:100%;border:1px solid #080101;margin:20px 0}.printContainer .dashedBorder{width:100%;border:1px dashed #e0e0e0;margin:20px 0}.printContainer .titleContainer{display:flex;flex-direction:row;align-items:center;width:100%;margin-bottom:40px}.printContainer .centered-text{display:flex;justify-content:center;width:100%;margin-top:20px;align-items:center}.printContainer .barcodeContainer{display:flex;flex-direction:row;width:100%;justify-content:center}.printContainer .resi{display:flex;align-items:center;flex-wrap:wrap;flex-direction:column}.printContainer .headerContainer{display:flex;flex-direction:row;width:100%;border:1px solid #bdbdbd;padding:10px;margin-top:20px}.printContainer .headerContainer .leftWrapper{display:flex;flex-direction:column;width:60%}.printContainer .headerContainer .leftWrapper .leftContent{display:flex;flex-direction:column;margin-bottom:8px}.printContainer .headerContainer .leftWrapper .leftContent .contentName{display:flex;flex-direction:row;justify-content:space-between;width:40%}.printContainer .headerContainer .rightWrapper{display:flex;flex-direction:column;align-items:flex-end;width:40%}.printContainer .headerContainer .rightWrapper .senderBox{display:flex;flex-direction:column}.printContainer .headerContainer .productListContainer{padding:20px}@media print{.printContainer .headerContainer .productListContainer{page-break-inside:avoid;visibility:visible}}.printContainer .headerContainer .productListContainer .productCard{display:flex;flex-direction:row;justify-content:space-between;margin-top:25px}@media print{.printContainer .headerContainer .productListContainer .productCard{page-break-inside:avoid;visibility:visible}}.printContainer .headerContainer .productListContainer .productCard .leftCard{display:flex;flex-direction:row}.printContainer .headerContainer .productListContainer .productCard .leftCard .itemBox{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border:2px solid #e0e0e0}.printContainer .headerContainer .productListContainer .productCard .leftCard .nameAndPrice{display:flex;flex-direction:column;justify-content:space-between;margin-left:20px}.printContainer .headerContainer .productListContainer .productCard .rightCard{display:flex;flex-direction:column;justify-content:space-between}.printContainer .headerContainer .productListContainer .productCard .rightCard .totalLabel{font-weight:400;font-size:16px;line-height:19px;color:#4f4f4f;text-align:right}.printContainer .headerContainer .noteBox{width:80%;display:flex;flex-direction:row;margin:20px}@media print{.printContainer .headerContainer .noteBox{page-break-inside:avoid;visibility:visible}}.printContainer .headerContainer .noteBox .notes{font-weight:600!important;margin-left:7px;text-align:justify;word-break:break-word}.printContainer .headerContainer .priceContainer{display:flex;flex-direction:column;padding:0 19px}.printContainer .headerContainer .priceContainer .priceBox{display:flex;flex-direction:row;justify-content:space-between}.printContainer .headerContainer .priceContainer .priceBox .price{font-weight:400!important}.printContainer .headerContainer .priceContainer .priceBox .paymentMethod{font-weight:700}.printContainer .wrapper{display:grid;width:100%;grid-template-columns:3fr 1fr 1fr 1fr;grid-gap:10px;grid-auto-rows:minmax(10px,auto)}.printContainer .wrapper .grid-1{grid-column:1;grid-row:1}.printContainer .wrapper .grid-2{grid-column:2;grid-row:1}.printContainer .wrapper .grid-3{grid-column:3;grid-row:1}.printContainer .wrapper .grid-4{grid-column:4;grid-row:1}.TransactionModal_redOutlinedButton__j3QY4{min-width:156px!important;min-height:50px!important;border-radius:10px!important;background-color:#fff!important;color:#f04!important;border:2px solid #f04!important}.TransactionModal_redButton__1Tv_S{min-width:156px!important;min-height:50px!important}.TransactionModal_redButton__1Tv_S,.TransactionModal_smallRedButton__2phRj{border-radius:10px!important;background-color:#f04!important;color:#fff!important}.TransactionModal_smallRedButton__2phRj{min-width:133px!important;min-height:35px!important}.TransactionModal_blueButton__2Brnb{min-width:156px!important;min-height:50px!important;border-radius:10px!important;background-color:#1caed4!important;color:#fff!important}.TransactionModal_listItem__1Vmhc{display:flex;flex-direction:row;justify-content:space-between;width:80%}@media only screen and (max-width:900px){.TransactionModal_listItem__1Vmhc{width:100%}}.style_headerContainer__11rDE{display:flex;flex-direction:column;background:#fff;width:100%;padding:60px 80px 20px}.style_headerContainer__11rDE .style_addBodyContainer__nNn0H{width:375px;display:flex;flex-direction:column}@media only screen and (max-width:720px){.style_headerContainer__11rDE .style_addBodyContainer__nNn0H{width:100%}}.style_headerContainer__11rDE .style_addBodyContainer__nNn0H .style_addButton__13JcP{width:100%;border:1.5px solid #1caed4;border-radius:10px;color:#1caed4;padding:12px 0;margin-bottom:20px}.style_headerContainer__11rDE .style_topHeaderContainer__3vwnD{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px;width:100%}.style_headerContainer__11rDE .style_bottomHeaderContainer__2FMs_{display:flex;flex-direction:row}.style_headerContainer__11rDE .style_bottomHeaderContainer__2FMs_ .style_searchBox__H4g6o{display:flex;align-items:center;width:326px;height:40px;border:1px solid #bdbdbd;border-radius:24.5px;padding:0 21px;margin-right:20px}.style_headerContainer__11rDE .style_bottomHeaderContainer__2FMs_ .style_filterBox__3YiAl{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#1e3f4f;border-radius:10px;cursor:pointer}.stylelist_ListCategory__2_qAS{cursor:grab;margin-top:2vh}.stylelist_ListCategory__2_qAS .stylelist_listItem__EEENa{list-style:none;cursor:pointer;margin-left:0;padding-left:0;margin-right:7px;white-space:nowrap;height:39px}.stylelist_ListCategory__2_qAS .stylelist_listItem__EEENa .stylelist_item__1bGtY{padding:9px 20px;border-radius:25px;font-family:Effra,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:19px;color:#fff}@media only screen and (max-width:720px){.stylelist_ListCategory__2_qAS .stylelist_listItem__EEENa .stylelist_item__1bGtY{border-radius:10px}}.stylelist_ListCategory__2_qAS .stylelist_listItem__EEENa .stylelist_active__1xwGN{color:#fff;background:#1caed4}.stylelist_ListCategory__2_qAS .stylelist_listItem__EEENa .stylelist_inactive__1F9Dz{background:#c1c7ce}.stylelist_ListCategory__2_qAS .stylelist_listItem__EEENa .stylelist_inactive__1F9Dz:hover{background-color:#949698}.container{font-size:14px;display:flex;max-width:100%!important;flex-direction:column;width:100%;padding:2px 10px;background-color:#f2f2f2;border-radius:0 0 20px 20px;box-shadow:.3px .5px .7px hsla(0,0%,63.1%,.36),.8px 1.6px 2px -.8px hsla(0,0%,63.1%,.36),2.1px 4.1px 5.2px -1.7px hsla(0,0%,63.1%,.36),5px 10px 12.6px -2.5px hsla(0,0%,63.1%,.36);position:-webkit-sticky;position:sticky;top:0;z-index:3}.container .bannerContainer{display:flex;width:80%;padding:12px 100px;grid-column-gap:12px;-webkit-column-gap:12px;column-gap:12px;align-items:center}.container .bannerContainer .title{color:#979da6;margin:0}.container .bannerContainer .subtitle{font-weight:600;color:#333}.style_ListCategory__jcAIr{cursor:grab;margin-top:2vh}.style_ListCategory__jcAIr .style_listItem__1BoN8{list-style:none;cursor:pointer;margin-left:0;padding-left:0;margin-right:7px;white-space:nowrap;height:39px}.style_ListCategory__jcAIr .style_listItem__1BoN8 .style_item__3xY4e{padding:9px 30px;border-radius:25px;font-family:Effra,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:19px;color:#fff}@media only screen and (max-width:720px){.style_ListCategory__jcAIr .style_listItem__1BoN8 .style_item__3xY4e{border-radius:10px}}.style_ListCategory__jcAIr .style_listItem__1BoN8 .style_active__23uRc{color:#fff;background:#1caed4}.style_ListCategory__jcAIr .style_listItem__1BoN8 .style_inactive__JiCgO{background:#c1c7ce}.style_ListCategory__jcAIr .style_listItem__1BoN8 .style_inactive__JiCgO:hover{background-color:#949698}.product_primaryButton__2UsM4{min-width:168px;min-height:43px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;font-size:16px;line-height:19px;text-align:center;cursor:pointer;background:#1caed4;color:#fff}@media only screen and (max-width:720px){.product_primaryButton__2UsM4{min-height:34px}}.product_primaryButton__2UsM4:hover{background:#54c5e2}.product_secondaryButton__1yc8N{min-width:168px;min-height:43px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;font-size:16px;line-height:19px;text-align:center;cursor:pointer;height:43px;background:#fff;color:#1caed4;border:2px solid #1caed4}.product_secondaryButton__1yc8N:hover{background:#f7f7f7}.product_redButton__2JL68{min-width:168px;min-height:43px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;font-size:16px;line-height:19px;text-align:center;cursor:pointer;background:#f04;color:#fff}.product_redButton__2JL68:hover{background:rgba(255,0,68,.7098039215686275)}.product_redBorderButton__dAB9p{min-width:168px;min-height:43px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;font-size:16px;line-height:19px;text-align:center;cursor:pointer;background:#fff;color:#f04;border:2px solid #f04}.product_redBorderButton__dAB9p:hover{background:#f7f7f7}.style_headerContainer__FVnrO{display:flex;flex-direction:column;background:#fff;width:100%;padding:60px 80px 20px}.style_headerContainer__FVnrO .style_addBodyContainer__3cByZ{width:375px;display:flex;flex-direction:column}@media only screen and (max-width:720px){.style_headerContainer__FVnrO .style_addBodyContainer__3cByZ{width:100%}}.style_headerContainer__FVnrO .style_addBodyContainer__3cByZ .style_addButton__37UHb{width:100%;border:1.5px solid #1caed4;border-radius:10px;color:#1caed4;padding:10px 0;margin-bottom:20px}.style_headerContainer__FVnrO .style_addBodyContainer__3cByZ .style_addButton__37UHb:disabled{color:#979797;border:1.5px solid #979797;cursor:not-allowed;pointer-events:all!important;opacity:.5}.style_headerContainer__FVnrO .style_topHeaderContainer__1p0LP{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px;width:100%}.style_headerContainer__FVnrO .style_bottomHeaderContainer__L1YOz{display:flex;justify-content:space-between}.style_headerContainer__FVnrO .style_bottomHeaderContainer__L1YOz .style_searchBox__2d6Jk{display:flex;align-items:center;width:100%;height:40px;border:1px solid #bdbdbd;border-radius:24.5px;padding:0 21px;margin-right:12px}.style_headerContainer__FVnrO .style_bottomHeaderContainer__L1YOz .style_filterBox__17PsO{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#1e3f4f;border-radius:10px;cursor:pointer}.style_headerContainer__FVnrO .style_bottomHeaderContainer__L1YOz .style_deleteBox__2pN-A{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#d0021b;border-radius:10px;cursor:pointer}.FilterModal_filterModalLayout__3FP1H{width:375px;display:flex;flex-direction:column}@media only screen and (max-width:720px){.FilterModal_filterModalLayout__3FP1H{width:100%}}.FilterModal_filterModalLayout__3FP1H .FilterModal_filterButton__2tLb5{width:100%;border:1.5px solid #1caed4;border-radius:10px;color:#1caed4;padding:12px 0;margin-bottom:20px}.ListProductVariant_productVariantContainer__1lmvC{display:flex;flex-direction:column;padding:11px 10px;margin:10px 0;background-color:#ebf6fa;border-radius:10px;border:1px solid #1caed4}.ListProductVariant_productVariantContainer__1lmvC .ListProductVariant_headerContainer__2hlH6{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.ListProductVariant_productVariantContainer__1lmvC .ListProductVariant_divider__3LxtY{margin-top:8px;border-top:1px solid #1caed4}.ListProductVariant_productVariantContainer__1lmvC .ListProductVariant_listContainer__2qr-j{display:flex;flex-direction:column}.ListProductVariant_productVariantContainer__1lmvC .ListProductVariant_listContainer__2qr-j .ListProductVariant_productVariant__3ukPF{display:flex;flex-direction:row;align-items:center;margin:9px 0}.AddProductCategory_bodyContainer__1egPs{width:500px;height:90px;display:flex;flex-direction:column;justify-content:center}.AddProductCategory_bodyContainer__1egPs .AddProductCategory_categoryNameLabel__2wWj-{font-size:14px;line-height:20px;color:#1e3f4f;padding:5px 0}.AddProductCategory_footerContainer__3l-vH{display:flex;flex-direction:row;justify-content:flex-end}@media only screen and (max-width:720px){.AddProductCategory_footerContainer__3l-vH{justify-content:space-between}}.SetProductCategory_bodyContainer__2kxB5{width:550px;display:flex;flex-direction:column}.SetProductCategory_bodyContainer__2kxB5 .SetProductCategory_categoryList__CzB6c{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.25);border-radius:10px;padding:12px 24px;margin:5px 0}.SetProductCategory_bodyContainer__2kxB5 .SetProductCategory_categoryList__CzB6c .SetProductCategory_label__Rwt4E{font-size:18px;line-height:21px;color:#1f1f1f}.SetProductCategory_bodyContainer__2kxB5 .SetProductCategory_categoryList__CzB6c .SetProductCategory_iconBox__3T3a0{display:flex;flex-direction:row;justify-content:space-between}.SetProductCategory_bodyContainer__2kxB5 .SetProductCategory_categoryList__CzB6c .SetProductCategory_iconBox__3T3a0 .SetProductCategory_iconsButton__23TI3{background:#c1c7ce!important;min-width:auto!important;padding:8px!important}.SetProductCategory_footerContainer__3HQvN{display:flex;flex-direction:row;justify-content:flex-end}.DeleteProductCategory_bodyContainer__3EyUo{max-width:350px;display:flex;flex-direction:column;justify-content:center;align-items:center}.DeleteProductCategory_bodyContainer__3EyUo .DeleteProductCategory_title__WAOcP{color:#f04;font-size:20px;line-height:25px;text-align:center;padding:20px 0}.DeleteProductCategory_bodyContainer__3EyUo .DeleteProductCategory_subTitle__1IZLW{font-size:16px;line-height:19px;text-align:center;color:#000;padding-bottom:20px}.DeleteProductCategory_footerContainer__1_73D{display:flex;flex-direction:row;justify-content:space-between}.DeleteProductCategory_footerContainer__1_73D .DeleteProductCategory_redBorderButton__32QUu{width:45%;padding:10px 0;background:#fff;color:#f04;border:2px solid #f04;border-radius:8px;text-transform:inherit}.DeleteProductCategory_footerContainer__1_73D .DeleteProductCategory_redButton__1PRHG{width:45%;padding:10px 0;background:#f04;color:#fff;border-radius:8px;text-transform:inherit}.DeleteProductCategory_footerContainer__1_73D .DeleteProductCategory_redButton__1PRHG:hover{background:#b83c5d}.AddProduct_headerContainer__1dHSl{display:flex;flex-direction:row;align-items:center}.AddProduct_headerContainer__1dHSl .AddProduct_backButton__2rksj{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:50px;background-color:#c1c7ce;border-radius:10px;margin-right:18px;cursor:pointer}.AddProduct_headerContainer__1dHSl .AddProduct_backButton__2rksj:hover{background-color:#949698}.AddProduct_headerContainer__1dHSl .AddProduct_headerTitle__lpn6j{font-weight:500;font-size:20px;color:#000}@media only screen and (max-width:720px){.AddProduct_headerContainer__1dHSl .AddProduct_headerTitle__lpn6j{margin-left:6px;margin-top:7px}}.Footer_footerContainer__36Qtb{background-color:#fff;position:fixed;bottom:0;width:calc(100% - 240px);border:1px solid #ccc;overflow:hidden}@media only screen and (max-width:720px){.Footer_footerContainer__36Qtb{z-index:1;width:100%;border-radius:30px 30px 0 0;height:160px}}@media only screen and (max-width:380px){.Footer_footerContainer__36Qtb{height:150px}}.Footer_footerContainer__36Qtb .Footer_container__3EhlJ{width:100%;display:flex;flex-direction:row;justify-content:flex-end;padding:20px 80px;grid-column-gap:16px;-webkit-column-gap:16px;column-gap:16px}@media only screen and (max-width:720px){.Footer_footerContainer__36Qtb .Footer_container__3EhlJ{justify-content:space-between;padding:20px}}.ProductInformation_productInfoContainer__19NGt{display:flex;flex-direction:column;width:100%;height:auto;margin-top:40px;margin-bottom:28px;background-color:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.15);border-radius:15px;padding:20px}@media only screen and (max-width:720px){.ProductInformation_productInfoContainer__19NGt{margin-top:23px}}.ProductInformation_productInfoContainer__19NGt .ProductInformation_productInfoInput__VM3tV{display:flex;flex-direction:row;width:100%;height:auto;margin-top:20px;flex-wrap:wrap;justify-content:space-between}@media only screen and (max-width:720px){.ProductInformation_productInfoContainer__19NGt .ProductInformation_productInfoInput__VM3tV{display:flex;flex-direction:column}}.ProductInformation_productInfoContainer__19NGt .ProductInformation_productInfoInput__VM3tV .ProductInformation_inputContainer__VsF1s{display:flex;flex-direction:column;flex:0 0 32%;height:auto}.ProductInformation_productInfoContainer__19NGt .ProductInformation_productInfoInput__VM3tV .ProductInformation_inputContainer__VsF1s .ProductInformation_imageUploadForm__2Pt2e{height:205px}.ProductInformation_productInfoContainer__19NGt .ProductInformation_productInfoInput__VM3tV .ProductInformation_inputContainer__VsF1s .ProductInformation_textFieldContainer__2UUDh{display:flex;flex-direction:column;margin-bottom:10px}.ProductInformation_productInfoContainer__19NGt .ProductInformation_productInfoInput__VM3tV .ProductInformation_inputContainer__VsF1s .ProductInformation_textFieldContainer__2UUDh .ProductInformation_textFieldLabel__1z5k-{font-weight:500;font-size:14px;line-height:20px;color:#1e3f4f}.ImageUpload_imageUpload__1gWW9{display:flex;flex-direction:column;height:100%;position:relative}.ImageUpload_imageUpload__1gWW9 .ImageUpload_imageContainer__1S6_d{background-color:#c1c7ce;border-radius:10px;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.ImageUpload_imageUpload__1gWW9 .ImageUpload_imageContainer__1S6_d .ImageUpload_imageWrapper__EnrPO{position:relative;display:inline-block;width:11rem;display:flex;justify-content:center}.ImageUpload_imageUpload__1gWW9 .ImageUpload_imageContainer__1S6_d .ImageUpload_imageWrapper__EnrPO:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(193,199,206,.7);mix-blend-mode:luminosity}.ImageUpload_imageUpload__1gWW9 .ImageUpload_imageContainer__1S6_d .ImageUpload_imageWrapper__EnrPO img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.ImageUpload_imageUpload__1gWW9 .ImageUpload_selectFile__2WwZ8{cursor:pointer;height:100%;width:100%;position:absolute;background-color:transparent;opacity:0}.ImageUpload_imageUpload__1gWW9 .ImageUpload_deleteButton__5s8wL{position:absolute;right:5px;top:5px;background-color:rgba(146,143,143,.1411764705882353)}.ImageUpload_imageUpload__1gWW9 .ImageUpload_uploadLoading__37kUf{position:absolute;height:100%;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.ProductVariant_productVariantContainer__1hW7y{display:flex;flex-direction:column;width:100%;height:auto;margin-top:28px;margin-bottom:90px;background-color:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.15);border-radius:15px;padding:16px}.ProductVariant_productVariantContainer__1hW7y .ProductVariant_inputProductVariant__1Onow{margin-top:20px;display:flex;flex-direction:column;justify-content:center}.ProductVariant_productVariantContainer__1hW7y .ProductVariant_inputProductVariant__1Onow input::-webkit-inner-spin-button,.ProductVariant_productVariantContainer__1hW7y .ProductVariant_inputProductVariant__1Onow input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ProductVariant_productVariantContainer__1hW7y .ProductVariant_inputProductVariant__1Onow input[type=number]{-moz-appearance:textfield}.ProductVariant_productVariantContainer__1hW7y .ProductVariant_inputProductVariant__1Onow .ProductVariant_headerData__1M-gA{display:flex;align-items:center;color:#333}.ProductVariant_productVariantContainer__1hW7y .ProductVariant_inputProductVariant__1Onow .ProductVariant_headerData__1M-gA span{font-size:14px;line-height:16px;font-weight:400;padding:10px}.ProductVariant_productVariantContainer__1hW7y .ProductVariant_inputProductVariant__1Onow .ProductVariant_bodyData__3Wa5G{display:flex;margin-top:20px;margin-right:0}.ProductVariant_productVariantContainer__1hW7y .ProductVariant_inputProductVariant__1Onow .ProductVariant_bodyData__3Wa5G .ProductVariant_button__2yRu9{width:100%!important;height:43px!important;min-height:unset!important}.ProductVariant_productVariantContainer__1hW7y .ProductVariant_inputProductVariant__1Onow .ProductVariant_bodyData__3Wa5G .ProductVariant_inputPrice__1O9Qm{display:flex;flex-direction:row;border-radius:10px;height:43px}.ProductVariant_productVariantContainer__1hW7y .ProductVariant_inputProductVariant__1Onow .ProductVariant_bodyData__3Wa5G .ProductVariant_inputPrice__1O9Qm .ProductVariant_priceBox__2SM4d{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#c1c7ce;border-radius:10px 0 0 10px;padding:10px;margin-right:5px}.ProductVariant_productVariantContainer__1hW7y .ProductVariant_inputProductVariant__1Onow .ProductVariant_bodyData__3Wa5G .ProductVariant_inputPrice__1O9Qm .ProductVariant_priceBox__2SM4d .ProductVariant_priceBoxText__Yo5eO{font-weight:700}.ProductVariant_productVariantContainer__1hW7y .ProductVariant_inputProductVariant__1Onow .ProductVariant_bodyData__3Wa5G .ProductVariant_deleteButton__aoRRM{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#d0021b;border-radius:10px;cursor:pointer}.ProductVariant_productVariantContainer__1hW7y .ProductVariant_inputProductVariant__1Onow .ProductVariant_weight-box__cbIuU .ProductVariant_label-gram__18Ur4{background:"#1CAED4";border:"none";color:"#FFFFFF";border-radius:"0 10px 10px 0";font-weight:500}.ProductVariant_productVariantContainer__1hW7y .ProductVariant_inputProductVariant__1Onow .ProductVariant_addVariantButton__2Soyh{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border:1.5px solid #1caed4;border-radius:10px;align-self:center;width:100%;height:43px;font-size:14px;line-height:20px;text-align:center;color:#1caed4;cursor:pointer;margin-top:20px}.ProductVariant_productVariantContainer__1hW7y .ProductVariant_inputProductVariant__1Onow .ProductVariant_addVariantButton__2Soyh:hover{background-color:#f7f7f7}.ProductVariantMobile_productVariantContainer__1Gutd{display:flex;flex-direction:column;width:100%;height:auto;margin-bottom:170px;background-color:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.15);border-radius:15px;padding:20px}.ProductVariantMobile_productVariantContainer__1Gutd .ProductVariantMobile_productVariantList__3tARv{display:flex;flex-direction:column;width:100%;background:#fff;box-shadow:4px 3px 7px rgba(0,0,0,.15);border-radius:6px;padding:10px;margin:20px 0 10px}.ProductVariantMobile_productVariantContainer__1Gutd .ProductVariantMobile_productVariantList__3tARv .ProductVariantMobile_inputContainer__3Ade9{display:flex;flex-direction:column;margin-bottom:8px;z-index:1}.ProductVariantMobile_productVariantContainer__1Gutd .ProductVariantMobile_productVariantList__3tARv .ProductVariantMobile_inputContainer__3Ade9 .ProductVariantMobile_label__12Gb8{font-weight:400;font-size:14px;color:#1e3f4f}.ProductVariantMobile_productVariantContainer__1Gutd .ProductVariantMobile_productVariantList__3tARv .ProductVariantMobile_inputContainer__3Ade9 .ProductVariantMobile_packagingDetailButton__g0pNF{background:#1caed4;color:#fff;border-radius:8px}.ProductVariantMobile_productVariantContainer__1Gutd .ProductVariantMobile_productVariantList__3tARv .ProductVariantMobile_inputContainer__3Ade9 .ProductVariantMobile_inputPrice__Z8xgs{display:flex;flex-direction:row;border-radius:10px;height:40px}.ProductVariantMobile_productVariantContainer__1Gutd .ProductVariantMobile_productVariantList__3tARv .ProductVariantMobile_inputContainer__3Ade9 .ProductVariantMobile_inputPrice__Z8xgs .ProductVariantMobile_priceBox__lRA6B{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1caed4;border-radius:10px 0 0 10px;padding:10px;margin-right:5px}.ProductVariantMobile_productVariantContainer__1Gutd .ProductVariantMobile_productVariantList__3tARv .ProductVariantMobile_inputContainer__3Ade9 .ProductVariantMobile_inputPrice__Z8xgs .ProductVariantMobile_priceBox__lRA6B .ProductVariantMobile_priceBoxText__1gS9W{font-weight:400;font-size:14px;color:#fff}.ProductVariantMobile_productVariantContainer__1Gutd .ProductVariantMobile_productVariantList__3tARv .ProductVariantMobile_deleteVariantButton__qfQ0b{background:#ffe6ed;border-radius:8px;color:#f04;margin-top:10px}.ProductVariantMobile_productVariantContainer__1Gutd .ProductVariantMobile_addVariationButton__1dKMk{width:100%;height:40px;border-radius:10px;background:#fff;border:1.5px solid #1caed4;color:#1caed4;margin-top:10px}.productHighLight .labelHighLight{margin-top:20px}.productHighLight .labelHighLight .label{font-weight:500;font-size:32px;text-align:center;color:#000}.productHighLight .listProduct{display:flex;flex-direction:row;flex-wrap:wrap;grid-gap:10px;gap:10px;margin-top:20px;margin-bottom:20px}.productHighLight .buttonHighlight{text-align:center;margin-top:20px}.productHighLight .buttonHighlight .load{background:#fff;border-radius:10px;color:#1caed4;height:41px;font-size:medium;font-weight:500;border:1px solid #1caed4;box-shadow:0 1px 4px rgba(0,0,0,.15);margin-left:15px;padding:0 40px}.deactivationContainer{width:100%;height:100%}.deactivationContainer,.deactivationContainer .contentBox{display:flex;flex-direction:column;align-items:center;justify-content:center}.deactivationContainer .contentBox{max-width:980px;text-align:center;background:#fff;border:.5px solid #e1e1e1;box-shadow:0 4px 8px rgba(0,0,0,.15);border-radius:10px;padding:37px 67px}.deactivationContainer .contentBox .title{font-weight:500;font-size:24px;line-height:25px;color:#1caed4}.deactivationContainer .contentBox .content{font-weight:400;font-size:18px;line-height:21px;color:#1f1f1f}.deactivationContainer .contentBox .imageContent{margin:45px 0}.AllSupplier{font-family:Effra,sans-serif;padding-bottom:20px;margin-top:20px;overflow:scroll;height:100vh}.AllSupplier .supplier-container{display:flex;grid-gap:10px;gap:10px;flex-wrap:wrap;margin-top:10px}.AllSupplier .supplier-container .category{display:flex;flex-direction:column;cursor:pointer;width:80px;text-align:center;align-items:center}.AllSupplier .supplier-container .category .icon{width:60px;height:60px;border-radius:50%;margin:6px 10px}.AllSupplier .supplier-container .category .icon .img{width:60px;height:60px;border-radius:50%}.AllSupplier .supplier-container .category .icon .text{font-size:24px;font-weight:700;line-height:1.4}@media only screen and (max-width:720px){.AllSupplier{padding:0}.AllSupplier .supplier-container{margin:18px 0;grid-gap:12px;gap:12px}.AllSupplier .supplier-container .category{cursor:pointer}.AllSupplier .supplier-container .category .icon{width:60px;height:60px;border-radius:50%;margin:6px 10px}.AllSupplier .supplier-container .category .icon .img{width:60px;height:60px;border-radius:50%}.AllSupplier .supplier-container .category .icon .text{font-size:24px;font-weight:700;line-height:1.4}}.ProductDetail .page{font-family:Effra,sans-serif}.ProductDetail .page .productDetailContainer{display:flex;flex-direction:row;justify-content:flex-start;padding:54px}.ProductDetail .page .productDetailContainer .imageContainer{max-width:600px;display:flex;flex-direction:column;margin-right:25px}.ProductDetail .page .productDetailContainer .imageContainer .detailProductImage{max-width:100%;max-height:100%;height:450px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.15)}.ProductDetail .page .productDetailContainer .informationProductContainer{width:60%;display:flex;flex-direction:column}.ProductDetail .page .productDetailContainer .informationProductContainer .productName{font-weight:500;font-size:20px;line-height:1;color:#000}.ProductDetail .page .productDetailContainer .informationProductContainer .productVariantLabel{font-weight:400;font-size:14px;color:#828282}.ProductDetail .page .productDetailContainer .informationProductContainer .productVariantLabel .productVariantName{font-weight:500;font-size:14px;color:#1caed4}.ProductDetail .page .productDetailContainer .informationProductContainer .supplierInformation{display:flex;flex-direction:row;justify-content:space-between;padding:16px 0;margin:16px 0;border-bottom:2px solid #f2f2f2;border-top:2px solid #f2f2f2}.ProductDetail .page .productDetailContainer .informationProductContainer .supplierInformation .supplierLogo{width:45px;height:45px;border-radius:50%}.ProductDetail .page .productDetailContainer .informationProductContainer .supplierInformation .supplierName{font-weight:500;font-size:16px;color:#333;margin-left:5px}.ProductDetail .page .productDetailContainer .informationProductContainer .productPrice{font-weight:700;font-size:26px;color:#1caed4}.ProductDetail .page .productDetailContainer .informationProductContainer .priceBeforeDiscount{font-weight:400;font-size:18px;-webkit-text-decoration-line:line-through;text-decoration-line:line-through;color:#eb5757;padding-top:3px}.ProductDetail .page .productDetailContainer .informationProductContainer .discountType{border-radius:25px;padding:3px 6px;text-align:center;margin-left:4px;font-size:14px;font-weight:400;color:#f04;background-color:#ffe6ed}.ProductDetail .page .productDetailContainer .informationProductContainer .boldLabel{font-weight:700;font-size:18px;color:#333;margin-top:10px}.ProductDetail .page .productDetailContainer .informationProductContainer .greyLabel{font-weight:400;font-size:16px;color:#979da6;word-break:break-word}@media only screen and (max-width:1290px){.ProductDetail .page .productDetailContainer .imageContainer{margin-right:30px}.ProductDetail .page .productDetailContainer .imageContainer .detailProductImage{height:375px}.ProductDetail .page .productDetailContainer .informationProductContainer{width:45%}}.ProductDetail .page .listProductVariantContainer{margin:0 54px;padding-bottom:100px}.ProductDetail .page .listProductVariantContainer .filterHeaderContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.ProductDetail .page .listProductVariantContainer .filterHeaderContainer .logoSupplier{width:45px;height:45px;border-radius:50%}.ProductDetail .page .listProductVariantContainer .filterHeaderContainer .label{font-weight:600;font-size:16px;line-height:20px;color:#000}.ProductDetail .page .listProductVariantContainer .filterBodyContainer{min-width:360px;display:flex;flex-direction:column;align-items:center;justify-content:center}@media only screen and (max-width:720px){.ProductDetail .page .listProductVariantContainer .filterBodyContainer{width:100%}}.ProductDetail .page .listProductVariantContainer .supplierInformation{display:flex;flex-direction:row;justify-content:space-between}.ProductDetail .page .listProductVariantContainer .supplierInformation .supplierName{font-weight:500;font-size:20px;color:#333}.ProductDetail .page .listProductVariantContainer .scrollContainer{display:flex;flex-wrap:nowrap;overflow-x:auto}.ProductDetail .page .listProductVariantContainer .scrollContainer .productVariant{display:flex;flex-direction:row;cursor:grab;--gap:18px;flex-wrap:nowrap;justify-content:flex-start;align-items:center;align-content:center}.ProductDetail .page .listProductVariantContainer .scrollContainer .productVariant>*{margin:var(--gap) var(--gap) 0 0}.ProductDetail .page .listProductVariantContainer .listProductVariantContainer::-webkit-scrollbar{display:none}.ProductDetail .page .footerContainer{position:fixed;width:calc(100vw - 240px);bottom:0;background:#fff;box-shadow:0 -4px 8px rgba(0,0,0,.15);border-radius:20px 20px 0 0;padding:0}.ProductDetail .page .footerContainer .footerContent{height:77px;display:flex;align-items:center;justify-content:space-between;padding:0 54px}.ProductDetail .page .footerContainer .footerContent .imageProduct{width:78px;height:54px;border-radius:10px}.ProductDetail .page .footerContainer .footerContent .productStock{display:flex;flex-direction:column;justify-content:center;margin-left:12px}.ProductDetail .page .footerContainer .footerContent .productStock .productName{font-weight:500;font-size:18px;color:#000}.ProductDetail .page .footerContainer .footerContent .productStock .productStockLabel{font-weight:400;font-size:14px;color:#828282}.ProductDetail .page .footerContainer .footerContent .productStock .productStockLabel .stock{font-weight:500;color:#1caed4}.ProductDetail .page .footerContainer .footerContent .footerRightContainer,.ProductDetail .page .footerContainer .footerContent .footerRightContainer .incrementContainer{display:flex;flex-direction:row}.ProductDetail .page .footerContainer .footerContent .footerRightContainer .incrementContainer input{border:1px solid #e0e0e0;border-radius:8px;outline:0;background-color:#fff;width:70px;text-align:center;font-size:30px;margin:0 8px;-webkit-appearance:none}.ProductDetail .page .footerContainer .footerContent .footerRightContainer .incrementContainer .incrementButton{background:#1caed4;border-radius:5px}.ProductDetail .page .footerContainer .footerContent .footerRightContainer .incrementContainer .incrementButton .changeValue{color:#fff}.ProductDetail .page .footerContainer .footerContent .footerRightContainer .totalPriceBox{display:flex;flex-direction:column;justify-content:space-between;margin:0 18px}.ProductDetail .page .footerContainer .footerContent .footerRightContainer .totalPriceBox .totalPriceLabel{font-weight:400;font-size:14px;color:#979da6}.ProductDetail .page .footerContainer .footerContent .footerRightContainer .totalPriceBox .totalPrice{font-weight:700;font-size:16px;letter-spacing:-.3px;color:#ff751d}.ProductDetail .page .footerContainer .footerContent .footerRightContainer .addCartButton{height:47px;color:#fff;background:#1caed4;border-radius:10px}.RedemptionSearchContainer{display:flex;flex-direction:column}.RedemptionSearchContainer .searchContainer{display:flex;flex-direction:row;justify-content:flex-start}.RedemptionSearchContainer .searchContainer .claimTicketInput{width:50%;margin-right:20px}.RedemptionSearchContainer .searchContainer .claimTicketButton{background:#1e3f4f;border-radius:10px;color:#fff;text-transform:none;font-weight:400;font-size:12px}@media only screen and (max-width:720px){.RedemptionSearchContainer .searchContainer .claimTicketInput{width:100%;margin-right:8px}.RedemptionSearchContainer .searchContainer .claimTicketButton{width:140px}}.RedemptionContainer .page{font-family:Effra,sans-serif;padding:30px;display:flex;flex-direction:column}@media only screen and (max-width:720px){.RedemptionContainer .page{padding:20px 20px 51px}.RedemptionContainer .page .mobileDataFont{font-weight:500;font-size:10px;color:#5f6973}}.RedemptionContainer .page .cardSubtitleMobile{display:flex;flex-direction:row;justify-content:space-between}.RedemptionContainer .page .cardSubtitleMobile .cardTitle{font-size:18px;color:#1caed4}@media only screen and (max-width:720px){.RedemptionContainer .page .cardSubtitleMobile{flex-direction:column;align-items:center}.RedemptionContainer .page .cardSubtitleMobile .cardTitle{margin-bottom:13px}}.RedemptionContainer .page .cardMobileContainer{height:auto!important;max-height:100%!important;margin:25px 0!important}.RedemptionContainer .page .detailData{display:flex;flex-direction:row;justify-content:center;padding:12px 13px;background:#ebf6fa}.RedemptionContainer .page .detailData .removeColPadding{padding-left:0!important;padding-right:0!important}.RedemptionContainer .page .detailData .removeColPadding .valueLabel{font-size:10px;color:#5f6973}.statusBadge{width:90px;display:flex;flex-direction:column;align-items:center;border-radius:5px}.statusBadge .statusLabel{font-weight:500;text-align:center;letter-spacing:-.6px;color:#fff;margin-top:5px}.redeemedBadge{background:#7ed321}.otherBadge{background:#1caed4}.row-skeleton{justify-content:flex-start;flex-direction:row}.col-skeleton,.row-skeleton{display:flex;flex-wrap:nowrap}.col-skeleton{flex-direction:column;align-items:center}.box-skeleton{height:500px;padding-top:60px}.list-product-skeleton>span>span{margin:10px 0}.list-product-skeleton{width:25%}.graph{width:60%}.MuiPopover-paper{background:#eee!important;padding:10px!important;overflow-x:unset!important;overflow-y:unset!important}.modal-filter,.paper{position:relative!important;height:auto;max-height:-webkit-fit-content!important;max-height:-moz-fit-content!important;max-height:fit-content!important}.TicketSystemContainer .page{font-family:Effra,sans-serif;padding:30px;display:flex;flex-direction:column}.TicketSystemContainer .page .claimHeader{display:flex;width:100%;justify-content:space-between}.TicketSystemContainer .page .claimBody{align-items:center;justify-content:space-between;width:500px}.TicketSystemContainer .page .inputClaim{border-radius:10px;border:1px solid #bdbdbd;padding:10px;margin-right:8px;height:50px;width:70%}.TicketSystemContainer .page .claimButton{height:50px;width:30%;background-color:#00a4cc;color:#fff;border-radius:5px;font-weight:400;text-transform:none}@media only screen and (max-width:720px){.TicketSystemContainer .page .claimBody{width:100%}.TicketSystemContainer .page .inputClaim{width:60%}.TicketSystemContainer .page .claimButton{width:40%}}@media only screen and (max-width:720px){.TicketSystemContainer .page .mobileDataFont{font-weight:500;font-size:10px;color:#5f6973}}.TicketSystemContainer .page .headerTicketSystem{display:flex;flex-direction:row;justify-content:flex-end}.TicketSystemContainer .page .headerTicketSystem .claimButton{width:242px;background:#1e3f4f;color:#fff;border-radius:15px;text-transform:none}.TicketSystemContainer .page .headerTicketSystem .searchTicketSystem{width:200px;height:42px;border:1px solid #bdbdbd;border-radius:24px;padding:5px;margin:0 10px}@media only screen and (max-width:720px){.TicketSystemContainer .page .headerTicketSystem{flex-direction:column}.TicketSystemContainer .page .headerTicketSystem .claimButton{width:100%;height:50px}.TicketSystemContainer .page .headerTicketSystem .searchTicketSystem{width:100%;margin:19px 0}.TicketSystemContainer .page .headerTicketSystem .removeMarginDate{margin:0!important}}.TicketSystemContainer .page .ticketAnalytics{display:flex;flex-direction:column;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:15px;padding:28px 30px;margin:20px 0}.TicketSystemContainer .page .ticketAnalytics .analyticsLabel{font-weight:500;font-size:18px;color:#1e3f4f}.TicketSystemContainer .page .ticketAnalytics .analyticItemContainer{display:flex;flex-direction:row;margin-top:40px}.TicketSystemContainer .page .ticketAnalytics .analyticItemContainer .analyticItems{width:230px;display:flex;flex-direction:column;background:#fff;border:.5px solid #c1c7ce;border-radius:10px;padding:20px;margin-right:10px}.TicketSystemContainer .page .ticketAnalytics .analyticItemContainer .analyticItems .itemsCard{display:flex;flex-direction:row;justify-content:space-between}.TicketSystemContainer .page .ticketAnalytics .analyticItemContainer .analyticItems .itemsCard .itemLabel{font-weight:400;font-size:16px}.TicketSystemContainer .page .ticketAnalytics .analyticItemContainer .analyticItems .itemValue{font-weight:500;font-size:48px;color:#1e3f4f}@media only screen and (max-width:720px){.TicketSystemContainer .page .ticketAnalytics{padding:10px 15px}.TicketSystemContainer .page .ticketAnalytics .analyticsLabel{font-size:12px}.TicketSystemContainer .page .ticketAnalytics .analyticItemContainer{justify-content:space-between;margin-top:4px}.TicketSystemContainer .page .ticketAnalytics .analyticItemContainer .analyticItems{width:90px;padding:10px;margin-right:5px}.TicketSystemContainer .page .ticketAnalytics .analyticItemContainer .analyticItems .itemsCard .itemLabel{font-size:7px}.TicketSystemContainer .page .ticketAnalytics .analyticItemContainer .analyticItems .itemValue{font-size:20px}}.TicketSystemContainer .page .cardMobileContainer{height:auto!important;max-height:100%!important;margin:0 0 40px!important}.TicketSystemContainer .page .detailData{display:flex;flex-direction:row;justify-content:center;padding:12px 13px;background:#ebf6fa}.TicketSystemContainer .page .detailData .removeColPadding{padding-left:0!important;padding-right:0!important}.TicketSystemContainer .page .detailData .removeColPadding .valueLabel{font-size:10px;color:#5f6973}.TicketSystemContainer .page .cardSubtitleMobile{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.TicketSystemContainer .page .cardSubtitleMobile .cardTitle{font-size:18px;color:#1caed4;line-height:20px}@media only screen and (max-width:720px){.TicketSystemContainer .page .cardSubtitleMobile .cardTitle{font-size:14px}}.Warehouse{height:auto;margin-bottom:20px}.Warehouse .addButton{height:43px;color:#fff;background:#1caed4;border-radius:10px}.Warehouse .addButton:hover{background-color:#1caed4}.Warehouse .addButton:focus{outline:none}.Warehouse .addButton:active{box-shadow:none}.Warehouse .styleButton:focus{outline:none}.Warehouse .styleButton:active{box-shadow:none}.Warehouse .page{height:auto;font-family:Effra,serif;padding:80px;margin-bottom:21px}.Warehouse .page .warehouseContainer{display:flex;flex-direction:column;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:10px;padding:17px 20px 30px;margin-bottom:80px;grid-gap:20px;gap:20px}.Warehouse .page .warehouseContainer .headerFrame{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.Warehouse .page .warehouseContainer .headerFrame .profileBox{display:flex;flex-direction:row;align-items:center;grid-gap:10px;gap:10px}.Warehouse .page .warehouseContainer .headerFrame .profileBox .profilePic{border-radius:50%}.Warehouse .page .warehouseContainer .headerFrame .profileBox .profileInfo{display:flex;flex-direction:row;align-items:center;grid-gap:4px;gap:4px}.Warehouse .page .warehouseContainer .headerFrame .profileBox .profileInfo span{font-size:18px;font-weight:700;color:#333;letter-spacing:.5px}.Warehouse .page .warehouseContainer .searchContainer .searchBar{background-color:#fff;display:flex;align-items:center;height:45px;border-radius:37.5px;border:1px solid #e0e0e0;padding:0}.Warehouse .page .warehouseContainer .searchContainer .searchBar .inputSearch{font-size:20px;border:none;outline:0;background-color:transparent}.Warehouse .page .warehouseContainer .listWarehouseContainer{width:100%;display:flex;justify-content:center}.Warehouse .page .warehouseContainer .listWarehouseContainer .listWarehouse{width:100%;display:flex;flex-wrap:wrap}.Warehouse .page .warehouseContainer .listWarehouseContainer .listWarehouse .warehouseItem{display:flex;flex-direction:column;flex-basis:calc(33.33% - 10px);padding:15px;margin-right:10px;margin-bottom:10px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:8px;grid-gap:15px;gap:15px}.Warehouse .page .warehouseContainer .listWarehouseContainer .listWarehouse .warehouseItem .warehouseName{color:#333;font-weight:700;font-size:18px}.Warehouse .page .warehouseContainer .listWarehouseContainer .listWarehouse .warehouseItem .settingWarehouseContainer{display:flex;flex-direction:row;justify-content:space-between;grid-gap:15px;gap:15px}.Warehouse .page .warehouseContainer .listWarehouseContainer .emptyWarehouseContainer{width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:15px;gap:15px;text-align:center}.Warehouse .page .warehouseContainer .listWarehouseContainer .emptyWarehouseContainer .label{color:#1e3f4f;font-weight:400;font-size:24px}.Warehouse .page .warehouseContainer .listWarehouseContainer .emptyWarehouseContainer .subLabel{color:#979da6;font-weight:400;font-size:18px}@media only screen and (max-width:720px){.Warehouse .page{padding:16px}.Warehouse .page .warehouseContainer .headerFrame .profileBox .profileInfo span{font-size:14px}.Warehouse .page .warehouseContainer .searchContainer{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;grid-gap:10px;gap:10px}.Warehouse .page .warehouseContainer .listWarehouseContainer .listWarehouse .warehouseItem{flex-basis:100%;margin-right:0}.Warehouse .page .warehouseContainer .listWarehouseContainer .emptyWarehouseContainer{width:100%}}.AddWarehouse{height:auto;margin-bottom:20px}.AddWarehouse .page{height:auto;font-family:Effra,serif;padding:80px;margin-bottom:21px}.AddWarehouse .page .backContainer{display:flex;flex-direction:row;align-items:center;grid-gap:12px;gap:12px;margin-bottom:20px;cursor:pointer}.AddWarehouse .page .backContainer span{color:#1e3f4f;font-weight:500;font-size:24px;line-height:1;margin-top:8px}@media only screen and (max-width:720px){.AddWarehouse .page{padding:16px}}.AddWarehouse .page .addWarehouseContainer{display:flex;flex-direction:column;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:10px;padding:17px 20px 30px;margin-bottom:80px;grid-gap:20px;gap:20px}.AddWarehouse .page .addWarehouseContainer .headerFrame,.AddWarehouse .page .addWarehouseContainer .headerFrame .profileBox{display:flex;flex-direction:row;align-items:center;grid-gap:10px;gap:10px}.AddWarehouse .page .addWarehouseContainer .headerFrame .profileBox .profilePic{border-radius:50%}.AddWarehouse .page .addWarehouseContainer .headerFrame .profileBox .profileInfo{display:flex;flex-direction:row;align-items:center;grid-gap:4px;gap:4px}.AddWarehouse .page .addWarehouseContainer .headerFrame .profileBox .profileInfo span{font-size:18px;font-weight:700;color:#333;letter-spacing:.5px}.AddWarehouse .page .addWarehouseContainer hr{width:100%;border:1px dashed #e0e0e0}.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm{display:flex;flex-direction:column;grid-gap:20px;gap:20px}.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .inputContainer{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .inputContainer span{font-size:14px;color:#1e3f4f}.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .inputContainer span span{color:#d0021b}.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .addBankLabel{font-weight:700;font-size:18px;color:#333}.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .bankInfoContainer{background:#e9f7fb;display:flex;flex-direction:row;align-items:flex-start;padding:10px 16px;border-radius:6px;grid-gap:6px;gap:6px}.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .bankInfoContainer .bankInfoLabel{display:flex;flex-direction:column;grid-gap:2px;gap:2px}.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .bankInfoContainer .bankInfoLabel .label{color:#333;font-weight:600;font-size:16px}.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .bankInfoContainer .bankInfoLabel .subLabel{color:#4f4f4f;font-weight:400;font-size:12px}@media only screen and (max-width:720px){.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .bankInfoContainer .bankInfoLabel .label{font-size:12px}}.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .buttonContainer{display:flex;flex-direction:row;justify-content:space-between;align-items:center;grid-gap:10px;gap:10px}.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .buttonContainer .borderedButton{width:100%;height:43px;color:#1caed4;border:2px solid #1caed4;background-color:#fff;border-radius:10px;text-transform:none}.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .buttonContainer .borderedButton:hover{background-color:#fff}.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .buttonContainer .borderedButton:focus{outline:none}.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .buttonContainer .borderedButton:active{box-shadow:none}.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .buttonContainer .addButton{width:100%;height:43px;color:#fff;background:#1caed4;border-radius:10px}.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .buttonContainer .addButton:hover{background-color:#1caed4}.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .buttonContainer .addButton:focus{outline:none}.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .buttonContainer .addButton:active{box-shadow:none}@media only screen and (max-width:720px){.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .buttonContainer{flex-direction:column;grid-gap:8px;gap:8px}.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .buttonContainer .addButton,.AddWarehouse .page .addWarehouseContainer .inputWarehouseForm .buttonContainer .borderedButton{width:100%}}.button,.DeleteConfContainer .buttonGroup .redCloseButton,.DeleteConfContainer .buttonGroup .redSubmitButton{min-width:156px;min-height:50px;border-radius:10px;margin:0 5px}.DeleteConfContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:470px}.DeleteConfContainer .label{font-size:24px;line-height:29px;text-align:center;color:#f04;margin:25px}.DeleteConfContainer .buttonGroup{display:flex;flex-direction:row}.DeleteConfContainer .buttonGroup .redCloseButton{background:#fff!important;color:#f04!important;border:2px solid #f04!important}.DeleteConfContainer .buttonGroup .redSubmitButton{background:#f04!important;color:#fff!important}.dialogModalContainer{display:flex;justify-content:center;align-items:center;height:100%;position:absolute;text-align:center;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.373)}.dialogModalContainer .dialogModalWraper{width:30%;background-color:#fff;border-radius:10px;color:#000;padding:50px}@media screen and (min-width:300px)and (max-width:900px){.dialogModalContainer .dialogModalWraper{padding:20px!important;width:90%!important}}.dialogModalContainer .dialogModalWraper .dialogModalBody{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.dialogModalContainer .dialogModalWraper .dialogModalBody .dialogModalTextTitle{font-weight:300;color:#f04;font-size:24px}.dialogModalContainer .dialogModalWraper .dialogModalBody .dialogModalText{font-size:13px;width:80%;margin:auto;color:#979da6}.dialogModalContainer .dialogModalWraper .dialogModalBody .dialogModalButtonAction{margin-top:20px;display:flex;grid-gap:5;gap:5;justify-content:center}.dialogModalContainer .dialogModalWraper .dialogModalBody .dialogModalButtonAction .cancelButton{height:43px;width:176px;color:#f04;border:1px solid #f04;padding:12px,16px,12px,16px;border-radius:10px;text-transform:capitalize;margin-right:10px}.dialogModalContainer .dialogModalWraper .dialogModalBody .dialogModalButtonAction .cancelButton:hover{background-color:#f04;color:#fff}.dialogModalContainer .dialogModalWraper .dialogModalBody .dialogModalButtonAction .cancelButton:focus{outline:none}.dialogModalContainer .dialogModalWraper .dialogModalBody .dialogModalButtonAction .cancelButton:active{box-shadow:none}.dialogModalContainer .dialogModalWraper .dialogModalBody .dialogModalButtonAction .deleteButton{height:43px;width:176px;color:#fff;background-color:#f04;padding:12px,16px,12px,16px;border-radius:10px;text-transform:capitalize;margin-left:10px}.dialogModalContainer .dialogModalWraper .dialogModalBody .dialogModalButtonAction .deleteButton:hover{background-color:#f04;color:#fff}.dialogModalContainer .dialogModalWraper .dialogModalBody .dialogModalButtonAction .deleteButton:focus{outline:none}.dialogModalContainer .dialogModalWraper .dialogModalBody .dialogModalButtonAction .deleteButton:active{box-shadow:none}.Discount{height:auto;margin-bottom:20px}.Discount .page{height:auto;font-family:Effra,serif;padding:80px;margin-bottom:21px}@media screen and (min-width:300px)and (max-width:900px){.Discount .page{padding:20px!important}}.Discount .page .discountContainer .headerFrameDiscount{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.Discount .page .discountContainer .headerFrameDiscount .searchDiscount{display:flex;width:100%;grid-gap:25px;gap:25px}.Discount .page .discountContainer .headerFrameDiscount .searchDiscount .searchBar{background-color:#fff;display:flex;align-items:center;height:45px;border-radius:37.5px;border:1px solid #e0e0e0;padding:0;width:100%}.Discount .page .discountContainer .headerFrameDiscount .searchDiscount .searchBar .inputSearch{font-size:20px;border:none;outline:0;background-color:transparent}.Discount .page .discountContainer .headerFrameDiscount .searchDiscount .addButton{height:43px;color:#fff;background:#1caed4;border-radius:10px}.Discount .page .discountContainer .headerFrameDiscount .searchDiscount .addButton:hover{background-color:#1caed4}.Discount .page .discountContainer .headerFrameDiscount .searchDiscount .addButton:focus{outline:none}.Discount .page .discountContainer .headerFrameDiscount .searchDiscount .addButton:active{box-shadow:none}.Discount .page .discountContainer .headerFrameDiscount .searchDiscount .styleButton:focus{outline:none}.Discount .page .discountContainer .headerFrameDiscount .searchDiscount .styleButton:active{box-shadow:none}.Discount .page .discountContainer .bodyFrameDiscount{margin-top:30px}.Discount .page .discountContainer .bodyFrameDiscount .actionTable{display:flex;justify-content:flex-end;grid-gap:20;gap:20}.Discount .page .discountContainer .bodyFrameDiscount .actionTable .editAction{margin-right:5px;cursor:pointer}.Discount .page .discountContainer .bodyFrameDiscount .actionTable .deleteAction{margin-left:5px;cursor:pointer}.Discount .page .discountContainer .bodyFrameDiscount .emptyStateContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%;grid-gap:20;gap:20}.Discount .page .discountContainer .bodyFrameDiscount .emptyStateContainer .emptyStateDescription{font-size:24px;font-weight:0}.Discount .page .discountContainer .bodyFrameDiscount .paginationWrapperDiscount{margin-top:25px}.AddDiscount{height:auto;margin-bottom:20px}.AddDiscount .page{height:auto;font-family:Effra,serif;padding:80px;margin-bottom:21px}@media screen and (min-width:300px)and (max-width:900px){.AddDiscount .page{padding:20px!important}}.AddDiscount .page .headerAddDiscount{display:flex;align-items:center;grid-gap:10;gap:10;margin-bottom:20px}.AddDiscount .page .headerAddDiscount img{cursor:pointer}.AddDiscount .page .headerAddDiscount p{padding-left:20px;font-size:24px;font-weight:500}.AddDiscount .page .addDiscountContainer{background-color:#fff;border-radius:15px;box-shadow:0 1px 2px 0 rgba(0,0,0,.14901960784313725);padding:30px}@media screen and (min-width:300px)and (max-width:900px){.AddDiscount .page .addDiscountContainer{padding:20px!important}}.AddDiscount .page .addDiscountContainer .headTitleAdd h4{font-size:20px;font-weight:500}.AddDiscount .page .addDiscountContainer .headTitleAdd p{color:#979da6;font-size:15px}.AddDiscount .page .addDiscountContainer .bodyAdd{margin-top:20px}.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm{display:flex;width:100%}.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm{margin-top:20px;width:100%}.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .inputContainer{display:flex;width:100%}@media screen and (min-width:300px)and (max-width:900px){.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .inputContainer{flex-direction:column}}.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .inputContainer .groupButtonContainer{display:flex;flex-direction:column;width:45%}@media screen and (min-width:300px)and (max-width:900px){.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .inputContainer .groupButtonContainer{width:100%}}.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .inputContainer .groupButtonContainer .groupButton{display:flex;margin-top:5px}.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .inputContainer .groupButtonContainer .groupButton .buttonGroup{width:150px;display:flex;height:53px;border:2px solid #1caed4;color:#000;border-radius:10px;margin-right:5px;margin-left:5px;cursor:pointer}.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .inputContainer .groupButtonContainer .groupButton .buttonGroup.Mui-selected,.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .inputContainer .groupButtonContainer .groupButton .buttonGroup:active,.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .inputContainer .groupButtonContainer .groupButton .buttonGroup:focus,.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .inputContainer .groupButtonContainer .groupButton .buttonGroup:hover{background-color:#1caed4!important;color:#fff}.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .inputContainer .inputGroupAddonContainer{display:flex;flex-direction:column;width:100%}@media screen and (min-width:300px)and (max-width:900px){.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .inputContainer .inputGroupAddonContainer{margin-top:20px}}.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .inputContainer .inputGroupAddonContainer .inputGroupAddonFixed{display:flex;width:100%;align-items:center}.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .inputContainer .inputGroupAddonContainer .inputGroupAddonFixed .inputGroupIcon{background-color:#1caed4;color:#fff;padding-left:30px;padding-right:30px;display:flex;align-items:center;border-bottom-left-radius:8px;border-top-left-radius:8px;height:54px;margin-top:2px;position:absolute;top:80%;left:36%;z-index:99}@media screen and (min-width:300px)and (max-width:900px){.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .inputContainer .inputGroupAddonContainer .inputGroupAddonFixed .inputGroupIcon{position:relative;left:0;margin-top:0}}.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .inputContainer .inputGroupAddonContainer .inputGroupAddonPercent{display:flex;width:100%;align-items:center}.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .inputContainer .inputGroupAddonContainer .inputGroupAddonPercent .inputGroupIcon{background-color:#1caed4;color:#fff;padding-left:30px;padding-right:30px;display:flex;align-items:center;border-bottom-right-radius:8px;border-top-right-radius:8px;height:54px;margin-top:2px;position:absolute;top:80%;right:7%}@media screen and (min-width:300px)and (max-width:900px){.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .inputContainer .inputGroupAddonContainer .inputGroupAddonPercent .inputGroupIcon{position:absolute;right:8%;margin-top:-15px;top:81%;margin-bottom:80px}}.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .inputContainer .inputGroupAddonContainer .fixed .MuiOutlinedInput-root{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .inputContainer .inputGroupAddonContainer .percent .MuiOutlinedInput-root{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.AddDiscount .page .addDiscountContainer .bodyAdd .inputTwoForm .inputDiscountForm .errorsForm{padding-top:5px;padding-left:10px}.AddDiscount .footerAdd{position:absolute;bottom:0;background-color:#fff;left:0;right:0;height:83px;border-top:1px solid grey}@media screen and (min-width:300px)and (max-width:900px){.AddDiscount .footerAdd{position:absolute;bottom:10%}}.AddDiscount .footerAdd .buttonAction{display:flex;justify-content:flex-end;width:50%;margin-left:auto;margin-right:100px;align-items:center;height:100%}@media screen and (min-width:300px)and (max-width:900px){.AddDiscount .footerAdd .buttonAction{width:100%;margin:auto}}.AddDiscount .footerAdd .buttonAction .buttonBack{border:1px solid #1caed4;height:43px;width:200px;margin-right:10px;border-radius:10px;padding:25px 100px;text-transform:capitalize;font-size:14px;color:#1caed4;cursor:pointer}@media screen and (min-width:300px)and (max-width:900px){.AddDiscount .footerAdd .buttonAction .buttonBack{padding:25px 0;width:150px}}.AddDiscount .footerAdd .buttonAction .buttonBack:hover{background-color:#1caed4;color:#fff}.AddDiscount .footerAdd .buttonAction .buttonSubmit{border:1px solid #1caed4;height:43px;width:200px;margin-left:10px;border-radius:10px;padding:25px 100px;text-transform:capitalize;font-size:14px;color:#1caed4;cursor:pointer}@media screen and (min-width:300px)and (max-width:900px){.AddDiscount .footerAdd .buttonAction .buttonSubmit{padding:25px 0;width:150px;margin-right:10px}}.AddDiscount .footerAdd .buttonAction .buttonSubmit:hover{background-color:#1caed4;color:#fff}.AddDiscount .footerAdd .buttonAction .buttonSubmit:disabled{background-color:#bdbdbd;border:1px solid #bdbdbd;color:#fff;cursor:none}.AddDiscount .footerAdd .buttonAction .buttonSubmit.active{background-color:#1caed4!important;color:#fff}.product_primaryButton__kMue7{min-width:110px;min-height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;font-size:16px;line-height:19px;text-align:center;cursor:pointer;background:#1caed4;color:#fff}@media only screen and (max-width:720px){.product_primaryButton__kMue7{min-height:30px}}.product_primaryButton__kMue7:hover{background:#54c5e2}.product_secondaryButton__3U6jy{min-width:110px;min-height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;font-size:16px;line-height:19px;text-align:center;cursor:pointer;background:#fff;color:#1caed4;border:2px solid #1caed4}.product_secondaryButton__3U6jy:hover{background:#f7f7f7}.product_redButton__G3JVf{min-width:110px;min-height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;font-size:16px;line-height:19px;text-align:center;cursor:pointer;background:#f04;color:#fff}.product_redButton__G3JVf:hover{background:rgba(255,0,68,.7098039215686275)}.product_redBorderButton__1rOSI{min-width:110px;min-height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;font-size:16px;line-height:19px;text-align:center;cursor:pointer;background:#fff;color:#f04;border:2px solid #f04}.product_redBorderButton__1rOSI:hover{background:#f7f7f7}.style_headerContainer__3fWTK{display:flex;flex-direction:column;background:#fff;width:100%;padding:60px 80px 20px}.style_headerContainer__3fWTK .style_addBodyContainer__2Lerg{width:375px;display:flex;flex-direction:column}@media only screen and (max-width:720px){.style_headerContainer__3fWTK .style_addBodyContainer__2Lerg{width:100%}}.style_headerContainer__3fWTK .style_addBodyContainer__2Lerg .style_addButton__2JX_Q{width:100%;border:1.5px solid #1caed4;border-radius:10px;color:#1caed4;padding:12px 0;margin-bottom:20px}.style_headerContainer__3fWTK .style_topHeaderContainer__1YeVv{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px;width:100%}.style_headerContainer__3fWTK .style_bottomHeaderContainer__2ncfM{display:flex;justify-content:space-between}.style_headerContainer__3fWTK .style_bottomHeaderContainer__2ncfM .style_searchBox__2QBKb{display:flex;align-items:center;width:100%;height:40px;border:1px solid #bdbdbd;border-radius:24.5px;padding:0 21px;margin-right:12px}.style_headerContainer__3fWTK .style_bottomHeaderContainer__2ncfM .style_filterBox__2O2SH{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#1e3f4f;border-radius:10px;cursor:pointer}.style_headerContainer__3fWTK .style_bottomHeaderContainer__2ncfM .style_deleteBox__12JCd{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#d0021b;border-radius:10px;cursor:pointer}.ListProductVariant_productVariantContainer__2r4yM{display:flex;flex-direction:column;padding:11px 10px;margin:10px 0;background-color:#ebf6fa;border-radius:10px;border:1px solid #1caed4}.ListProductVariant_productVariantContainer__2r4yM .ListProductVariant_headerContainer__1qIk3{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.ListProductVariant_productVariantContainer__2r4yM .ListProductVariant_divider__3Sdfq{margin-top:8px;border-top:1px solid #1caed4}.ListProductVariant_productVariantContainer__2r4yM .ListProductVariant_listContainer__2kahc{display:flex;flex-direction:column}.ListProductVariant_productVariantContainer__2r4yM .ListProductVariant_listContainer__2kahc .ListProductVariant_productVariant__2X2bF{display:flex;flex-direction:row;align-items:center;margin:9px 0}.ListProductModal_productBody__30qxU{width:100%;max-height:460px}.ListProductModal_productBody__30qxU .ListProductModal_product__3EVoe{height:500px}@media only screen and (max-width:720px){.ListProductModal_productBody__30qxU{width:100%}}.ListProductModal_productBody__30qxU .ListProductModal_filterButton__1Q1GK{width:100%;border:1.5px solid #1caed4;border-radius:10px;color:#1caed4;padding:12px 0;margin-bottom:20px}.ListProductModal_productBody__30qxU .ListProductModal_FormFooter__25EPC{display:flex;width:100%;align-items:center;margin-bottom:20px;margin-top:20px;padding-bottom:20px}.ListProductModal_productBody__30qxU .ListProductModal_FormFooter__25EPC .ListProductModal_closeButton__1RLmb{width:100%;background:#fff;border:2px solid #1caed4;border-radius:10px;align-items:center;color:#1caed4;margin:0 5px;padding:10px}.ListProductModal_productBody__30qxU .ListProductModal_FormFooter__25EPC .ListProductModal_saveButton__cKhRh{padding:10px;background:#00a4ca;border-radius:10px;align-items:center;color:#fff;margin:0 5px;width:100%}.ListProductModal_productBody__30qxU .ListProductModal_FormFooter__25EPC .ListProductModal_saveButton__cKhRh:hover{background:#73c5d8}.ListProductModal_productBody__30qxU .ListProductModal_FormFooter__25EPC .ListProductModal_saveButton__cKhRh:disabled{background-color:#bdbdbd;color:#fff}.ModalHeader_headerContainer__31tk1{display:flex;flex-direction:row;align-items:center;justify-content:space-between;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px}.ModalHeader_headerContainer__31tk1 .ModalHeader_header__a6A9V{display:flex;flex-direction:column;align-items:baseline}.ModalHeader_headerContainer__31tk1 .ModalHeader_header__a6A9V .ModalHeader_label__3mSJ1{color:#1e3f4f;font-size:24px;line-height:24px;font-weight:400}.ModalHeader_headerContainer__31tk1 .ModalHeader_header__a6A9V .ModalHeader_description__2-xzY{font-size:16px}.ModalHeader_headerContainer__31tk1 .ModalHeader_searchBox__11AA8{display:flex;align-items:center;height:40px;border:1px solid #bdbdbd;border-radius:8px;padding:0 21px;margin-right:12px}.style_sidebarCategory__SaSqj{padding-left:10px}.style_sidebarCategory__SaSqj .style_ListCategory__3c81E{cursor:grab;margin-top:12px;box-shadow:0 5px 15px rgba(0,0,0,.35);border-radius:8px;flex-wrap:nowrap;height:480px;padding-left:1px;padding-bottom:20px;margin-bottom:20px;overflow-y:scroll;overflow-x:hidden}.style_sidebarCategory__SaSqj .style_ListCategory__3c81E .style_listItem__1LiNP{list-style:none;cursor:pointer;margin-left:0;padding:20px;white-space:nowrap;height:39px;text-overflow:ellipsis}.style_sidebarCategory__SaSqj .style_ListCategory__3c81E .style_listItem__1LiNP:last-child{padding-bottom:30px}.style_sidebarCategory__SaSqj .style_ListCategory__3c81E .style_listItem__1LiNP .style_item__Puz2y{padding:12px 20px;border-radius:10px;font-family:Effra,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:19px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.style_sidebarCategory__SaSqj .style_ListCategory__3c81E .style_listItem__1LiNP .style_active__3wn3F{color:#fff;background:#1caed4}.style_sidebarCategory__SaSqj .style_ListCategory__3c81E .style_listItem__1LiNP .style_inactive__3kI9w{background:#c1c7ce}.style_sidebarCategory__SaSqj .style_ListCategory__3c81E .style_listItem__1LiNP .style_inactive__3kI9w:hover{background-color:#949698}.ModalProduct{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;z-index:10!important;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);padding:30px 0}@media only screen and (max-width:1024px){.ModalProduct{padding-left:130px}}@media only screen and (max-width:720px){.ModalProduct{padding:20px;z-index:20!important}}.ModalProduct .containerModal::-webkit-scrollbar{display:none}.ModalProduct .containerModal{padding:0 24px;display:flex;flex-direction:column;scrollbar-width:none;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.15);border-radius:10px;max-height:100%;min-width:988px;max-width:988px;overflow-y:auto}.ModalProduct .containerModal .ModalHeader{display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;width:100%;padding:20px 0 15px;z-index:3;background:#fff}.ModalProduct .containerModal .ModalBody{padding:0 5px 90px;margin-bottom:1px}.ModalProduct .fullHeightContainer{border-radius:0;height:100%}.fullHeightModal{padding:0!important}.listProductWrapper{grid-gap:9px;gap:9px;margin:12px 0 0;padding:1px;height:460px;position:relative;overflow-y:auto;overflow-x:hidden}.headerData{color:#1e3f4f}.headerData span{font-size:16px;line-height:19px;font-weight:700}.pagination{position:absolute;z-index:10;margin-top:20px;background-color:#fff}.bgDark{background:#fafafa}.title{margin-bottom:20px}.productCard{height:16rem;box-shadow:0 1px 4px rgba(0,0,0,.16);border-radius:10px;width:9rem;padding:10px;cursor:pointer;overflow:hidden}.productCard:hover{background:rgba(242,245,246,.929)}.productCard .imageCard{display:flex;justify-content:center;height:118px}.productCard .imageCard img{width:85px;height:108px;object-fit:cover}.productCard .title{font-size:13px;font-weight:500;width:100%;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.productCard[data-selected=true]{border:2px solid #1caed4;background:rgba(242,245,246,.929)}.AddProductActive_headerContainer__1GTxh{display:flex;flex-direction:row;align-items:center}.AddProductActive_headerContainer__1GTxh .AddProductActive_backButton__1nE-d{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;height:50px;background-color:#c1c7ce;border-radius:10px;margin-right:18px;cursor:pointer}.AddProductActive_headerContainer__1GTxh .AddProductActive_backButton__1nE-d:hover{background-color:#949698}.AddProductActive_headerContainer__1GTxh .AddProductActive_headerTitle__3ofeM{font-weight:500;font-size:20px;color:#000}@media only screen and (max-width:720px){.AddProductActive_headerContainer__1GTxh .AddProductActive_headerTitle__3ofeM{margin-left:6px;margin-top:7px}}.Footer_footerContainer__-Gf-_{background-color:#fff;position:fixed;bottom:0;width:calc(100% - 240px);border:1px solid #ccc;overflow:hidden}@media only screen and (max-width:720px){.Footer_footerContainer__-Gf-_{z-index:1;width:100%;border-radius:30px 30px 0 0;height:160px}}@media only screen and (max-width:380px){.Footer_footerContainer__-Gf-_{height:150px}}.Footer_footerContainer__-Gf-_ .Footer_container__mLKv1{width:100%;display:flex;flex-direction:row;justify-content:flex-end;grid-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;padding:20px 80px}@media only screen and (max-width:720px){.Footer_footerContainer__-Gf-_ .Footer_container__mLKv1{justify-content:space-between;padding:20px}}.ProductInformation_productInfoContainer__2uTX4{display:flex;flex-direction:column;width:100%;height:auto;margin-top:40px;margin-bottom:28px;background-color:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.15);border-radius:15px;padding:20px}@media only screen and (max-width:720px){.ProductInformation_productInfoContainer__2uTX4{margin-top:23px}}.ProductInformation_productInfoContainer__2uTX4 .ProductInformation_productInfo__2Qd3f{display:flex;flex-direction:row;width:100%;height:auto;margin-top:20px;flex-wrap:wrap;grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px}@media only screen and (max-width:720px){.ProductInformation_productInfoContainer__2uTX4 .ProductInformation_productInfo__2Qd3f{display:flex;flex-direction:column}}.ProductInformation_productInfoContainer__2uTX4 .ProductInformation_productInfo__2Qd3f .ProductInformation_inputContainer__2i9dj{display:flex;flex-direction:column;flex:0 0 32%;height:auto}.ProductInformation_productInfoContainer__2uTX4 .ProductInformation_productInfo__2Qd3f .ProductInformation_inputContainer__2i9dj .ProductInformation_imageWrapper__tsRZV{height:164px;width:218px;padding:24px 30px;box-shadow:0 1px 3px 0 rgba(0,0,0,.02),0 0 0 1px rgba(27,31,35,.15);border-radius:8px}.ProductInformation_productInfoContainer__2uTX4 .ProductInformation_productInfo__2Qd3f .ProductInformation_inputContainer__2i9dj .ProductInformation_imageWrapper__tsRZV .ProductInformation_image__1Dl7K{height:125px;width:162px;object-fit:cover}.ProductInformation_productInfoContainer__2uTX4 .ProductInformation_productInfo__2Qd3f .ProductInformation_inputContainer__2i9dj .ProductInformation_textFieldContainer__1U1C5{display:flex;flex-direction:column;margin-bottom:10px}.ProductInformation_productInfoContainer__2uTX4 .ProductInformation_productInfo__2Qd3f .ProductInformation_inputContainer__2i9dj .ProductInformation_textFieldContainer__1U1C5 .ProductInformation_title__1SONv{font-weight:500;font-size:14px;line-height:20px;color:#1e3f4f}.ProductVariant_productVariantContainer__1Afwf{display:flex;flex-direction:column;width:100%;height:auto;margin-top:28px;margin-bottom:90px;background-color:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.15);border-radius:15px;padding:16px}.ProductVariant_productVariantContainer__1Afwf .ProductVariant_inputProductVariant__3V4gm{margin-top:20px;display:flex;flex-direction:column;justify-content:center}.ProductVariant_productVariantContainer__1Afwf .ProductVariant_inputProductVariant__3V4gm input::-webkit-inner-spin-button,.ProductVariant_productVariantContainer__1Afwf .ProductVariant_inputProductVariant__3V4gm input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ProductVariant_productVariantContainer__1Afwf .ProductVariant_inputProductVariant__3V4gm input[type=number]{-moz-appearance:textfield}.ProductVariant_productVariantContainer__1Afwf .ProductVariant_inputProductVariant__3V4gm .ProductVariant_headerData__23IOI{display:flex;align-items:center;color:#333}.ProductVariant_productVariantContainer__1Afwf .ProductVariant_inputProductVariant__3V4gm .ProductVariant_headerData__23IOI span{font-size:14px;line-height:16px;font-weight:400;padding:10px}.ProductVariant_productVariantContainer__1Afwf .ProductVariant_inputProductVariant__3V4gm .ProductVariant_bodyData__3geqX{display:flex;margin-top:20px;margin-right:0}.ProductVariant_productVariantContainer__1Afwf .ProductVariant_inputProductVariant__3V4gm .ProductVariant_bodyData__3geqX .ProductVariant_button__2DBh7{width:100%!important;height:40px!important;min-height:unset!important}.ProductVariant_productVariantContainer__1Afwf .ProductVariant_inputProductVariant__3V4gm .ProductVariant_bodyData__3geqX .ProductVariant_inputPrice__3pZV3{display:flex;flex-direction:row;border-radius:10px;height:40px}.ProductVariant_productVariantContainer__1Afwf .ProductVariant_inputProductVariant__3V4gm .ProductVariant_bodyData__3geqX .ProductVariant_inputPrice__3pZV3 .ProductVariant_priceBox__naMvF{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#c1c7ce;border-radius:10px 0 0 10px;padding:10px;margin-right:5px}.ProductVariant_productVariantContainer__1Afwf .ProductVariant_inputProductVariant__3V4gm .ProductVariant_bodyData__3geqX .ProductVariant_inputPrice__3pZV3 .ProductVariant_priceBox__naMvF .ProductVariant_priceBoxText__2T19K{font-weight:700}.ProductVariant_productVariantContainer__1Afwf .ProductVariant_inputProductVariant__3V4gm .ProductVariant_bodyData__3geqX .ProductVariant_deleteButton__GVlgr{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#d0021b;border-radius:10px;cursor:pointer}.ProductVariant_productVariantContainer__1Afwf .ProductVariant_inputProductVariant__3V4gm .ProductVariant_weight-box__2jsgr .ProductVariant_label-gram__30Vcq{background:"#1CAED4";border:"none";color:"#FFFFFF";border-radius:"0 10px 10px 0";font-weight:500}.ProductVariant_productVariantContainer__1Afwf .ProductVariant_inputProductVariant__3V4gm .ProductVariant_addVariantButton__3fyZ3{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;border:1.5px solid #1caed4;border-radius:10px;align-self:center;width:100%;height:40px;font-size:14px;line-height:20px;text-align:center;color:#1caed4;cursor:pointer;margin-top:20px}.ProductVariant_productVariantContainer__1Afwf .ProductVariant_inputProductVariant__3V4gm .ProductVariant_addVariantButton__3fyZ3:hover{background-color:#f7f7f7}option1{color:#bdbdbd!important}.PinLocationBox{width:100%;display:flex;flex-direction:column;justify-content:space-between;padding:16px;border:1px solid #f0eff4;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:10px;grid-gap:12px;gap:12px}.PinLocationBox .headerPinLocation{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.PinLocationBox .headerPinLocation .labelBox{width:60%;display:flex;flex-direction:row;align-items:center;grid-gap:8px;gap:8px}.PinLocationBox .headerPinLocation .labelBox .labelPin{color:#1e3f4f;font-weight:500;font-size:14px}.PinLocationBox .headerPinLocation .addButton{height:43px;color:#1caed4;background:#e9f7fb;border-radius:10px;font-weight:400;font-size:14px}.PinLocationBox .headerPinLocation .addButton:focus{outline:none}.PinLocationBox .headerPinLocation .addButton:active{box-shadow:none}.PinLocationBox .addressDetail{font-weight:400;font-size:14px;line-height:17px;color:#333}.PinLocationBox .addButton{height:43px;color:#1caed4;background:#e9f7fb;border-radius:10px;font-weight:400;font-size:14px}.PinLocationBox .addButton:focus{outline:none}.PinLocationBox .addButton:active{box-shadow:none}@media only screen and (max-width:720px){.PinLocationBox .headerPinLocation .labelBox{width:100%}}.AddWarehouseInfo{height:auto;margin-bottom:20px}.AddWarehouseInfo .page{height:auto;font-family:Effra,serif;padding:0 80px;margin-top:40px}@media only screen and (max-width:720px){.AddWarehouseInfo .page{padding:0 20px 90px}}.AddWarehouseInfo .page .backContainer{display:flex;flex-direction:row;align-items:center;grid-gap:12px;gap:12px;margin-bottom:20px;cursor:pointer}.AddWarehouseInfo .page .backContainer span{color:#1e3f4f;font-weight:500;font-size:24px;line-height:1;margin-top:8px}.AddWarehouseInfo .page .inputInfoContainer{width:100%;display:flex;flex-direction:column;padding:20px;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.15);border-radius:15px}.AddWarehouseInfo .page .inputInfoContainer .formContainer{width:100%;display:flex;flex-direction:column;grid-gap:20px;gap:20px}.AddWarehouseInfo .page .inputInfoContainer .formContainer .form{width:100%;display:flex;flex-direction:row;grid-gap:20px;gap:20px}.AddWarehouseInfo .page .inputInfoContainer .formContainer .form .leftContainer{width:55%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;padding:20px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:10px;grid-gap:15px;gap:15px}.AddWarehouseInfo .page .inputInfoContainer .formContainer .form .leftContainer .label{color:#1e3f4f;font-weight:500;font-size:18px}.AddWarehouseInfo .page .inputInfoContainer .formContainer .form .leftContainer .inputContainer{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.AddWarehouseInfo .page .inputInfoContainer .formContainer .form .leftContainer .inputContainer span{font-size:14px;color:#1e3f4f}.AddWarehouseInfo .page .inputInfoContainer .formContainer .form .leftContainer .inputContainer span span{color:#d0021b}.AddWarehouseInfo .page .inputInfoContainer .formContainer .form .leftContainer .inputAddressContainer{width:100%;display:flex;flex-direction:row;grid-gap:15px;gap:15px}@media only screen and (max-width:720px){.AddWarehouseInfo .page .inputInfoContainer .formContainer .form .leftContainer .inputAddressContainer{flex-direction:column;grid-gap:8px;gap:8px}}.AddWarehouseInfo .page .inputInfoContainer .formContainer .form .leftContainer .inputAddressContainer .inputContainer{width:100%;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.AddWarehouseInfo .page .inputInfoContainer .formContainer .form .leftContainer .inputAddressContainer .inputContainer span{font-size:14px;color:#1e3f4f}.AddWarehouseInfo .page .inputInfoContainer .formContainer .form .leftContainer .inputAddressContainer .inputContainer span span{color:#d0021b}.AddWarehouseInfo .page .inputInfoContainer .formContainer .form .rightContainer{width:45%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;padding:20px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:10px}.AddWarehouseInfo .page .inputInfoContainer .formContainer .form .rightContainer .label{font-weight:600;font-size:18px;line-height:21px;color:#1e3f4f}.AddWarehouseInfo .page .inputInfoContainer .formContainer .form .rightContainer .subLabel{font-weight:400;font-size:10px;line-height:12px;color:#979da6}.AddWarehouseInfo .page .inputInfoContainer .formContainer .submitContainer{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;grid-gap:10px;gap:10px}.AddWarehouseInfo .page .inputInfoContainer .formContainer .submitContainer .borderedButton{width:170px;height:43px;color:#1caed4;border:2px solid #1caed4;background-color:#fff;border-radius:10px;text-transform:none}.AddWarehouseInfo .page .inputInfoContainer .formContainer .submitContainer .borderedButton:hover{background-color:#fff}.AddWarehouseInfo .page .inputInfoContainer .formContainer .submitContainer .borderedButton:focus{outline:none}.AddWarehouseInfo .page .inputInfoContainer .formContainer .submitContainer .borderedButton:active{box-shadow:none}.AddWarehouseInfo .page .inputInfoContainer .formContainer .submitContainer .addButton{width:170px;height:43px;color:#fff;background:#1caed4;border-radius:10px;text-transform:none}.AddWarehouseInfo .page .inputInfoContainer .formContainer .submitContainer .addButton:hover{background-color:#1caed4}.AddWarehouseInfo .page .inputInfoContainer .formContainer .submitContainer .addButton:focus{outline:none}.AddWarehouseInfo .page .inputInfoContainer .formContainer .submitContainer .addButton:active{box-shadow:none}@media only screen and (max-width:720px){.AddWarehouseInfo .page .inputInfoContainer{padding:0;border:none;box-shadow:none}.AddWarehouseInfo .page .inputInfoContainer .formContainer .form{flex-direction:column}.AddWarehouseInfo .page .inputInfoContainer .formContainer .form .leftContainer,.AddWarehouseInfo .page .inputInfoContainer .formContainer .form .rightContainer{width:100%}.AddWarehouseInfo .page .inputInfoContainer .formContainer .submitContainer{flex-direction:column}.AddWarehouseInfo .page .inputInfoContainer .formContainer .submitContainer .addButton,.AddWarehouseInfo .page .inputInfoContainer .formContainer .submitContainer .borderedButton{width:100%}}.FormFooter{display:flex;flex-direction:row;justify-content:center;width:100%}.FormFooter .onCloseButton{margin-right:20px;background:#fff;border-radius:10px;border:1.5px solid #1caed4;color:#1caed4}.FormFooter .onCloseButton,.FormFooter .onSaveButton{width:100%;height:43px;font-weight:400;font-size:16px;text-transform:none}.FormFooter .onSaveButton{background:#1caed4;border-radius:10px;color:#fff}.FormFooter .onSaveButton:hover{background:rgba(28,174,212,.7098039215686275)}@media only screen and (max-width:720px){.FormFooter{justify-content:space-between}.FormFooter .onCloseButton{margin-right:0}}.Information .page{padding:80px}@media screen and (min-width:300px)and (max-width:900px){.Information .page{padding:20px!important}}.Information .page .informationContainer{background-color:#e9f7fb;padding:20px;box-shadow:none!important;border-radius:20px}.Information .page .informationContainer .headerInformation{background-color:#fff;width:100%;border-radius:15px}.Information .page .informationContainer .headerInformation .header{padding:20px;display:flex;align-items:center;justify-content:space-between}.Information .page .informationContainer .headerInformation .header .informationHeaderTitle{font-size:18px;font-weight:700}.Information .page .informationContainer .headerInformation .header .editButton{background-color:#1caed4;color:#fff;text-transform:capitalize;border-radius:8px;cursor:pointer}.Information .page .informationContainer .headerInformation .header p{font-size:18px;font-weight:500}.Information .page .informationContainer .headerInformation .cardWrapperHeader{display:flex;width:100%;padding-left:15px;padding-right:15px;padding-bottom:15px}@media screen and (min-width:300px)and (max-width:900px){.Information .page .informationContainer .headerInformation .cardWrapperHeader{flex-direction:column}}.Information .page .informationContainer .headerInformation .cardWrapperHeader .wrapeInformation{display:flex;width:100%;grid-gap:15px;gap:15px}@media screen and (min-width:300px)and (max-width:900px){.Information .page .informationContainer .headerInformation .cardWrapperHeader .wrapeInformation{flex-direction:column;grid-gap:15px;gap:15px}}.Information .page .informationContainer .headerInformation .cardWrapperHeader .wrapeInformation .wrapeImageInformation{display:flex;grid-gap:10px;gap:10px;width:100%}@media screen and (min-width:300px)and (max-width:900px){.Information .page .informationContainer .headerInformation .cardWrapperHeader .wrapeInformation .wrapeImageInformation{flex-direction:column}}.Information .page .informationContainer .headerInformation .cardWrapperHeader .wrapeInformation .wrapeImageInformation img{width:124px;height:124px;border-radius:100%}@media screen and (min-width:300px)and (max-width:900px){.Information .page .informationContainer .headerInformation .cardWrapperHeader .wrapeInformation .wrapeImageInformation img{text-align:center;width:50%;height:50%;margin:auto}}.Information .page .informationContainer .headerInformation .cardWrapperHeader .wrapeInformation .wrapeImageInformation .titleInformation .titleInfoSupplier{font-size:16px;font-weight:700}.Information .page .informationContainer .headerInformation .cardWrapperHeader .wrapeInformation .wrapeImageInformation .titleInformation .textEmail{margin-top:10px;font-size:16px;font-weight:700}.Information .page .informationContainer .headerInformation .cardWrapperHeader .wrapeInformation .wrapeImageInformation .titleInformation .textEmailSubs{font-size:14px}.Information .page .informationContainer .headerInformation .cardWrapperHeader .wrapeInformation .alamatInformation .textAlamatSupplier{font-size:16px;font-weight:700}.Information .page .informationContainer .headerInformation .cardWrapperHeader .cardMarginTopBottom{display:flex;justify-content:center}.Information .page .informationContainer .bodyInformation{background-color:#fff;border-radius:15px;margin-top:30px;padding:15px;width:100%}@media screen and (min-width:300px)and (max-width:900px){.Information .page .informationContainer .bodyInformation{margin-bottom:50px}}.Information .page .informationContainer .bodyInformation .header{padding-top:10px;padding-bottom:20px;padding-left:10px}.Information .page .informationContainer .bodyInformation .header .informationHeaderTitle{font-size:18px;font-weight:700}.Information .page .informationContainer .bodyInformation .bodyWrapperService{display:flex;grid-gap:15px;gap:15px}@media screen and (min-width:300px)and (max-width:900px){.Information .page .informationContainer .bodyInformation .bodyWrapperService{flex-direction:column}}.Information .page .informationContainer .bodyInformation .bodyWrapperService .wrapperServiceCustomer{display:flex;grid-gap:15px;gap:15px;align-items:center}.Information .page .informationContainer .bodyInformation .bodyWrapperService .wrapperServiceCustomer .serviceInfoCustomer{display:flex;flex-direction:column;grid-gap:5px;gap:5px}.Information .page .informationContainer .bodyInformation .bodyWrapperService .wrapperServiceCustomer .serviceInfoCustomer p{font-size:16px}@media screen and (min-width:300px)and (max-width:900px){.Information .page .informationContainer .bodyInformation .bodyWrapperService .wrapperServiceCustomer .serviceInfoCustomer p{font-size:14px}}.Information .page .informationContainer .bodyInformation .bodyWrapperService .wrapperServiceCustomer .serviceInfoCustomer .serviceInfoCustomerEmail{display:flex;grid-gap:5px;gap:5px}.Information .page .informationContainer .bodyInformation .bodyWrapperService .wrapperServiceCustomer .serviceInfoCustomer .serviceInfoCustomerEmail span{color:#828282}.Information .page .informationContainer .bodyInformation .bodyWrapperService .wrappeNoWhatapps{display:flex;align-items:center;grid-gap:10px;gap:10px}.Information .page .informationContainer .bodyInformation .bodyWrapperService .wrappeNoWhatapps span.bgSuccessBadgeWhatapps{background-color:#e4f4d2;padding-left:10px;padding-right:10px;border-radius:20px;color:#27ae60}.Information .page .informationContainer .bodyInformation .bodyWrapperService .wrappeNoWhatapps p{color:#828282}.editInformationGeneral{height:auto;padding-bottom:10%}@media screen and (min-width:300px)and (max-width:900px){.editInformationGeneral{padding-bottom:40%!important}}.editInformationGeneral .page{height:auto;padding:80px;margin-bottom:21px}@media screen and (min-width:300px)and (max-width:900px){.editInformationGeneral .page{padding:20px!important}}.editInformationGeneral .page .headerEditInformationGeneral{display:flex;align-items:center;grid-gap:10;gap:10;margin-bottom:20px}.editInformationGeneral .page .headerEditInformationGeneral img{cursor:pointer}.editInformationGeneral .page .headerEditInformationGeneral p{padding-left:20px;font-size:24px;font-weight:500}.editInformationGeneral .page .bodyEditInformationGeneral{padding:20px}@media screen and (min-width:300px)and (max-width:900px){.editInformationGeneral .page .bodyEditInformationGeneral{padding:0!important}}.editInformationGeneral .page .bodyEditInformationGeneral .wrappeFormEditInformationGeneral{border-radius:15px;box-shadow:0 1px 2px 0 rgba(0,0,0,.14901960784313725);border:1px solid rgba(0,0,0,.10196078431372549);padding:20px;display:flex;grid-gap:15px;gap:15px}@media screen and (min-width:300px)and (max-width:900px){.editInformationGeneral .page .bodyEditInformationGeneral .wrappeFormEditInformationGeneral{padding:10px!important;flex-direction:column;width:100%}}.editInformationGeneral .page .bodyEditInformationGeneral .wrappeFormEditInformationGeneral .cardInformationGeneralLeft{width:60%;box-shadow:0 1px 4px 0 rgba(0,0,0,.25098039215686274);padding:20px;border-radius:10px}@media screen and (min-width:300px)and (max-width:900px){.editInformationGeneral .page .bodyEditInformationGeneral .wrappeFormEditInformationGeneral .cardInformationGeneralLeft{padding:10px!important;flex-direction:column;width:100%!important}}.editInformationGeneral .page .bodyEditInformationGeneral .wrappeFormEditInformationGeneral .cardInformationGeneralLeft .titleFormEditInformationGeneral p{font-size:18px;font-weight:600}.editInformationGeneral .page .bodyEditInformationGeneral .wrappeFormEditInformationGeneral .cardInformationGeneralLeft .inputEditInfoGeneralForm{margin-top:15px;margin-bottom:15px;width:100%}@media screen and (min-width:300px)and (max-width:900px){.editInformationGeneral .page .bodyEditInformationGeneral .wrappeFormEditInformationGeneral .cardInformationGeneralLeft .inputEditInfoGeneralForm{margin-top:5px;margin-bottom:5px}}.editInformationGeneral .page .bodyEditInformationGeneral .wrappeFormEditInformationGeneral .cardInformationGeneralLeft .wrappeEditInfoFormTwo{display:flex;width:100%;grid-gap:15px;gap:15px}@media screen and (min-width:300px)and (max-width:900px){.editInformationGeneral .page .bodyEditInformationGeneral .wrappeFormEditInformationGeneral .cardInformationGeneralLeft .wrappeEditInfoFormTwo{flex-direction:column;grid-gap:0;gap:0}}.editInformationGeneral .page .bodyEditInformationGeneral .wrappeFormEditInformationGeneral .cardInformationGenarlRight{width:40%;height:220px;box-shadow:0 1px 4px 0 rgba(0,0,0,.25098039215686274);padding:20px;border-radius:10px}@media screen and (min-width:300px)and (max-width:900px){.editInformationGeneral .page .bodyEditInformationGeneral .wrappeFormEditInformationGeneral .cardInformationGenarlRight{width:100%!important;height:auto}}.editInformationGeneral .page .bodyEditInformationGeneral .wrappeFormEditInformationGeneral .cardInformationGenarlRight .titleFormEditInformationGeneral p{font-size:18px;font-weight:600}.editInformationGeneral .page .bodyEditInformationGeneral .wrappeFormEditInformationGeneral .cardInformationGenarlRight .wrappeUploadImage{display:flex;align-items:center;margin-top:20px;grid-gap:15px;gap:15px}@media screen and (min-width:300px)and (max-width:900px){.editInformationGeneral .page .bodyEditInformationGeneral .wrappeFormEditInformationGeneral .cardInformationGenarlRight .wrappeUploadImage{flex-direction:column}}.editInformationGeneral .page .bodyEditInformationGeneral .wrappeFormEditInformationGeneral .cardInformationGenarlRight .wrappeUploadImage .imageUploadForm img{width:124px;height:124px;border-radius:100%}.editInformationGeneral .page .bodyEditInformationGeneral .wrappeFormEditInformationGeneral .cardInformationGenarlRight .wrappeUploadImage .buttonUploadImageForm{width:100%;display:flex;flex-direction:column;grid-gap:10px;gap:10px}.editInformationGeneral .page .bodyEditInformationGeneral .wrappeFormEditInformationGeneral .cardInformationGenarlRight .wrappeUploadImage .buttonUploadImageForm .buttonUploadImageFormBtn{border:2px solid #1caed4;border-radius:10px;color:#1caed4;text-transform:capitalize;font-size:14px}.editInformationGeneral .page .bodyEditInformationGeneral .wrappeFormEditInformationGeneral .cardInformationGenarlRight .wrappeUploadImage .buttonUploadImageForm p{font-size:13px;color:#bdbdbd}.editInformationGeneral .footerAdd{position:fixed;bottom:0;background-color:#fff;left:0;right:0;height:83px;border-top:1px solid grey}@media screen and (min-width:300px)and (max-width:900px){.editInformationGeneral .footerAdd{position:fixed;bottom:8%}}.editInformationGeneral .footerAdd .buttonAction{display:flex;justify-content:flex-end;width:50%;margin-left:auto;margin-right:100px;align-items:center;height:100%}@media screen and (min-width:300px)and (max-width:900px){.editInformationGeneral .footerAdd .buttonAction{width:100%;margin:auto}}.editInformationGeneral .footerAdd .buttonAction .buttonBack{border:1px solid #1caed4;height:43px;width:200px;margin-right:10px;border-radius:10px;padding:25px 100px;text-transform:capitalize;font-size:14px;color:#1caed4;cursor:pointer}@media screen and (min-width:300px)and (max-width:900px){.editInformationGeneral .footerAdd .buttonAction .buttonBack{padding:25px 0;width:150px}}.editInformationGeneral .footerAdd .buttonAction .buttonBack:hover{background-color:#1caed4;color:#fff}.editInformationGeneral .footerAdd .buttonAction .buttonSubmit{border:1px solid #1caed4;height:43px;width:200px;margin-left:10px;border-radius:10px;padding:25px 100px;text-transform:capitalize;font-size:14px;color:#1caed4;cursor:pointer}@media screen and (min-width:300px)and (max-width:900px){.editInformationGeneral .footerAdd .buttonAction .buttonSubmit{padding:25px 0;width:150px;margin-right:10px}}.editInformationGeneral .footerAdd .buttonAction .buttonSubmit:hover{background-color:#1caed4;color:#fff}.editInformationGeneral .footerAdd .buttonAction .buttonSubmit:disabled{background-color:#bdbdbd;border:1px solid #bdbdbd;color:#fff;cursor:none}.editInformationGeneral .footerAdd .buttonAction .buttonSubmit.active{background-color:#1caed4!important;color:#fff}::-webkit-input-placeholder{color:#bdbdbd;opacity:1;font-size:1rem}:-ms-input-placeholder{opacity:1}::placeholder{color:#bdbdbd;opacity:1;font-size:1rem}:-ms-input-placeholder{color:#bdbdbd;font-size:1rem}::-ms-input-placeholder{color:#bdbdbd;font-size:1rem}.Merchant{height:auto;margin-bottom:20px}.Merchant .addButton{height:43px;color:#fff;background:#1caed4;border-radius:10px}.Merchant .addButton:hover{background-color:#1caed4}.Merchant .addButton:focus{outline:none}.Merchant .addButton:active{box-shadow:none}.Merchant .styleButton:focus{outline:none}.Merchant .styleButton:active{box-shadow:none}.Merchant .page{height:auto;font-family:Effra,serif;padding:30px;margin-bottom:21px}.Merchant .page .title{font-size:1.5rem;font-weight:500}.Merchant .page .searchContainer{margin:2.06rem 0}.Merchant .page .searchContainer .searchBar{background-color:#fff;display:flex;align-items:center;height:45px;border-radius:37.5px;border:1px solid #e0e0e0;padding:0}.Merchant .page .searchContainer .searchBar .inputSearch{font-size:20px;border:none;outline:0;background-color:transparent}.Merchant .page .merchantContainer{display:flex;flex-direction:column;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:10px;padding:17px 18px 30px;margin-bottom:80px;grid-gap:20px;gap:20px}.Merchant .page .merchantContainer .subtitle{font-size:1.125rem;font-weight:700}.Merchant .page .merchantContainer .headerFrame{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.Merchant .page .merchantContainer .headerFrame .profileBox{display:flex;flex-direction:row;align-items:center;grid-gap:10px;gap:10px}.Merchant .page .merchantContainer .headerFrame .profileBox .profilePic{border-radius:50%}.Merchant .page .merchantContainer .headerFrame .profileBox .profileInfo{display:flex;flex-direction:row;align-items:center;grid-gap:4px;gap:4px}.Merchant .page .merchantContainer .headerFrame .profileBox .profileInfo span{font-size:18px;font-weight:700;color:#333;letter-spacing:.5px}.Merchant .page .merchantContainer .listMerchantContainer{width:100%;display:flex;justify-content:center}.Merchant .page .merchantContainer .listMerchantContainer .listMerchant{width:100%;display:flex;flex-wrap:wrap}.Merchant .page .merchantContainer .listMerchantContainer .listMerchant .merchantItem{display:flex;flex-direction:column;flex-basis:calc(32.33% - 20px);padding:15px;margin:10px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);border-radius:8px}.Merchant .page .merchantContainer .listMerchantContainer .listMerchant .merchantItem .merchantName{color:#333;font-weight:700;font-size:1.125rem}.Merchant .page .merchantContainer .listMerchantContainer .listMerchant .merchantItem .merchantPhone{color:#333;margin-bottom:15px;font-size:.875rem}.Merchant .page .merchantContainer .listMerchantContainer .listMerchant .merchantItem .pill{display:flex;align-items:center;padding:1px 6px;text-align:center;border-radius:15px;margin-bottom:15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Merchant .page .merchantContainer .listMerchantContainer .listMerchant .merchantItem .pill .pill-text{font-size:.875rem}.Merchant .page .merchantContainer .listMerchantContainer .listMerchant .merchantItem .settingMerchantContainer{display:flex;flex-direction:row;justify-content:space-between;grid-gap:15px;gap:15px}.Merchant .page .merchantContainer .listMerchantContainer .emptyMerchantContainer{width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center;grid-gap:15px;gap:15px;text-align:center}.Merchant .page .merchantContainer .listMerchantContainer .emptyMerchantContainer .label{color:#1e3f4f;font-weight:400;font-size:24px}.Merchant .page .merchantContainer .listMerchantContainer .emptyMerchantContainer .subLabel{color:#979da6;font-weight:400;font-size:18px}@media only screen and (max-width:720px){.Merchant .page{padding:16px}.Merchant .page .merchantContainer .headerFrame .profileBox .profileInfo span{font-size:14px}.Merchant .page .merchantContainer .searchContainer{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;grid-gap:10px;gap:10px}.Merchant .page .merchantContainer .listMerchantContainer .listMerchant .merchantItem{flex-basis:100%;margin-right:0}.Merchant .page .merchantContainer .listMerchantContainer .emptyMerchantContainer{width:100%}}.style_headerContainer__4DGa0{display:flex;flex-direction:column;background:#fff;padding:10px 0 20px}.style_headerContainer__4DGa0 .style_addBodyContainer__1n5XM{width:375px;display:flex;flex-direction:column}@media only screen and (max-width:720px){.style_headerContainer__4DGa0 .style_addBodyContainer__1n5XM{width:100%}}.style_headerContainer__4DGa0 .style_addBodyContainer__1n5XM .style_addButton__ykAd3{width:100%;border:1.5px solid #1caed4;border-radius:10px;color:#1caed4;padding:12px 0;margin-bottom:20px}.style_headerContainer__4DGa0 .style_addBodyContainer__1n5XM .style_disabledButton__3qQBg{width:100%;border:1.5px solid #bdbdbd;border-radius:10px;color:#bdbdbd;padding:12px 0;margin-bottom:20px}.style_headerContainer__4DGa0 .style_topHeaderContainer__2aNQT{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:20px;width:100%;height:100%;overflow:hidden}.style_headerContainer__4DGa0 .style_topHeaderContainer__2aNQT .style_scrollContainer__1M5YT{width:100%;height:100%;overflow-x:scroll;display:flex;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.style_headerContainer__4DGa0 .style_topHeaderContainer__2aNQT .style_scrollContainer__1M5YT::-webkit-scrollbar{display:none}.style_headerContainer__4DGa0 .style_topHeaderContainer__2aNQT .style_scrollContainer__1M5YT .style_listItem__a5ADt{list-style:none;cursor:pointer;margin-left:0;padding-left:0;margin-right:7px;white-space:nowrap;height:39px;margin-bottom:0}.style_headerContainer__4DGa0 .style_topHeaderContainer__2aNQT .style_scrollContainer__1M5YT .style_listItem__a5ADt:last-child{margin-right:0}.style_headerContainer__4DGa0 .style_topHeaderContainer__2aNQT .style_scrollContainer__1M5YT .style_listItem__a5ADt .style_item__2Wl3V{padding:9px 30px;border-radius:25px;font-family:Effra,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:19px;color:#fff}@media only screen and (max-width:720px){.style_headerContainer__4DGa0 .style_topHeaderContainer__2aNQT .style_scrollContainer__1M5YT .style_listItem__a5ADt .style_item__2Wl3V{border-radius:10px}}.style_headerContainer__4DGa0 .style_topHeaderContainer__2aNQT .style_scrollContainer__1M5YT .style_listItem__a5ADt .style_active__20E3M{color:#fff;background:#1caed4}.style_headerContainer__4DGa0 .style_topHeaderContainer__2aNQT .style_scrollContainer__1M5YT .style_listItem__a5ADt .style_inactive__1zmtq{background:#c1c7ce}.style_headerContainer__4DGa0 .style_topHeaderContainer__2aNQT .style_scrollContainer__1M5YT .style_listItem__a5ADt .style_inactive__1zmtq:hover{background-color:#949698}.style_headerContainer__4DGa0 .style_bottomHeaderContainer__19ytT{display:flex;justify-content:space-between}.style_headerContainer__4DGa0 .style_bottomHeaderContainer__19ytT .style_searchBox__2_zYj{display:flex;align-items:center;width:100%;height:40px;border:1px solid #bdbdbd;border-radius:24.5px;padding:0 21px;margin-right:12px}.style_headerContainer__4DGa0 .style_bottomHeaderContainer__19ytT .style_filterBox__q6D8N{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#1e3f4f;border-radius:10px;cursor:pointer}.style_headerContainer__4DGa0 .style_bottomHeaderContainer__19ytT .style_deleteBox__3i_bw{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#d0021b;border-radius:10px;cursor:pointer}.ModalHeader_headerContainer__7Xok1{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.ModalHeader_headerContainer__7Xok1 .ModalHeader_label__2wuJ9{color:#1e3f4f;font-size:20px;line-height:24px;font-weight:600;text-align:center}.headerData{display:flex;flex-direction:row;align-items:center;padding:24px 4px;color:#333;z-index:0;background:#ebf6fa;margin:0;border-radius:10px}.headerData span{font-size:14px;line-height:16.6px;font-weight:400;color:#333}.bodyData{background:#fff;color:#5f6973}.bodyData span{font-size:16px;line-height:19px}@media only screen and (max-width:1280px){.bodyData span{font-size:13px;line-height:16px}}.bgDark{background:#f2f2f2}.select-styles{color:#fff;text-align:left;z-index:100;display:flex;align-self:center}.select-styles .select-box{position:relative;width:100%;margin:auto}.current-selected{display:flex;justify-content:flex-start;background-color:#1caed4;padding:10px 28px 10px 12px;border-radius:10px;cursor:pointer}.current-selected:hover{background-color:rgba(28,174,212,.9)}.current-selected:focus .select-icon{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}.current-selected .select-icon{position:absolute;top:50%;right:10px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:20px;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.current-selected:focus+.select-item-list{opacity:1;-webkit-animation-name:none;animation-name:none}.select-item-list{position:absolute;margin-top:5px;width:200%;padding:4px;right:0;list-style:none;opacity:0;-webkit-animation-name:HideList;animation-name:HideList;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:step-start;animation-timing-function:step-start;background-color:#fff;border-radius:14px;box-shadow:0 3px 10px rgba(64,57,57,.2);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:400px;z-index:20}@-webkit-keyframes HideList{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(0);transform:scaleY(0)}}@keyframes HideList{0%{-webkit-transform:scaleY(1);transform:scaleY(1)}to{-webkit-transform:scaleY(0);transform:scaleY(0)}}.option-item-label{display:flex;padding:5px 10px;cursor:pointer;background-color:#fff}.option-item-label .label{color:#bdbdbd;font-weight:600;display:flex;width:100%;grid-gap:3px;gap:3px;padding:6px 10px;border:2px solid #bdbdbd;border-radius:10px;font-weight:500}.option-item-label .label .icon{margin-top:2px;margin-left:2px;width:1.2rem;height:1.2rem;fill:#bdbdbd}.option-item-label .label .icon:focus,.option-item-label .label .icon:hover{fill:#1caed4}.option-item-label .label:focus,.option-item-label .label:hover{color:#1caed4;border-color:#1caed4;background-color:#fbfbfb}.option-item-label .label[data-selected=true]{border-color:#1caed4;color:#1caed4}.Confirmation_bodyContainer__36oPh{max-width:350px;display:flex;flex-direction:column;justify-content:center;align-items:center}.Confirmation_bodyContainer__36oPh .Confirmation_title__1Cvc8{color:#f04;font-size:20px;line-height:25px;text-align:center}.Confirmation_bodyContainer__36oPh .Confirmation_subTitle__1TPGd{font-size:16px;line-height:19px;text-align:center;color:#000;padding-bottom:20px}.Confirmation_footerContainer__ngWOG{display:flex;justify-content:center}.Confirmation_footerContainer__ngWOG .Confirmation_redBorderButton__2H1B8{width:60%;padding:10px 0;background:#fff;color:#f04;border:2px solid #f04;border-radius:8px;text-transform:inherit}.Confirmation_footerContainer__ngWOG .Confirmation_redButton___OD0Z{width:45%;padding:10px 0;background:#f04;color:#fff;border-radius:8px;text-transform:inherit}.Confirmation_footerContainer__ngWOG .Confirmation_redButton___OD0Z:hover{background:#b83c5d}.product_container__11ako{margin:5rem 3rem}.product_container__11ako .product_buttonBack__ARHEz{display:flex;padding:0;cursor:pointer;background-color:#fff;align-items:center}.product_container__11ako .product_buttonBack__ARHEz .product_title__2khqv{font-size:1.5rem}.product_container__11ako .product_wrapper__zdV09{box-shadow:0 1px 4px rgba(0,0,0,.25);padding:12px;border-radius:10px;margin-top:15px}.product_container__11ako .product_wrapper__zdV09 .product_subtitle__1v7CJ{font-size:1.2rem}.AddProductCategory_bodyContainer__30R4v{width:33.1rem;display:flex;flex-direction:column;justify-content:center}.AddProductCategory_bodyContainer__30R4v .AddProductCategory_textfield__gTXmf{margin-bottom:15px}.AddProductCategory_bodyContainer__30R4v .AddProductCategory_categoryNameLabel__22x20{font-size:14px;line-height:20px;color:#1e3f4f;padding:5px 0}.AddProductCategory_bodyContainer__30R4v .AddProductCategory_toggle__1dbmH{display:flex;margin-bottom:15px;justify-content:space-between}.AddProductCategory_bodyContainer__30R4v .AddProductCategory_toggle__1dbmH .AddProductCategory_title__1MtcT{font-size:14px}.AddProductCategory_bodyContainer__30R4v .AddProductCategory_toggle__1dbmH .AddProductCategory_subtitle__1Ez-A{font-size:10px;color:#828282}.AddProductCategory_footerContainer__1L98e{display:flex;flex-direction:row;justify-content:center}.AddProductCategory_footerContainer__1L98e .AddProductCategory_primaryButton__16Jw1{min-width:110px;min-height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;font-size:16px;line-height:19px;text-align:center;cursor:pointer;background:#1caed4;color:#fff;width:100%}.AddProductCategory_footerContainer__1L98e .AddProductCategory_primaryButton__16Jw1:disabled{background-color:rgba(130,197,214,.9);cursor:not-allowed}@media only screen and (max-width:720px){.AddProductCategory_footerContainer__1L98e .AddProductCategory_primaryButton__16Jw1{min-height:30px}}.AddProductCategory_footerContainer__1L98e .AddProductCategory_primaryButton__16Jw1:hover{background:#54c5e2}.AddProductCategory_footerContainer__1L98e .AddProductCategory_secondaryButton__2bhxf{min-width:110px;min-height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;font-size:16px;line-height:19px;text-align:center;cursor:pointer;background:#fff;color:#1caed4;border:2px solid #1caed4;width:100%}.AddProductCategory_footerContainer__1L98e .AddProductCategory_secondaryButton__2bhxf:disabled{background-color:rgba(130,197,214,.9);cursor:not-allowed}.AddProductCategory_footerContainer__1L98e .AddProductCategory_secondaryButton__2bhxf:hover{background:#f7f7f7}@media only screen and (max-width:720px){.AddProductCategory_footerContainer__1L98e{justify-content:space-between}}.toggle{width:3.8rem;height:2rem;border-radius:50px;position:relative;cursor:pointer;border:2px solid #e8eae9;background:#e8eae9}.toggle.night{background:#1caed4}.notch{height:1.5rem;width:1.5rem;border-radius:50%;background:#fff;position:absolute;top:2px;left:1px;right:2px;z-index:1;transition:all .3s ease}.night>.notch{background:#f5f5f5;box-shadow:0 0 5px #f5f5f5;-webkit-transform:translate(100px);transform:translate(100px);position:absolute;left:-70px}.SetProductCategory_bodyContainer__1nBps{width:550px;display:flex;flex-direction:column}.SetProductCategory_bodyContainer__1nBps .SetProductCategory_categoryList__2NJa-{display:flex;flex-direction:row;align-items:center;justify-content:space-between;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.25);border-radius:10px;padding:12px 24px;margin:5px 0}.SetProductCategory_bodyContainer__1nBps .SetProductCategory_categoryList__2NJa- .SetProductCategory_label__156nj{font-size:18px;line-height:21px;color:#1f1f1f}.SetProductCategory_bodyContainer__1nBps .SetProductCategory_categoryList__2NJa- .SetProductCategory_iconBox__2hhFU{display:flex;flex-direction:row;justify-content:space-between}.SetProductCategory_bodyContainer__1nBps .SetProductCategory_categoryList__2NJa- .SetProductCategory_iconBox__2hhFU .SetProductCategory_iconsButton__JtaGy{background:#c1c7ce!important;min-width:auto!important;padding:8px!important}.SetProductCategory_footerContainer__1e2GY .SetProductCategory_secondaryButton__3l8GF{min-width:110px;min-height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;font-size:16px;line-height:19px;text-align:center;cursor:pointer;background:#fff;width:100%;padding-left:15px;padding-right:15px;color:#1caed4;border:2px solid #1caed4}.SetProductCategory_footerContainer__1e2GY .SetProductCategory_secondaryButton__3l8GF:hover{background:#f7f7f7}.AddProductMerchant_headerContainer__3AeF4{display:flex;flex-direction:row;align-items:center}.AddProductMerchant_headerContainer__3AeF4 .AddProductMerchant_buttonBack__3Jkn7{display:flex;cursor:pointer;background-color:#fff}.AddProductMerchant_headerContainer__3AeF4 .AddProductMerchant_buttonBack__3Jkn7 .AddProductMerchant_title__63JAn{font-size:1.5rem}.AddProductMerchant_headerContainer__3AeF4 .AddProductMerchant_headerTitle__9vyvR{font-weight:500;font-size:20px;color:#000}@media only screen and (max-width:720px){.AddProductMerchant_headerContainer__3AeF4 .AddProductMerchant_headerTitle__9vyvR{margin-left:6px;margin-top:7px}}.AddProductMerchant_container__rdLG_{width:100%;display:flex;justify-content:center;padding:0 80px 20px;grid-column-gap:16px;-webkit-column-gap:16px;column-gap:16px}.AddProductMerchant_container__rdLG_ .AddProductMerchant_primaryButton__G40Us{min-height:42px;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;font-size:16px;line-height:19px;text-align:center;cursor:pointer;background:#1caed4;color:#fff}@media only screen and (max-width:720px){.AddProductMerchant_container__rdLG_ .AddProductMerchant_primaryButton__G40Us{min-height:30px}}.AddProductMerchant_container__rdLG_ .AddProductMerchant_primaryButton__G40Us:hover{background:#54c5e2}.AddProductMerchant_container__rdLG_ .AddProductMerchant_deleteButton__3js3c{min-height:42px;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;border-radius:10px;font-size:16px;line-height:19px;text-align:center;cursor:pointer;background:#d0021b;color:#fff;flex-direction:row}.AddProductMerchant_container__rdLG_ .AddProductMerchant_deleteButton__3js3c .AddProductMerchant_img__bfCMv{width:24px;height:24px}@media only screen and (max-width:720px){.AddProductMerchant_container__rdLG_ .AddProductMerchant_deleteButton__3js3c{min-height:30px}}.AddProductMerchant_container__rdLG_ .AddProductMerchant_deleteButton__3js3c:hover{background:#cb4d5b}.ProductInformation_productInfoContainer__FhvZ5{display:flex;flex-direction:column;width:100%;height:auto;margin-top:40px;margin-bottom:28px;background-color:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.15);border-radius:15px;padding:20px}@media only screen and (max-width:720px){.ProductInformation_productInfoContainer__FhvZ5{margin-top:23px}}.ProductInformation_productInfoContainer__FhvZ5 .ProductInformation_productInfoInput__xha6l{display:flex;flex-direction:row;width:100%;height:auto;margin-top:20px;flex-wrap:wrap;justify-content:space-between}@media only screen and (max-width:720px){.ProductInformation_productInfoContainer__FhvZ5 .ProductInformation_productInfoInput__xha6l{display:flex;flex-direction:column}}.ProductInformation_productInfoContainer__FhvZ5 .ProductInformation_productInfoInput__xha6l .ProductInformation_inputContainer__1_O3E{display:flex;flex-direction:column;flex:0 0 32%;height:auto}.ProductInformation_productInfoContainer__FhvZ5 .ProductInformation_productInfoInput__xha6l .ProductInformation_inputContainer__1_O3E .ProductInformation_imageUploadForm__3j7rm{height:205px}.ProductInformation_productInfoContainer__FhvZ5 .ProductInformation_productInfoInput__xha6l .ProductInformation_inputContainer__1_O3E .ProductInformation_textFieldContainer__jxVL0{display:flex;flex-direction:column;margin-bottom:10px}.ProductInformation_productInfoContainer__FhvZ5 .ProductInformation_productInfoInput__xha6l .ProductInformation_inputContainer__1_O3E .ProductInformation_textFieldContainer__jxVL0 .ProductInformation_textFieldLabel__32EKC{font-weight:500;font-size:14px;line-height:20px;color:#1e3f4f;margin-bottom:5px}.ProductInformation_productInfoContainer__FhvZ5 .ProductInformation_productInfoInput__xha6l .ProductInformation_inputContainer__1_O3E .ProductInformation_textFieldContainer__jxVL0 .ProductInformation_textDescription__17gxy{font-size:14px;color:#bdbdbd;margin-top:5px}.ProductInformation_productInfoContainer__FhvZ5 .ProductInformation_productInfoInput__xha6l .ProductInformation_inputContainer__1_O3E .ProductInformation_textFieldContainer__jxVL0 .ProductInformation_textFieldCustom__3nlmE{border-radius:0}.ProductInformation_productInfoContainer__FhvZ5 .ProductInformation_productInfoInput__xha6l .ProductInformation_areaContainer__3Cp6G{width:100%;display:flex;justify-content:flex-end}.ProductInformation_productInfoContainer__FhvZ5 .ProductInformation_productInfoInput__xha6l .ProductInformation_areaContainer__3Cp6G .ProductInformation_textFieldContainer__jxVL0{width:66%}.ProductInformation_productInfoContainer__FhvZ5 .ProductInformation_priceContainer__lMSyU,.ProductInformation_productInfoContainer__FhvZ5 .ProductInformation_weightContainer__1fhIH{display:flex;grid-gap:20px;gap:20px}.ProductInformation_productInfoContainer__FhvZ5 .ProductInformation_weightContainer__1fhIH .ProductInformation_wrapper__pfRkH{display:flex;flex-direction:column;justify-content:flex-end;width:33.33%}.ImageUploadV2_imageUpload__1Swkt{display:flex;flex-direction:column;height:100%;position:relative}.ImageUploadV2_imageUpload__1Swkt .ImageUploadV2_imageContainer__-Bkx3{border-radius:10px;height:100%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.ImageUploadV2_imageUpload__1Swkt .ImageUploadV2_imageContainer__-Bkx3 .ImageUploadV2_imageWrapper__B1zrO{display:flex;justify-content:center;align-items:center}.ImageUploadV2_imageUpload__1Swkt .ImageUploadV2_imageContainer__-Bkx3 .ImageUploadV2_imageWrapper__B1zrO .ImageUploadV2_image__3aLz1{border-radius:10px;width:19rem;height:inherit;object-fit:cover}.ImageUploadV2_imageUpload__1Swkt .ImageUploadV2_selectFile__1C6c7{cursor:pointer;height:100%;width:100%;position:absolute;background-color:transparent;opacity:0}.ImageUploadV2_imageUpload__1Swkt .ImageUploadV2_deleteButton__2eVGD{position:absolute;right:5px;top:5px;background-color:rgba(146,143,143,.1411764705882353)}.ImageUploadV2_imageUpload__1Swkt .ImageUploadV2_uploadLoading__3ri6I{position:absolute;height:100%;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.css-1okebmr-indicatorSeparator{background-color:transparent!important}.ModalSuccess_bodyContainer___CJNv{max-width:350px;display:flex;flex-direction:column;justify-content:center;align-items:center}.ModalSuccess_bodyContainer___CJNv .ModalSuccess_title__3uh8S{color:#1caed4;font-size:20px;line-height:25px;text-align:center;padding:20px 0}