@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.popup-alert .MuiDialog-paper{display:flex}.popup-alert .MuiDialog-paper .icon{display:flex;justify-content:center;margin:30px 0 0}.popup-alert .MuiDialog-paper .MuiDialogTitle-root{text-align:center}.popup-alert .MuiDialog-paper .MuiDialogContent-root{display:flex;flex-direction:column;align-content:center;gap:10px}*{border:0}*,body{margin:0;padding:0}body{background:#fafafa!important}.MuiTypography-root,body,button,h1,h2,h3,h4,h5,h6,p{font-family:Inter,sans-serif!important}.MuiCard-root{box-shadow:0 4px 20px 0 rgba(57,57,57,.2);border-radius:12px}.MuiFormHelperText-root{margin:0;padding:0;font-size:12px!important}.MuiInputBase-root{border-radius:8px!important;border-color:#d0d5dd;box-shadow:0 1px 2px 0 rgba(16,24,40,.051);background:#fff}.MuiInputBase-root ::placeholder{font-size:14px!important;color:#888!important;opacity:1!important;padding-top:2.5px!important;font-family:Inter,sans-serif!important}.input-number{border-radius:8px!important;box-shadow:0 1px 2px 0 rgba(16,24,40,.051);border:1px solid rgba(0,0,0,.23);height:40px;padding:0 14px}.input-number:focus-visible{outline-color:#3971be}.input-number::placeholder{font-size:14px!important;color:"#888888"!important;opacity:1!important;padding-top:2.5px!important;font-family:Inter,sans-serif!important}.button-primary{background:#2b5caa;width:100%;border-radius:8px;color:#fff;font-size:16px;font-weight:500;line-height:19.2px;padding:10px}label{font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:20px;text-align:left;color:#171717}span.required{color:red;margin-left:4px}.MuiFormHelperText-root.Mui-error{color:#f04438;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:20px;text-align:left}.timepicker-sarvenaz{border:1px solid #b0b0b0;padding:8.5px 14px;margin-bottom:10px}.timepicker-sarvenaz .ant-picker-input input ::placeholder{color:red}.timepicker-sarvenaz .ant-picker-input ::-ms-input-placeholder{color:red}.message-create,.message-remove{margin-bottom:16px;display:flex;gap:14px;justify-content:space-between;align-items:center;padding:10px 18px;border-radius:4px}.message-create span,.message-remove span{display:flex;gap:14px}.message-create p,.message-remove p{font-size:14px}@media screen and (max-width:599px){.message-create p,.message-remove p{font-size:12px}}.message-create{background-color:#a6f4c5;color:#05603a}.message-remove{background-color:#fee4e2;color:#912018}.search-by{display:flex;align-items:center;gap:10px;width:100%}.custom-dropdown.MuiInputBase-root{width:150px!important}@media screen and (max-width:599px){.custom-dropdown.MuiInputBase-root{width:170px!important}}.custom-dropdown.MuiInputBase-root .MuiSelect-select{padding:8.4px 16px!important;margin:0!important;font-size:14px}.margin-price{font-weight:700;min-width:70px;display:flex;align-items:center;justify-content:start}.margin-price.loss{color:#f43838}.test-css .custom-tabs .MuiTab-root.Mui-selected{color:green}.countdown{font-size:12px;color:#2b5caa;font-weight:700;background:#e6ecf8;padding:10px 20px;border-radius:8px;display:grid;place-items:center;text-align:center}.login{height:88vh;padding:50px 0;background:#fafafa}.login .title-card h3{font-size:28px;font-weight:700;line-height:37.2px;margin-bottom:10px}.login .title-card p{font-size:18px;font-weight:500;line-height:24px;color:#888}.login .form-otp{display:flex;gap:10px}.login .form-otp .MuiBox-root{flex:1 1;flex-basis:20%}.login .form-otp .MuiBox-root .MuiInputBase-root{height:72px}.login .form-otp button{width:100%}.login .forgot-totp a{text-decoration:none;color:#2b5caa}.login form{margin:40px 0 20px}.login form .Mui-error{color:#f04438!important}.login form .forgot-password a{color:#2b5caa;font-size:14px;font-weight:500;line-height:19.2px}.login form .remember-me .MuiTypography-root{font-size:14px;font-weight:500;line-height:19.2px;text-align:left}.modal-auth .MuiPaper-root .title{display:flex;align-items:center;gap:15px}.modal-auth .MuiPaper-root .body{margin-top:30px}.modal-auth .MuiPaper-root .body .card-form{border:1px solid #e7e7e7;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:12px;padding:15px 0;flex-wrap:wrap;word-break:break-all}.modal-auth .MuiPaper-root .body .card-form h5{width:100%;text-align:center;font-size:16px;font-weight:500;line-height:19.2px;color:#5d5d5d;overflow-wrap:break-word;margin-top:20px}.modal-auth .MuiPaper-root .body .card-form .divider{border-bottom:1px solid #e7e7e7;width:85%;margin:10px 0}.modal-auth .MuiPaper-root .body .card-form .code{font-size:20px;font-weight:700;line-height:24px;text-align:left;color:#454545;width:85%}.modal-auth .MuiPaper-root .body .action{margin-top:30px;width:100%;gap:10px;display:flex;justify-content:flex-end}.modal-auth .MuiPaper-root .body .action button{font-weight:500}.forgot-totp-page{height:88vh;padding:50px 0;background:#fafafa}.forgot-totp-page .body{padding-top:150px;display:flex;align-items:center;justify-content:center}@media screen and (max-width:1024px){.forgot-totp-page .body{padding-top:80px}}@media screen and (max-width:1500px){.forgot-totp-page .body{padding-top:80px}}@media screen and (min-width:1920px){.forgot-totp-page .body{padding-top:80px}}.forgot-totp-page .body .forgot-card{border-radius:12px;box-shadow:0 4px 20px 0 rgba(57,57,57,.2);height:100%}.forgot-totp-page .body .forgot-card .MuiCardContent-root .card{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px;width:518px;height:447px}@media screen and (max-width:599px){.forgot-totp-page .body .forgot-card .MuiCardContent-root .card{width:auto}}@media screen and (min-width:600px)and (max-width:959px){.forgot-totp-page .body .forgot-card .MuiCardContent-root .card{width:auto}}.forgot-totp-page .body .forgot-card .MuiCardContent-root .card .title-card h3{font-size:28px;font-weight:700;line-height:37.2px;margin-bottom:10px}.forgot-totp-page .body .forgot-card .MuiCardContent-root .card .title-card p{font-size:16px;font-weight:400;line-height:24px;color:#888}.forgot-totp-page .body .forgot-card .MuiCardContent-root .card .title-card .icon{display:flex;justify-content:center;margin-bottom:30px}.forgot-totp-page .body .forgot-card .MuiCardContent-root .card a{margin-top:40px;display:flex;align-items:center;font-size:16px;font-weight:500;line-height:19.2px;text-align:left;color:#2b5caa;text-decoration:none}.forgot-totp-page .body .otp .MuiCardContent-root .title-card{width:518px}.forgot-totp-page .body .otp .MuiCardContent-root .title-card h3{font-size:31px;font-weight:700;line-height:37.2px;text-align:left;margin:10px 0 0}.forgot-totp-page .body .otp .MuiCardContent-root .title-card P{margin-top:20px;font-size:20px;font-weight:500;line-height:24px;text-align:left;color:#888}.forgot-totp-page .body .otp .MuiCardContent-root .title-card .form-otp{margin-top:50px}.forgot-password-page{height:88vh;padding:50px 0;background:#fafafa}@media screen and (max-width:599px){.forgot-password-page .MuiContainer-root{padding:0}.forgot-password-page{background:#fff;padding-top:0}.forgot-password-page .logo-area{background:#fff;padding:10px 16px}.forgot-password-page .logo-area svg path{width:100px}}.forgot-password-page .body{padding-top:150px;display:flex;align-items:center;justify-content:center}@media screen and (max-width:1024px){.forgot-password-page .body{padding-top:80px}}@media screen and (max-width:1500px){.forgot-password-page .body{padding-top:80px}}@media screen and (min-width:1920px){.forgot-password-page .body{padding-top:80px}}.forgot-password-page .body .forgot-card{border-radius:12px;box-shadow:0 4px 20px 0 rgba(57,57,57,.2);height:100%}.forgot-password-page .body .forgot-card .MuiCardContent-root .card{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px;width:518px;height:447px}@media screen and (max-width:599px){.forgot-password-page .body .forgot-card .MuiCardContent-root .card{width:420px;padding:20px 2px}}.forgot-password-page .body .forgot-card .MuiCardContent-root .card .title-card h3{font-size:28px;font-weight:700;line-height:37.2px;margin-bottom:10px}.forgot-password-page .body .forgot-card .MuiCardContent-root .card .title-card p{font-size:16px;font-weight:400;line-height:24px;color:#888}.forgot-password-page .body .forgot-card .MuiCardContent-root .card .title-card .icon{display:flex;justify-content:center;margin-bottom:30px}@media screen and (max-width:599px){.forgot-password-page .body .forgot-card .MuiCardContent-root .card .MuiInputBase-root{width:100%}}.forgot-password-page .body .forgot-card .MuiCardContent-root .card a{margin-top:40px;display:flex;align-items:center;font-size:16px;font-weight:500;line-height:19.2px;text-align:left;color:#2b5caa;text-decoration:none}.konfirmasi-password-page{height:88vh;padding:50px 0;background:#fafafa}.konfirmasi-password-page .body{padding-top:150px;display:flex;align-items:center;justify-content:center}@media screen and (max-width:1024px){.konfirmasi-password-page .body{padding-top:80px}}@media screen and (max-width:1500px){.konfirmasi-password-page .body{padding-top:80px}}@media screen and (min-width:1920px){.konfirmasi-password-page .body{padding-top:80px}}.konfirmasi-password-page .body .card-confirm-password{border-radius:12px;box-shadow:0 4px 20px 0 rgba(57,57,57,.2);height:100%}.konfirmasi-password-page .body .card-confirm-password .MuiCardContent-root .card{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px;width:518px;height:447px}.konfirmasi-password-page .body .card-confirm-password .MuiCardContent-root .card .title-card h3{font-size:28px;font-weight:700;line-height:37.2px;margin-bottom:10px}.konfirmasi-password-page .body .card-confirm-password .MuiCardContent-root .card .title-card p{font-size:16px;font-weight:400;line-height:24px;color:#888}.konfirmasi-password-page .body .card-confirm-password .MuiCardContent-root .card .title-card .icon{display:flex;justify-content:center;margin-bottom:30px}.konfirmasi-password-page .body .card-confirm-password .MuiCardContent-root .card .informasi{border:1px solid #e7e7e7;margin:30px 0;width:Fill 454px px;height:Hug 147px px;padding:16px;gap:8px;border-radius:12px}.konfirmasi-password-page .body .card-confirm-password .MuiCardContent-root .card .informasi h5{font-size:16px;font-weight:500;line-height:19.2px;text-align:left}.MuiAppBar-root{background:#fff!important;color:#000;box-shadow:none!important;margin:0;border-bottom:1px solid #e7e7e7}.MuiAppBar-root svg{fill:#000}.MuiAppBar-root .navbar{display:flex;width:100%;justify-content:space-between;align-items:center}.MuiAppBar-root .navbar .logo-area{display:none}@media screen and (max-width:959px){.MuiAppBar-root .navbar .logo-area{display:block}}.MuiAppBar-root .navbar .notication-icon{margin-right:10px}.MuiAppBar-root .navbar .notication-icon .MuiBadge-badge{background-color:#b42318}.MuiAppBar-root .navbar .notication-icon .MuiSvgIcon-root{fill:#888}.MuiAppBar-root .navbar .search-navbar{width:300px}@media screen and (max-width:599px){.MuiAppBar-root .navbar .search-navbar,.MuiAppBar-root .navbar .user-info{display:none}}.MuiAppBar-root .navbar .user-info h4{font-size:13px;line-height:15.6px;color:#454545}.MuiAppBar-root .navbar .user-info p{color:#b0b0b0;font-size:13px;font-weight:500;line-height:15.6px}.MuiAppBar-root .MuiBreadcrumbs-root{text-transform:capitalize}.MuiAppBar-root .MuiBreadcrumbs-root .MuiBreadcrumbs-ol .MuiBreadcrumbs-li a,.MuiAppBar-root .MuiBreadcrumbs-root .MuiBreadcrumbs-ol .MuiBreadcrumbs-li p{color:#707070;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.MuiAppBar-root .MuiBreadcrumbs-root .MuiBreadcrumbs-ol .MuiBreadcrumbs-li p{color:#000;font-weight:700}.MuiAppBar-root .label-breadcrumb{color:#000;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize;padding-left:30px}@media screen and (max-width:959px){.header-sarvenaz .navbar-sarvenaz{padding:0 15px;background:#fff!important;margin-top:0}.header-sarvenaz .navbar-sarvenaz .expand-menu{background:#fff;display:flex}.header-sarvenaz .navbar-sarvenaz .navbar{justify-content:flex-end}}.user-dropdown .MuiPaper-root{box-shadow:0 4px 20px 0 rgba(57,57,57,.2);border-radius:8px}.user-dropdown .MuiPaper-root .MuiList-root .MuiMenuItem-root .MuiTypography-root{display:flex;align-items:center;gap:10px}.user-dropdown .MuiPaper-root .MuiList-root .MuiMenuItem-root .MuiTypography-root span{display:flex;align-items:center}.user-dropdown .MuiPaper-root .MuiList-root .MuiMenuItem-root:first-child{border-bottom:1px solid #e7e7e7;padding:15px 30px 20px}.user-dropdown .MuiPaper-root .MuiList-root .MuiMenuItem-root:first-child .MuiTypography-root{color:#454545;font-family:Inter;font-weight:500;line-height:15.6px;text-align:left}.user-dropdown .MuiPaper-root .MuiList-root .MuiMenuItem-root:first-child .MuiTypography-root span svg path{fill:#888}.user-dropdown .MuiPaper-root .MuiList-root .MuiMenuItem-root:nth-last-child(-n+1){padding-top:13px}.user-dropdown .MuiPaper-root .MuiList-root .MuiMenuItem-root:nth-last-child(-n+1) .MuiTypography-root{color:#912018;font-weight:500}.notification-list .MuiPaper-root{box-shadow:0 4px 20px 0 rgba(57,57,57,.2);border-radius:8px}.notification-list .MuiPaper-root .title{padding:15px 10px;border-bottom:1px solid #ddd}.notification-list .MuiPaper-root .title .read-all{background:none;font-family:Inter;font-size:13px;font-weight:500;line-height:15.6px;text-align:left;color:#3679ba}.notification-list .MuiPaper-root .list-notif{padding:15px 10px;border-bottom:1px solid #e7e7e7}.notification-list .MuiPaper-root .list-notif.active{background:#e6ecf8}.notification-list .MuiPaper-root .list-notif:hover{cursor:pointer}.notification-list .MuiPaper-root .list-notif .MuiTypography-root{display:flex;align-items:center;gap:10px;font-family:Inter;font-weight:500;line-height:18px;text-align:left}.notification-list .MuiPaper-root .list-notif .MuiTypography-root span{display:flex;align-items:center}.notification-list .MuiPaper-root .list-notif:nth-last-child(-n+1){border:none}@media screen and (max-width:959px){.sidebar{z-index:1300!important}}.sidebar .MuiDrawer-paper{border-right:1px solid #e7e7e7!important;background:#fff;overflow:hidden;z-index:1000}@media screen and (max-width:959px){.sidebar .MuiDrawer-paper{height:100%!important}}.sidebar .MuiDrawer-paper .logo-area{display:flex;align-items:flex-start;justify-content:flex-start;padding:25px}.sidebar .MuiDrawer-paper .MuiList-root{overflow:auto}.sidebar .MuiDrawer-paper .MuiList-root::-webkit-scrollbar{width:2px}.sidebar .MuiDrawer-paper .MuiList-root:-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.sidebar .MuiDrawer-paper .MuiList-root::-webkit-scrollbar-thumb{background-color:#2b5caa}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu h3{color:#b0b0b0!important;padding:0 17px;margin:10px 0;font-size:14px;font-weight:500;line-height:19.2px;text-align:left}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu{margin:0 20px}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu a{width:100%;text-decoration:none}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu a svg{color:#000}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .badge-sidebar .MuiTypography-root{display:flex;align-items:center;gap:10px;width:100%}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .badge-sidebar .MuiTypography-root .count{background:#d92d20;width:32px;height:20px;padding:4px;gap:8px;border-radius:100px;font-size:10px;font-weight:500;line-height:12px;text-align:center;color:#fff}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .MuiListItemText-primary{color:#454545;font-size:14px;font-style:normal;font-weight:550;line-height:normal;font-family:Inter,sans-serif;margin-left:10px}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .drop-icon path{fill:#454545}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .MuiListItemIcon-root{min-width:25px}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .Mui-selected{background:#3971be;border-radius:9px}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .Mui-selected .MuiListItemText-primary{font-weight:600;color:#fff}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .Mui-selected .drop-icon path{fill:#fff}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .MuiCollapse-root .MuiListItemButton-root{height:30px;padding:24px 40px}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .MuiCollapse-root .MuiListItemText-root .MuiListItemText-primary{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:normal;font-family:Inter,sans-serif}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .MuiCollapse-root .Mui-selected{background:#f3f6fc;border:none;height:30px;margin-top:8px}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .MuiCollapse-root .Mui-selected .MuiListItemText-primary{font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:19.2px;color:#2b5caa}.dashboard-overview .welcome-dashboard{margin:0 0 10px}.dashboard-overview .welcome-dashboard h4{color:#888;font-size:16px;font-weight:500;line-height:19.2px;text-align:left}.dashboard-overview .welcome-dashboard h4 span{color:#3d3d3d;font-weight:700}.dashboard-overview .card-count-overview{box-shadow:0 2px 6px 0 rgba(57,57,57,.078);height:100%}.dashboard-overview .card-count-overview .MuiCardContent-root{display:flex;height:100%;flex-direction:column;justify-content:center}.dashboard-overview .card-count-overview .MuiCardContent-root .top{display:flex;gap:10px}.dashboard-overview .card-count-overview .MuiCardContent-root .top .desc{display:flex;flex-direction:column;justify-content:center}.dashboard-overview .card-count-overview .MuiCardContent-root .top .desc .jenis{font-size:16px;font-weight:700;line-height:19.2px;color:#454545}.dashboard-overview .card-count-overview .MuiCardContent-root .top .desc .today{font-size:16px;font-weight:500;line-height:19.2px;color:#888;margin-top:3px}.dashboard-overview .card-count-overview .MuiCardContent-root .count{margin-top:10px;font-size:25px;font-weight:700;line-height:30px;text-align:left;color:#262626}.dashboard-overview .card-count-overview .MuiCardContent-root .desc-user{font-size:16px;font-weight:500;line-height:19.2px;color:#888;margin-top:5px}.dashboard-overview .pendapatan-platform{margin:30px 0}.dashboard-overview .pendapatan-platform .title{margin:10px 0;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:599px){.dashboard-overview .pendapatan-platform .title{flex-direction:column;align-items:flex-start}.dashboard-overview .pendapatan-platform .title h3{margin:5px 0}}.dashboard-overview .pendapatan-platform .title .filter-date .neutral{padding:10px;font-size:13px;font-weight:500;line-height:15.6px;text-align:left;color:#454545!important}.dashboard-overview .pendapatan-platform .legend-chart h4{display:flex;gap:5px;align-items:center}.dashboard-overview .pendapatan-platform .legend-chart h4 span{display:block;width:12px;height:12px;background:#2b5caa;border-radius:10px}.dashboard-overview .top-going-promotion{margin:30px 0}.dashboard-overview .top-going-promotion .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.dashboard-overview .top-going-promotion a{border:1px solid #2b5caa;color:#2b5caa}.dashboard-overview .total-saldo-abanggas{margin:20px 0}.dashboard-overview .total-saldo-abanggas .title{margin:10px 0;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:599px){.dashboard-overview .total-saldo-abanggas .title{flex-direction:column;align-items:flex-start}.dashboard-overview .total-saldo-abanggas .title h3{margin:5px 0}}.dashboard-overview .total-saldo-abanggas p{color:#888;font-weight:500;font-size:16px;line-height:120%;letter-spacing:0}.agen{position:relative;overflow:hidden}.agen header{padding-top:16px}.agen header .option{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}.agen header .option section{display:flex;flex-wrap:wrap;gap:12px}@media screen and (max-width:599px){.agen header .option section{width:100%}}.agen header h3{font-size:25px;font-weight:700}@media screen and (max-width:599px){.agen header h3{font-size:20px}}.agen header .MuiTabs-flexContainer{width:-moz-fit-content;width:fit-content;border-bottom:2px solid #e5e5e5}.agen header .MuiTabs-flexContainer button{font-size:14px;line-height:20px;font-weight:500;color:#000}.agen header .MuiTabs-flexContainer button[aria-selected=true]{color:#2b5caa;font-weight:700}.agen header .MuiBox-root{padding:0}.agen header .MuiBox-root input{font-weight:500}.agen header .MuiBox-root input::placeholder{color:#6d6d6d}@media screen and (max-width:599px){.agen .MuiFormControl-fullWidth{flex-wrap:wrap;width:100%}}.agen .status{font-weight:500!important;display:flex;gap:8px;justify-items:center}.agen .status p{font-size:12px;padding:4px 8px;border-width:1px;border-style:solid;border-radius:8px;width:-moz-fit-content;width:fit-content}.agen .status p.pending{color:#ffd01c;border-color:#ffd01c;background-color:#fefde2}.agen .status p.success{color:#027a48;background-color:#d1fadf;border-color:#027a48}.agen .status p.failed{color:#b42318;border-color:#b42318;background-color:#fee4e2}.agen .view-agen header{display:flex;margin-bottom:16px;gap:20px;justify-content:space-between;align-items:center}.agen .view-agen header .MuiInputBase-root{width:400px}@media screen and (max-width:599px){.agen .view-agen header .MuiInputBase-root{width:100%}.agen .view-agen header{flex-wrap:wrap}}.agen .view-agen header h3{margin:0;padding:0}.agen .view-agen .neutral{width:-moz-fit-content;width:fit-content}.agen .map-agen .map-container{margin-top:16px;width:100%;overflow:hidden;border-radius:10px;height:650px}.agen .map-agen .filter-agen{width:100%;display:flex;justify-content:end}.agen .map-agen .filter-agen button{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;color:#454545;background-color:#fff;border-radius:6px;border:.5px solid #454545;padding:6px 16px;font-weight:500;margin-top:13px;display:flex;gap:6px;justify-content:center;align-items:center}.agen .map-agen .filter-agen button:hover{background-color:#f1f1f1;transition:all .15s ease-in-out;cursor:pointer}.agen .map-agen .status{font-weight:500!important;display:flex;gap:8px;justify-items:center}.agen .map-agen .status p{font-size:12px;padding:4px 8px;border-width:1px;border-style:solid;border-radius:8px;width:-moz-fit-content;width:fit-content;margin:5px 0}.agen .map-agen .status p.success{color:#027a48;background-color:#d1fadf;border-color:#027a48}.agen .map-agen .status p.failed{color:#b42318;border-color:#b42318;background-color:#fee4e2}.agen .detail h4{font-size:20px}.agen .detail .address-container,.agen .detail .general,.agen .detail .verifikasi-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px 32px;gap:16px 32px;margin-bottom:24px}@media screen and (max-width:599px){.agen .detail .address-container,.agen .detail .general,.agen .detail .verifikasi-container{grid-template-columns:repeat(1,1fr)}}.agen .detail .address-container .address{margin-bottom:10px}.agen .detail .address-container .address label{margin-bottom:6px;display:block}.agen .detail .address-container .address .MuiAutocomplete-root{width:100%}.agen .detail .address-container .address .MuiInputBase-root{padding:2px 12px;width:100%}.agen .detail .photo main{margin-bottom:0!important}.agen .detail .photo header{margin-bottom:10px}.agen .detail .photo .upload-with-preview{margin-bottom:0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:32px;gap:32px}@media screen and (max-width:959px){.agen .detail .photo .upload-with-preview{grid-template-columns:repeat(1,1fr);gap:16px}}.agen .detail .photo .upload-with-preview header{font-size:14px}.agen .detail .photo .upload-with-preview .image-container{display:flex;flex-wrap:wrap;gap:12px}.agen .detail .photo .upload-with-preview .image-container .first-img{border:3px solid #2b5caa}.agen .detail .photo .upload-with-preview .image-container .img-uploaded{position:relative;background-color:#2b5caa;height:9.3em;width:14em;border-radius:10px;overflow:hidden}.agen .detail .photo .upload-with-preview .image-container .img-uploaded p{top:0;left:0;border-radius:0 0 10px 0;padding:6px 8px;background-color:#2b5caa;font-size:12px;color:#fff;font-weight:500;position:absolute;z-index:10}.agen .detail .photo .upload-with-preview .image-container .img-uploaded .preview-action{display:grid;place-items:center;position:absolute;top:0;bottom:0;right:0;left:0}.agen .detail .photo .upload-with-preview .image-container .img-uploaded .preview-action .action{display:flex;gap:10px}.agen .detail .photo .upload-with-preview .image-container .img-uploaded img{height:100%;object-position:center;width:100%;object-fit:cover}.agen .detail .verifikasi-container{border:1px solid #e5e5e5;border-radius:10px;padding:12px}.agen .detail .verifikasi-container .verifikasi:first-child{display:flex;flex-direction:column;gap:6px}.agen .detail .verifikasi-container .verifikasi .file-status{display:flex!important;justify-content:space-between;align-items:center}.agen .detail .verifikasi-container .verifikasi .file-status .file-detail{display:flex;gap:14px;align-items:center}.agen .detail .verifikasi-container .verifikasi .file-status .file-detail p{font-size:16px}.agen .detail .verifikasi-container .verifikasi .file-status .file-detail span{font-size:14px;color:#b0b0b0}.agen .detail .verifikasi-container .verifikasi .file-status .file-action{display:flex;justify-content:center;align-items:center;gap:10px}.agen .detail .verifikasi-container .verifikasi .file-status{margin:10px 0 20px}.agen .detail .verifikasi-container .verifikasi .file-container{margin:6px 0 16px;border:1px dashed #bababa;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:42px 0;transition:all .3s ease-in-out}.agen .detail .verifikasi-container .verifikasi .file-container:hover{background-color:#efefef}.agen .detail .verifikasi-container .verifikasi .file-container p{font-size:16px}.agen .detail .verifikasi-container .verifikasi .file-container p span{color:#2b5caa;font-weight:700}.agen .detail .verifikasi-container .verifikasi .file-container p.validation{font-size:14px;color:#6d6d6d;font-weight:400}.agen .detail .verifikasi-container .verifikasi .hidden-input{display:none}.agen .detail .edit-foto .file-name .file{margin:10px 0;display:flex;align-items:center;gap:10px}.agen .detail .edit-foto .see-photo{width:32px;height:32px;padding:0;gap:10px;border-radius:24px;background:#fcfcfd}.agen .detail .edit-foto .see-photo svg path{fill:#475467}.agen .detail .edit-foto .delete{width:32px;height:32px;padding:0;gap:10px;border-radius:24px;background:#fef2f2}.agen .detail .edit-foto .delete svg path{fill:red}.agen .detail .transport-checked path{fill:#1976d2}.agen .detail .transport-unchecked path{fill:#666}.agen .detail .MuiRadioGroup-root{margin-top:4px}.agen .detail .MuiRadioGroup-root .MuiFormControlLabel-root{padding:0;margin:0 0 6px}.agen .detail .MuiRadioGroup-root .MuiFormControlLabel-root span{padding:0}.agen .detail .MuiRadioGroup-root .MuiFormControlLabel-root .MuiTypography-root{font-size:12px;margin-bottom:4px;margin-left:10px}.agen .detail footer{border-top:1px dashed #e5e5e5;background-color:#fff;width:100%;padding:40px 10px 10px 0}.agen .detail footer section{display:flex;justify-content:space-between;align-items:center;gap:14px}@media screen and (max-width:599px){.agen .detail footer section{flex-direction:column}}.agen .detail footer section h1{font-size:14px!important}.agen .action{gap:4px}.agen .action,.agen .agen-alert{display:flex;justify-content:center;align-items:center}.agen .agen-alert{flex-wrap:wrap;gap:16px}.agen .agen-alert p{border-right:2px solid #dcdcdc;padding-right:10px}@media screen and (max-width:959px){.agen .agen-alert p{border:none}}.agen .agen-alert section{display:flex;justify-content:center;align-items:center;gap:10px}.filter-agen header{margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #f1f1f1;display:flex;justify-content:space-between;align-items:center}.filter-agen header h1{font-weight:700;font-size:25px}.filter-agen main{display:flex;flex-direction:column;gap:12px}.filter-agen main section{display:flex;flex-direction:column;margin-bottom:8px}.filter-agen main section h2{font-size:20px;margin-bottom:4px}.filter-agen main section .option{display:flex}.filter-agen main section .option span{display:flex;justify-content:space-between;align-items:center}.suspend,.suspend header,.verify,.verify header{display:flex;flex-direction:column;justify-content:center}.suspend header,.verify header{gap:8px;align-items:center;margin-bottom:16px}.suspend header h1,.verify header h1{font-size:16px;font-weight:400;text-align:center}.suspend header h1 span,.verify header h1 span{font-weight:700}.suspend header .suspend-icon,.verify header .suspend-icon{background-color:#fee4e2;color:#912018}.suspend header .verify-icon,.verify header .verify-icon{background-color:#ecfdf3;color:#05603a}.suspend header .suspend-icon,.suspend header .verify-icon,.verify header .suspend-icon,.verify header .verify-icon{border-radius:50%;height:36px;width:36px;padding:6px;font-weight:lighter}.suspend section,.verify section{display:flex;flex-direction:column;gap:10px}.suspend section button,.verify section button{font-size:14px!important}.detail-agen{border:1px solid #e7e7e7;box-shadow:none}.detail-agen .MuiCardContent-root{padding:16px}.detail-agen .MuiCardContent-root .title{margin:10px 0}.detail-agen .MuiCardContent-root .time{margin:20px 0;border-bottom:1px solid #e7e7e7;padding-bottom:20px}.detail-agen .MuiCardContent-root .time .list-time{margin:10px 0;border:1px solid #e7e7e7;padding:10px;border-radius:8px}.detail-agen .MuiCardContent-root .time .list-time .day{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7e7e7;padding:10px 0}@media screen and (max-width:599px){.detail-agen .MuiCardContent-root .time .list-time .day{flex-direction:column;align-items:flex-start}}.detail-agen .MuiCardContent-root .time .list-time .day:last-child{border-bottom:none}.detail-agen .MuiCardContent-root .time .list-time .day .timepicker-sarvenaz-area{width:228px}@media screen and (max-width:599px){.detail-agen .MuiCardContent-root .time .list-time .day .timepicker-sarvenaz-area{width:100%}}.detail-agen .MuiCardContent-root .time .list-time .day .timepicker-sarvenaz-area .timepicker-sarvenaz{margin:0}.detail-agen .MuiCardContent-root .store-info{width:40%}@media screen and (max-width:599px){.detail-agen .MuiCardContent-root .store-info{width:100%}}@media screen and (max-width:959px){.detail-agen .MuiCardContent-root .store-info{width:100%}}.detail-agen .MuiCardContent-root .address-store h3{margin:20px 0}.detail-agen .MuiCardContent-root .action-store{display:flex;justify-content:flex-end;margin-top:10px;padding:10px 0;border-top:1px solid #e4e7ec}.assign-product-agen{margin:20px 0;border:1px solid #e7e7e7;box-shadow:none}.assign-product-agen .tambah-product{width:13%}@media screen and (max-width:599px){.assign-product-agen .tambah-product{width:100%}.list-product-agen .filter{gap:10px}}.list-product-agen .filter button{border-radius:100px}@media screen and (max-width:599px){.list-product-agen .filter button{margin:0}}.list-product-agen .filter button.aktif{background-color:#e6ecf8;border:1px solid #1f355b;color:#1f355b!important}.list-product-agen .filter button.aktif:hover{background-color:#23519a}.list-product-agen .product{display:flex;gap:10px;border:1px solid #f0f0f0;padding:10px;border-radius:8px;height:100%;justify-content:space-between;align-items:center}.list-product-agen .product.aktif{background:#f3f6fc;border:1px solid #3971be}.list-product-agen .product .view-product{display:flex;gap:10px}.list-product-agen .product .view-product .foto-product img{object-fit:cover}.list-product-agen .product .view-product .product-info{display:flex;flex-direction:column}.list-product-agen .product .view-product .product-info h4{font-size:16px;font-weight:500;line-height:19.2px;text-align:left;color:#454545}.list-product-agen .product .view-product .product-info P{margin:5px 0;color:#888;font-size:13px;font-weight:500;line-height:15.6px;text-align:left}.list-product-agen .action{display:flex;justify-content:flex-end;margin:15px 0 0;border-top:1px solid #e4e7ec;padding:15px 0 0}.list-product-agen .action button span{display:flex;align-items:center}.list-product-agen .pagination-product{display:flex;justify-content:space-between;align-items:center;width:100%}.list-product-agen .pagination-product .legend-pagination{font-size:13px;font-weight:500;line-height:15.6px;color:#888}.list-product-agen .pagination-product .legend-pagination strong{color:#3d3d3d}@media screen and (max-width:599px){.list-product-agen .pagination-product .MuiPagination-root{width:65%;display:flex;justify-content:flex-end}}.list-product-agen .pagination-product .MuiPagination-ul .MuiPaginationItem-root.Mui-selected{background-color:#f9fafb;border-radius:8px}.add-product-to-agen .quantity{width:200px;margin-bottom:40px}.add-product-to-agen .quantity .stock{display:flex;gap:30px;align-items:center}.add-product-to-agen .quantity h3{font-size:20px;font-weight:500;line-height:24px;text-align:left;color:#6d6d6d;margin:10px 0}.add-product-to-agen .quantity .MuiTextField-root{gap:10px;border-radius:8px;border:1px;width:100px}.add-product-to-agen .quantity button{width:36px;height:36px;padding:4px;gap:10px;border-radius:100px}.add-product-to-agen .product-guide{margin:10px 0}.add-product-to-agen .product-guide h4{font-size:16px;font-weight:350;line-height:19.2px;text-align:left;color:#888;margin:10px 0}.add-product-to-agen .product-guide h4 span{font-size:16px;font-weight:500;line-height:19.2px;text-align:left;color:#4f4f4f}.add-product-to-agen .action{display:flex;justify-content:space-between;margin:15px 0 0;border-top:1px solid #e4e7ec;padding:15px 0 0;gap:10px}.add-product-to-agen .action button span{display:flex;align-items:center}.history-transaksi-agen{margin:20px 0;border:1px solid #e7e7e7;box-shadow:none}.history-transaksi-agen .status{font-weight:500!important;display:flex;gap:8px;justify-items:center}.history-transaksi-agen .status p{font-size:12px;padding:4px 8px;border-width:1px;border-style:solid;border-radius:8px;width:-moz-fit-content;width:fit-content}.history-transaksi-agen .status p.pending{color:#ffd01c;border-color:#ffd01c;background-color:#fefde2}.history-transaksi-agen .status p.success{color:#027a48;background-color:#d1fadf;border-color:#027a48}.history-transaksi-agen .status p.failed{color:#b42318;border-color:#b42318;background-color:#fee4e2}.shadow-ribbon{background-color:#1976d2;color:#d1fadf;padding:10px 32px;position:absolute;right:-36px;rotate:45deg;top:20px;z-index:-10;font-size:14px;text-align:center;display:grid;font-weight:700;place-items:center;box-shadow:0 3px 8px rgba(0,0,0,.3)}@media screen and (max-width:959px){.shadow-ribbon{font-size:12px}}@media screen and (max-width:599px){.shadow-ribbon{font-size:10px}}.table .boldRows{font-weight:700}.MuiTableRow-head{background-color:#f9fafb}.MuiPaper-root{box-shadow:.5px}.MuiTableCell-root{color:#475467}.pagination{display:flex;padding:12px 16px!important;justify-content:space-between;align-items:center}.pagination .legend-pagination{font-size:12px;font-weight:500;line-height:15.6px;color:#888}.pagination .legend-pagination strong{color:#3d3d3d}.pagination .MuiPagination-ul .MuiPaginationItem-root.Mui-selected{background-color:#eee;font-weight:500;border-radius:8px}.MuiDataGrid-overlayWrapperInner{height:100%!important}.MuiDataGrid-overlayWrapperInner .empty-data{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30.5px 0}.custom-btn,button{padding:10px 24px;border-radius:6px;display:flex;justify-content:center;align-items:center;gap:6px;font-size:14px;text-decoration:none;transition:all .15s ease-in-out;cursor:pointer}@media screen and (max-width:959px){.custom-btn,button{font-size:12px}}.custom-btn.primary,button.primary{background-color:#2b5caa;border:1px solid #2b5caa;color:#fff}.custom-btn.primary:hover,button.primary:hover{background-color:#23519a}@media screen and (max-width:599px){.custom-btn.primary,button.primary{width:100%}}.custom-btn.primary:disabled,button.primary:disabled{background-color:#c8c8c8!important;border:1px solid #c8c8c8!important;cursor:default}.custom-btn.secondary,button.secondary{background-color:#e6ecf8;border:1px solid #e6ecf8;color:#2b5caa}.custom-btn.secondary:hover,button.secondary:hover{background-color:#ccd5e8}@media screen and (max-width:599px){.custom-btn.secondary,button.secondary{width:100%}}.custom-btn.secondary:disabled,button.secondary:disabled{background-color:#c8c8c8!important;border:1px solid #c8c8c8!important;cursor:default}.custom-btn.neutral,button.neutral{background-color:#fff;border:1px solid #d1d1d1;color:#5d5d5d!important}.custom-btn.neutral:hover,button.neutral:hover{background-color:#eaeaea}@media screen and (max-width:599px){.custom-btn.neutral,button.neutral{width:100%}}.custom-btn.neutral:disabled,button.neutral:disabled{background-color:#c8c8c8!important;border:1px solid #c8c8c8!important;cursor:default}.custom-btn.danger,button.danger{background-color:#b42318;border:1px solid #b42318;color:#fff}.custom-btn.danger:hover,button.danger:hover{background-color:#9d180f}@media screen and (max-width:599px){.custom-btn.danger,button.danger{width:100%}}.custom-btn.danger:disabled,button.danger:disabled{background-color:#c8c8c8!important;border:1px solid #c8c8c8!important;cursor:default}.custom-btn.remove,button.remove{background-color:#fffbfa;border:1px solid #b42318;color:#b42318}.custom-btn.remove:hover,button.remove:hover{background-color:#ede4e2}@media screen and (max-width:599px){.custom-btn.remove,button.remove{width:100%}}.custom-btn.remove:disabled,button.remove:disabled{background-color:#c8c8c8!important;border:1px solid #c8c8c8!important;cursor:default}.custom-btn.full,button.full{width:100%;font-size:16px}@media screen and (max-width:599px){.custom-btn.full,button.full{font-size:14px}}.custom-btn.full:disabled,button.full:disabled{background-color:#c8c8c8!important;border:1px solid #c8c8c8!important;cursor:default}.custom-btn a,button a{text-decoration:none;color:#fff}.datagrid{width:100%}.datagrid .MuiDataGrid-root{border:1px solid #e7e7e7;border-bottom:none;background-color:#fff!important;background:#fff;font-family:Inter,sans-serif!important}.datagrid .MuiDataGrid-root .MuiDataGrid-columnHeader{background:#f9fafb}.datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaderTitle{color:#475467;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:18px;text-align:left}.datagrid .MuiDataGrid-root .odd-row{background:#f9fafb}.datagrid .MuiDataGrid-root .MuiDataGrid-cell{white-space:normal!important;word-wrap:break-word!important;padding:20px 10px!important;display:flex;align-items:center}.datagrid .MuiDataGrid-root .MuiDataGrid-cellContent{color:#475467;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.datagrid .MuiDataGrid-root .MuiDataGrid-overlayWrapper{height:300px!important}.datagrid .MuiDataGrid-root p{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.datagrid .MuiDataGrid-root .information-user{width:100%;margin:20px 0}.datagrid .MuiDataGrid-root .information-user h4{color:#000;font-size:13px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:10px}.datagrid .MuiDataGrid-root .information-user .detail-information{margin:10px 0}.datagrid .MuiDataGrid-root .information-user .detail-information p{color:#000;font-family:Inter,sans-serif;font-size:13px;font-style:normal;font-weight:400;line-height:normal}.datagrid .MuiDataGrid-root .information-user .label-button .pulse-button{color:#fff;font-family:Inter,sans-serif;font-size:10px;font-style:normal;font-weight:700;line-height:normal;min-width:0;width:50px;height:25px;text-transform:capitalize;border-radius:50px}.datagrid .pagination-area{background:#fff;padding:10px 15px;border:1px solid #e4e7ec;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.datagrid .pagination-area .pagination-datagrid{display:flex;justify-content:space-between;align-items:center;padding:0}.datagrid .pagination-area .pagination-datagrid .legend-pagination{font-size:13px;font-weight:500;line-height:15.6px;color:#888}.datagrid .pagination-area .pagination-datagrid .legend-pagination strong{color:#3d3d3d}.datagrid .pagination-area .pagination-datagrid .MuiPagination-ul .MuiPaginationItem-root.Mui-selected{background-color:#eee;border-radius:8px}.user header{padding-top:16px;margin-bottom:14px}.user header .option{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-bottom:20px}.user header .option section{display:flex;flex-wrap:wrap;gap:12px}@media screen and (max-width:599px){.user header .option section{width:100%}}.user header h3{font-size:25px;font-weight:700}@media screen and (max-width:599px){.user header h3{font-size:20px;margin-bottom:12px}}.user header .MuiTabs-flexContainer{width:-moz-fit-content;width:fit-content;border-bottom:2px solid #e5e5e5}.user header .MuiTabs-flexContainer button{font-size:14px;line-height:20px;font-weight:500;color:#000}.user header .MuiTabs-flexContainer button[aria-selected=true]{color:#2b5caa;font-weight:700}.user header .MuiBox-root{padding:0}.user header .MuiBox-root input{font-weight:500}.user header .MuiBox-root input::placeholder{color:#6d6d6d}.user .role-contaner{display:flex;flex-wrap:wrap;gap:10px}.user .role-contaner .role{font-weight:500!important;display:block}.user .role-contaner .role p{display:block;font-size:12px;padding:4px 8px;border-width:1px;border-style:solid;border-radius:6px;width:-moz-fit-content;width:fit-content}.user .role-contaner .role p.super{color:#9e165f;background-color:#fce7f6;border-color:#fce7f6}.user .role-contaner .role p.staff{color:#3f6600;border-color:#fcffe6;background-color:#fcffe6}.user .role-contaner .role p.admin{color:#fcffe6;border-color:#fcffe6;background-color:rgba(145,23,115,.596)}.user .role-contaner .role p.agen{color:#065986;border-color:#e0f2fe;background-color:#e0f2fe}.user .role-contaner .role p.customer{color:#871400;border-color:#fff2e8;background-color:#fff2e8}.user .action,.user .view-user header{display:flex;align-items:center;gap:20px}.user .view-user header{margin-bottom:16px;justify-content:space-between}.user .view-user header .MuiInputBase-root{width:400px}@media screen and (max-width:959px){.user .view-user header .MuiInputBase-root{width:100%}}.user .view-user header .MuiFormControl-root{width:100%}@media screen and (max-width:959px){.user .view-user header .MuiFormControl-root{width:100%}}.user .view-user header .search-container{display:flex}.user .view-user header .search-container .MuiAutocomplete-root{width:100%;padding:2px}.user .view-user header .search-container .filed .MuiOutlinedInput-root{width:150px;padding:1px 8px}.user .view-user header .search-container .filed .MuiOutlinedInput-root p{background-color:#065986}.user .view-user header .search-container .MuiOutlinedInput-root{padding:.8px 8px}@media screen and (max-width:599px){.user .view-user header{flex-wrap:wrap}}.user .view-user header h3{margin:0;padding:0}.user .view-user .neutral{width:-moz-fit-content;width:fit-content}.user .view-user .MuiTableCell-body,.user .view-user .MuiTableCell-head{font-size:14px}@media screen and (max-width:599px){.user .view-user .MuiTableCell-body,.user .view-user .MuiTableCell-head{font-size:12px}}.user .view-user .MuiTableCell-root{padding:14px 0 14px 18px}@media screen and (max-width:599px){.user .view-user .MuiTableCell-root{padding:10px 10px 10px 16px}}.user .detail{background-color:#fff;border-radius:6px;padding:24px}.user .detail header{margin-top:-16px;display:flex;justify-content:space-between;align-items:center}.user .detail header h4{font-size:20px}@media screen and (max-width:599px){.user .detail header h4{font-size:16px}}.user .detail header section{display:flex;gap:8px;align-items:center}.user .detail header section p{font-size:14px}@media screen and (max-width:599px){.user .detail header section p{font-size:12px}}.user .detail .general{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}@media screen and (max-width:959px){.user .detail .general{grid-template-columns:1fr}}.user .detail .general.address{padding-bottom:12px;border-bottom:2px dashed #dfdfdf}.user .detail .general .info{flex-direction:column;display:flex;gap:20px}.user .detail .general .saldo-info h1{font-size:16px;margin-bottom:8px}.user .detail .general .saldo-info .saldo-detail{display:flex}.user .detail .general .saldo-info .saldo-detail .title{min-width:150px}.user .detail .general .info label,.user .detail .general .saldo-info label{font-weight:500}.user .detail .general .info label.title,.user .detail .general .saldo-info label.title{margin-bottom:5px;display:block}.user .detail .general .info p,.user .detail .general .saldo-info p{font-size:14px}@media screen and (max-width:599px){.user .detail .general .info p,.user .detail .general .saldo-info p{font-size:14px}}.user .detail .general .info p.title,.user .detail .general .saldo-info p.title{color:#888;margin-bottom:2px}.user .detail .general .info p.desc,.user .detail .general .saldo-info p.desc{font-weight:500}.user .detail .general .info .primary,.user .detail .general .saldo-info .primary{padding:6px 12px!important;font-size:14px!important}.user .detail .general .role .role-field{display:flex;gap:10px;margin-bottom:16px}.user .detail .general .role .role-field button{padding:0 10px!important}.user .detail .general .role .MuiAutocomplete-root{width:100%}.user .detail .general .role .MuiOutlinedInput-root{width:100%;padding:.5px 8px!important}.user .detail .general .role-info p{font-size:14px}@media screen and (max-width:599px){.user .detail .general .role-info p{font-size:14px}}.user .detail .general .role-info p.title{color:#888;margin-bottom:2px}.user .detail .general .role-info p.desc{font-weight:500}.user .detail .user-transaction{display:flex;flex-direction:column;gap:20px;align-items:end}.user .detail footer{border-top:1px solid #e5e5e5;background-color:#fff;width:100%;padding:24px 0}.user .detail footer.edit-user{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.user .detail footer section{display:flex;justify-content:end;flex-wrap:wrap;align-items:center;gap:14px}.user .detail footer section h1{font-size:14px!important}.user .detail a{text-decoration:none;color:#000}.user .detail .detail-icon{color:#6d6d6d;border:1px solid #6d6d6d;border-radius:5px;height:28px;width:28px;display:flex;padding:10px;justify-content:center;align-items:center}.user .detail .detail-icon:hover{background-color:#dfdfdf;transition:all .2s ease-in-out}.mutation-status{display:grid;place-items:center;border-radius:4px;padding:4px 10px}.mutation-status.success{color:#027a48;background-color:#d1fadf;border:1px solid #027a48}.mutation-status.failed{color:#b42318;border:1px solid #b42318}.mutation-status p{font-size:12px}.filter-user{width:500px}@media screen and (max-width:599px){.filter-user{width:80vw}}.filter-user header{margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #f1f1f1;display:flex;justify-content:space-between;align-items:center}.filter-user header h1{font-weight:700;font-size:25px}.filter-user main{gap:12px}.filter-user main,.filter-user main section{display:flex;flex-direction:column}.filter-user main section h2{font-size:20px;margin-bottom:4px}.filter-user main section .option{display:flex}.filter-user main section .option span{display:flex;justify-content:space-between;align-items:center}.filter-user main button{margin-top:16px!important}.activity header{padding-top:16px;margin-bottom:14px}.activity header .option{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}.activity header .option section{display:flex;flex-wrap:wrap;gap:12px}.activity header h3{font-size:25px;font-weight:700}@media screen and (max-width:599px){.activity header h3{font-size:20px;margin-bottom:12px}}.activity .view-activity header{display:flex;gap:16px;align-items:center;flex-wrap:wrap;justify-content:space-between}.activity .view-activity header .MuiInputBase-root{width:400px}@media screen and (max-width:1279px){.activity .view-activity header .MuiInputBase-root{width:100%}}.activity .view-activity header section{display:flex;justify-content:center;padding:0;align-items:center;gap:20px}@media screen and (max-width:599px){.activity .view-activity header section{flex-wrap:wrap;justify-content:space-between;margin-top:10px}}.activity .view-activity header .MuiBox-root,.activity .view-activity header section .neutral{width:-moz-fit-content;width:fit-content}@media screen and (max-width:959px){.activity .view-activity header .MuiBox-root,.activity .view-activity header .filter-date{width:100%}}.activity .view-activity header h3{margin:0;padding:0}@media screen and (max-width:599px){.activity .MuiFormControl-fullWidth{flex-wrap:wrap;width:100%}}.activity .detail{background-color:#fff;border-radius:6px;padding:24px}.activity .detail header{margin-top:-16px;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:599px){.activity .detail header{margin-bottom:22px}}.activity .detail header h4{font-size:20px}@media screen and (max-width:599px){.activity .detail header h4{font-size:16px}}.activity .detail header section{display:flex;gap:8px;align-items:center}.activity .detail header section p{font-size:14px}@media screen and (max-width:599px){.activity .detail header section p{font-size:12px}}.activity .detail .activity-container{padding-bottom:20px;display:flex;flex-wrap:wrap;gap:24px;flex-direction:column}.activity .detail .activity-container .activity-card{display:flex;gap:32px;align-items:center}.activity .detail .activity-container .activity-card:last-child .icons{position:relative}.activity .detail .activity-container .activity-card:last-child .icons .border{display:none}@media screen and (max-width:599px){.activity .detail .activity-container .activity-card .date{width:100%}.activity .detail .activity-container .activity-card{flex-wrap:wrap;gap:12px}}.activity .detail .activity-container .activity-card .icons{position:relative}.activity .detail .activity-container .activity-card .icons .border{display:block;position:absolute;bottom:-115%;left:50%;transform:translateX(-50%);width:1px;height:54px;border:1px dashed #e7e7e7}@media screen and (max-width:599px){.activity .detail .activity-container .activity-card .icons .border{display:none}}.activity .detail .activity-container .activity-card span{color:#888;flex-shrink:0;font-size:14px}.activity .detail .activity-container .activity-card .message{border:.5px dashed #e7e7e7;border-radius:8px;padding:16px 24px;width:100%;display:flex;gap:64px;align-items:center}@media screen and (max-width:959px){.activity .detail .activity-container .activity-card .message{gap:14px;flex-wrap:wrap}}.activity .detail .activity-container .activity-card .message .description{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:14px}@media screen and (max-width:599px){.activity .detail .activity-container .activity-card .message .description{font-size:12px}}.activity .detail .activity-container .activity-card .message .user{display:flex;flex-shrink:0;align-items:center;gap:16px;font-size:16px}@media screen and (max-width:599px){.activity .detail .activity-container .activity-card .message .user{font-size:14px}}.activity .detail .activity-container .activity-card .message .user span{font-size:14px}@media screen and (max-width:599px){.activity .detail .activity-container .activity-card .message .user span{font-size:12px}}.activity .detail .activity-container .activity-card .message .user .icon-user{flex-shrink:0;background-color:#65558f;color:#fff;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.activity .detail .activity-container .activity-card .message p{font-weight:500}.transaction header{padding-top:16px}.transaction header .option{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-bottom:20px}.transaction header .option section{display:flex;flex-wrap:wrap;gap:12px}@media screen and (max-width:599px){.transaction header .option section{width:100%}}.transaction header h3{font-size:25px;font-weight:700}@media screen and (max-width:599px){.transaction header h3{font-size:20px}}.transaction header .MuiTabs-flexContainer{width:-moz-fit-content;width:fit-content;border-bottom:2px solid #e5e5e5}.transaction header .MuiTabs-flexContainer button{font-size:14px;line-height:20px;font-weight:500;color:#000}.transaction header .MuiTabs-flexContainer button[aria-selected=true]{color:#2b5caa;font-weight:700}.transaction header .MuiBox-root{padding:0}.transaction header .MuiBox-root input{font-weight:500}.transaction header .MuiBox-root input::placeholder{color:#6d6d6d}.transaction .view-transaction header{display:flex;margin-bottom:16px;gap:20px;justify-content:space-between;align-items:center}.transaction .view-transaction header .MuiInputBase-root{width:400px}@media screen and (max-width:959px){.transaction .view-transaction header .MuiInputBase-root{width:100%}}.transaction .view-transaction header .MuiFormControl-root{width:100%}@media screen and (max-width:959px){.transaction .view-transaction header .MuiFormControl-root{width:100%}}.transaction .view-transaction header .filter-container{display:flex;justify-content:center;padding:0;align-items:center;gap:20px;flex-shrink:0}.transaction .view-transaction header .filter-container span{display:flex;position:relative}.transaction .view-transaction header .filter-container span .clear-date{position:absolute;background-color:#e1e0e0;border-radius:50%;display:grid;place-items:center;height:24px;width:24px;top:-8px;right:-8px}@media screen and (max-width:599px){.transaction .view-transaction header .filter-container{flex-wrap:wrap;justify-content:start;width:100%;margin-top:10px;gap:10px}}.transaction .view-transaction header .filter-container .neutral{width:-moz-fit-content;width:fit-content}@media screen and (max-width:1279px){.transaction .view-transaction header{flex-wrap:wrap;gap:10px}}.transaction .view-transaction header h3{margin:0;padding:0}.transaction .view-transaction .MuiTableCell-body,.transaction .view-transaction .MuiTableCell-head{font-size:12px}@media screen and (max-width:599px){.transaction .view-transaction .MuiTableCell-body,.transaction .view-transaction .MuiTableCell-head{font-size:12px}}.transaction .view-transaction .MuiTableCell-root{padding:14px 0 14px 18px}@media screen and (max-width:599px){.transaction .view-transaction .MuiTableCell-root{padding:10px 10px 10px 16px}}.transaction .view-history-top-up{margin:20px 0}.transaction .view-history-top-up .status{font-weight:500!important;display:flex;gap:8px;justify-items:center}.transaction .view-history-top-up .status p{font-size:12px;padding:4px 8px;border-width:1px;border-style:solid;border-radius:8px;width:-moz-fit-content;width:fit-content;text-transform:capitalize}.transaction .view-history-top-up .status p.pending{color:#ffd01c;border-color:#ffd01c;background-color:#fefde2}.transaction .view-history-top-up .status p.Success,.transaction .view-history-top-up .status p.success{color:#027a48;background-color:#d1fadf;border-color:#027a48}.transaction .view-history-top-up .status p.failed{color:#b42318;border-color:#b42318;background-color:#fee4e2}.detail-icon{color:#6d6d6d;border:1px solid #6d6d6d;border-radius:5px;height:28px;width:28px;margin-right:20px;display:flex;padding:10px;justify-content:center;align-items:center}.detail-icon:hover{background-color:#dfdfdf;transition:all .2s ease-in-out}.status p.delivery{color:#b015b5;background-color:#fee0ff;border-color:#b015b5}.status p.success{color:#027a48;background-color:#d1fadf;border-color:#027a48}.status p.new{color:#fff;background-color:#16afcd;border-color:#16afcd}.status p.failed{color:#b42318;border-color:#b42318;background-color:#fee4e2}.status p.pending{color:#c56a09;border-color:#c56a09;background-color:#fff7d4}.status p.expired{color:#374151;border-color:#374151;background-color:#f1f5f9}.detail-status{padding-bottom:40px!important}.detail{margin-top:20px;background-color:#fff;border:1px solid #e9e9e9;border-radius:5px;padding:24px 32px}.detail main{margin-bottom:32px;padding:0 0 10px!important}.detail main.order-status{margin-bottom:0}.detail main .title{margin-bottom:24px;display:flex;gap:12px;justify-content:space-between;align-items:center}.detail main .title h1{display:flex;gap:10px}@media screen and (max-width:599px){.detail main .title{flex-direction:column;align-items:start}}.detail main.order-detail{border-bottom:1px dashed #8d8d8d}.detail .description-container{display:flex;gap:20px;margin-bottom:16px}@media screen and (max-width:1279px){.detail .description-container{flex-wrap:wrap}}.detail .description-container .description{min-width:120px;font-size:14px;display:flex;flex-direction:column;gap:1px}@media screen and (max-width:599px){.detail .description-container .description{min-width:0}}.detail .description-container .description .label{font-weight:400;color:#8d8d8d}.detail .description-container .description .value{font-weight:600}.detail .rating-container{display:flex;gap:20px}@media screen and (max-width:959px){.detail .rating-container{flex-wrap:wrap}}.detail .rating-container .rating{min-width:180px}@media screen and (max-width:599px){.detail .rating-container .rating{width:100%}}.detail .rating-container .rating .star-container{display:flex;flex-wrap:wrap;gap:10px}.detail .rating-container .rating .star-container p{margin-bottom:0!important}.detail .rating-container .rating .star-container .star{display:flex;flex-wrap:wrap;gap:2px;align-items:center}.detail .rating-container .rating .star-container .star .filled{color:#ffbf38}.detail .rating-container p{font-weight:400;color:#8d8d8d;font-size:14px;margin-bottom:10px}.detail .rating-container .comment-cotainer{margin-bottom:24px}.detail .rating-container .comment-cotainer .comment{background-color:hsla(0,0%,93%,.561);padding:8px 24px;border-radius:0 10px 10px 10px;margin-bottom:16px}.detail .rating-container .comment-cotainer .comment p{color:#454545;margin-bottom:0!important}.detail .rating-container .comment-cotainer .comment-category{display:flex;flex-wrap:wrap;gap:10px}.detail .rating-container .comment-cotainer .comment-category span{font-size:12px;padding:4px 14px;border-radius:8px;border:1px solid #b1b1b1}.detail .process-container{display:flex;flex-direction:column;gap:16px;margin-bottom:12px}.detail .process-container .redirect{background-color:#2b5caa;color:#fff}.detail .process-container .redirect:hover{background-color:#1b478f!important;transition:all .5s ease-in-out}.detail .process-container .process-card.not-active p{color:#8d8d8d}.detail .process-container .process-card.not-active .icons .border{border:.01px dashed #8d8d8d!important}.detail .process-container .process-card{display:flex;gap:32px;font-size:14px}.detail .process-container .process-card:last-child .icons{position:relative}.detail .process-container .process-card:last-child .icons .border{display:none}.detail .process-container .process-card:last-child span{display:block;min-height:0}@media screen and (max-width:599px){.detail .process-container .process-card{display:block}}.detail .process-container .process-card p{font-weight:700}.detail .process-container .process-card p.date{font-weight:500;color:#8d8d8d;min-width:130px}@media screen and (max-width:599px){.detail .process-container .process-card p.date{min-width:0}}.detail .process-container .process-card span{color:#8d8d8d;display:block;min-height:24px}@media screen and (max-width:599px){.detail .process-container .process-card span{min-height:0}}.detail .process-container .process-card .icons{position:relative}@media screen and (max-width:599px){.detail .process-container .process-card .icons{display:none}}.detail .process-container .process-card .icons .border{display:block;position:absolute;left:50%;transform:translateX(-50%);width:0;height:36px;border:.01px dashed #039855}@media screen and (max-width:599px){.detail .process-container .process-card .icons .border{display:none}}.fee-label,.fee-value{font-size:14px;font-weight:500}.fee-label{color:#8d8d8d}.total-label{font-size:16px}.total-value{color:#2b5caa}.filter-transaction{padding:24px 46px;width:540px}@media screen and (max-width:599px){.filter-transaction{width:90%}}.filter-transaction header{margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid #f1f1f1;display:flex;justify-content:space-between;align-items:center}.filter-transaction header h1{font-weight:700;font-size:25px}.filter-transaction main{display:flex;flex-direction:column;gap:12px}.filter-transaction main section{display:flex;flex-direction:column;margin-bottom:4px}.filter-transaction main section h2{font-size:20px;margin-bottom:4px}.filter-transaction main section .option{display:flex}.filter-transaction main section .option span{display:flex;justify-content:space-between;margin-bottom:6px;align-items:start;gap:10px}.role-page .title{margin-top:15px;display:flex;justify-content:space-between;align-items:center}.role-page .search{background:#fff;width:382px;margin:10px 0 20px}.role-page .search .MuiInputBase-root{box-shadow:none}.role-page .search .MuiInputBase-root .MuiOutlinedInput-notchedOutline{border:1px solid #e7e7e7}.add-role .title-page{margin-top:20px}.add-role .MuiTabs-flexContainer{width:-moz-fit-content;width:fit-content;border-bottom:2px solid #e5e5e5}.add-role .MuiTabs-flexContainer button{font-size:14px;line-height:20px;font-weight:500;color:#000}.add-role .MuiTabs-flexContainer button[aria-selected=true]{color:#3971be;font-family:Inter,sans-serif!important;font-size:14px;font-weight:500!important;line-height:20px;text-align:center;font-weight:700}.add-role .MuiCard-root .MuiCardContent-root{padding:16px 0 0}.add-role .MuiCard-root .MuiCardContent-root .title{padding-left:16px;padding-right:16px;display:flex;justify-content:space-between;align-items:center}.add-role .MuiCard-root .MuiCardContent-root .form-role .list-role{padding-left:16px;padding-right:16px}.add-role .MuiCard-root .MuiCardContent-root .form-role .list-role .MuiPaper-root{border-radius:12px;box-shadow:none;border:1px solid #e7e7e7;font-family:Inter,sans-serif}.add-role .MuiCard-root .MuiCardContent-root .form-role .list-role .MuiPaper-root .MuiTable-root .MuiTableHead-root .MuiTableRow-head{background:#f6f6f6;font-family:Inter;font-size:20px;font-weight:500;line-height:24px;text-align:left}.add-role .MuiCard-root .MuiCardContent-root .form-role .list-role .MuiPaper-root .MuiTable-root .head-role td{font-family:Inter,sans-serif;font-size:18px;font-weight:500;line-height:24px;text-align:left;border:none}.add-role .MuiCard-root .MuiCardContent-root .form-role .list-role .MuiPaper-root .MuiTable-root .MuiTableCell-root{font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:19.2px;text-align:left}.add-role .MuiCard-root .MuiCardContent-root .form-role .action{margin-top:20px;display:flex;justify-content:flex-end;gap:5px;border-top:1px solid #e7e7e7;padding:10px 16px}.add-role .MuiCard-root .MuiCardContent-root form{margin-top:20px}.add-role .MuiCard-root .MuiCardContent-root form .input-area{border-bottom:2px #e7e7e7;border-style:dashed;padding-bottom:20px;padding-left:16px;padding-right:16px}.add-role .MuiCard-root .MuiCardContent-root form .action{display:flex;justify-content:flex-end;gap:5px;border-top:1px solid #e7e7e7;padding:10px 16px}.add-role .MuiCard-root .MuiCardContent-root .user-inrole{margin:20px 0}.add-role .MuiCard-root .MuiCardContent-root .user-inrole .title{display:flex;justify-content:space-between;align-items:center}.add-role .MuiCard-root .MuiCardContent-root .user-inrole button{padding:8px 10px}.add-role .MuiCard-root .MuiCardContent-root .set-status{display:flex;align-items:center;gap:10px}.add-role .MuiCard-root .MuiCardContent-root .body{margin-top:20px}.add-role .MuiCard-root .MuiCardContent-root .body .title{display:flex;justify-content:space-between;align-items:center}.chat header{padding-top:16px}.chat header .option{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}.chat header .option section{display:flex;flex-wrap:wrap;gap:12px}@media screen and (max-width:599px){.chat header .option section{width:100%}}.chat header .option .chat-title{display:flex;flex-direction:column;gap:0}.chat header .option .chat-title p{font-weight:700;font-size:18px}.chat header .option .chat-title span{color:#888;font-size:14px}.chat header .filter-status{display:flex;gap:10px;border-bottom:1px solid #e5e5e5;width:30%}.chat header .filter-status button{background:none;color:#404040;font-size:14px;font-weight:500;line-height:20px;text-align:center;border-radius:0}.chat header .filter-status button.aktif{color:#3971be;border-bottom:1px solid #2b5caa}.chat header h3{font-size:25px;margin-bottom:12px;font-weight:700}@media screen and (max-width:599px){.chat header h3{font-size:20px}}.chat header .MuiTabs-flexContainer{width:-moz-fit-content;width:fit-content;border-bottom:2px solid #e5e5e5}.chat header .MuiTabs-flexContainer button{font-size:14px;line-height:20px;font-weight:500;color:#000}.chat header .MuiTabs-flexContainer button[aria-selected=true]{color:#2b5caa;font-weight:700}.chat header .MuiBox-root{padding:0}.chat header .MuiBox-root input{font-weight:500}.chat header .MuiBox-root input::placeholder{color:#6d6d6d}@media screen and (max-width:599px){.chat .MuiFormControl-fullWidth{flex-wrap:wrap;width:100%}}.chat .category{font-weight:500!important;display:flex;gap:8px;justify-items:center}.chat .category p{font-size:12px;padding:4px 8px;border-width:1px;border-style:solid;border-radius:8px;width:-moz-fit-content;width:fit-content}.chat .category p.agen{color:#fee4e2;background-color:#0ba5ec;border-color:#0ba5ec}.chat .category p.customer{color:#fee4e2;border-color:#9b8afb;background-color:#9b8afb}.chat .category p.customer-service{color:#065986;border-color:#e0f2fe;background-color:#e0f2fe}.chat .chat-container{margin-top:20px;background-color:#fff;border:1px solid #e9e9e9;border-radius:5px;padding:10px 32px 16px;min-height:50vh}.chat .chat-container .chat-card header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px}.chat .chat-container .chat-card header .sender{font-weight:700}.chat .chat-container .chat-card header .date{color:#888}@media screen and (max-width:599px){.chat .chat-container .chat-card header .dot-icon{display:none}}.chat .chat-container .chat-card .message{font-size:14px;color:#6d6d6d;margin:10px 0}.chat .chat-container .text-editor-container{margin:40px 0;position:relative}.chat .chat-container .text-editor-container .ql-editor{padding:20px 0 100px 16px}.chat .chat-container .text-editor-container .action{position:absolute;width:100%;padding:0 20px 0 14px;bottom:20px;font-weight:100;display:flex;justify-content:space-between}@media screen and (max-width:599px){.chat .chat-container .text-editor-container .action{width:-moz-fit-content!important;width:fit-content!important;font-size:10px!important;padding:10px 18px}}.chat .chat-container .text-editor-container .MuiPopper-root{font-size:12px!important}.chat .chat-container .text-editor-container .MuiOutlinedInput-root{width:100%;padding:1px 8px}.chat .terima{background:#027a48}.chat .terima,.chat .tolak{font-size:13px;font-weight:500;line-height:15.6px;color:#fff}.chat .tolak{background:#b42318}.list-customer .head{margin:30px 0}.list-customer .head .title{display:flex;align-items:center;justify-content:space-between}.list-customer .head .title .action{display:flex;gap:10px}.list-customer .head .neutral{padding:10px 2px;width:6%;display:flex;justify-content:space-evenly}.list-customer .save-button .MuiTabs-flexContainer{width:-moz-fit-content;width:fit-content;border-bottom:2px solid #e5e5e5}.list-customer .save-button .MuiTabs-flexContainer button{font-size:14px;line-height:20px;font-weight:500;color:#000}.list-customer .save-button .MuiTabs-flexContainer button[aria-selected=true]{color:#3971be;font-family:Inter,sans-serif!important;font-size:14px;font-weight:500!important;line-height:20px;text-align:center;font-weight:700}.list-customer .MuiTabs-flexContainer{width:-moz-fit-content;width:fit-content;border-bottom:2px solid #e5e5e5}.list-customer .MuiTabs-flexContainer button{font-size:14px;line-height:20px;font-weight:500;color:#000}.list-customer .MuiTabs-flexContainer button[aria-selected=true]{color:#3971be;font-family:Inter,sans-serif!important;font-size:14px;font-weight:500!important;line-height:20px;text-align:center;font-weight:700}.list-customer .detail{margin-top:16px;background-color:#fff;border-radius:10px;padding:18px 32px}@media screen and (max-width:599px){.list-customer .detail{gap:0;grid-template-columns:1fr}}.list-customer .detail main{display:flex;flex-direction:column;gap:24px}.list-customer .detail h4{margin-bottom:20px;font-size:20px}.list-customer .detail label{font-weight:500;font-size:16px!important;margin-bottom:6px}.list-customer .detail aside{margin-top:46px}.list-customer .detail .address{margin-bottom:16px}.list-customer .detail .address label{margin-bottom:10px;display:block}.list-customer .detail .address .MuiAutocomplete-root{width:100%}.list-customer .detail .address .MuiOutlinedInput-root{width:100%;padding:1px 8px}.list-customer .form-customer{border:1px solid #e7e7e7;box-shadow:none;border-radius:12px}.list-customer .form-customer .MuiCardContent-root{padding:16px 0 0}.list-customer .form-customer .MuiCardContent-root .title{padding-left:16px;padding-right:16px;display:flex;justify-content:space-between;align-items:center}.list-customer .form-customer .MuiCardContent-root .title .set-status{display:flex;align-items:center;gap:10px}.list-customer .form-customer .MuiCardContent-root form{margin-top:20px}.list-customer .form-customer .MuiCardContent-root form .set-status{display:flex;align-items:center;gap:10px}.list-customer .form-customer .MuiCardContent-root form .input-area{padding-bottom:20px;padding-left:16px;padding-right:16px}.list-customer .form-customer .MuiCardContent-root form .action{display:flex;justify-content:flex-end;gap:5px;border-top:1px solid #e7e7e7;padding:10px 16px}.campaign header{padding-top:16px}.campaign header .option{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-bottom:20px}.campaign header .option section{display:flex;flex-wrap:wrap;gap:12px}@media screen and (max-width:599px){.campaign header .option section{width:100%}}.campaign header h3{font-size:25px;font-weight:700}@media screen and (max-width:599px){.campaign header h3{font-size:20px}}.campaign .view-campaign .MuiInputBase-root{width:400px}@media screen and (max-width:959px){.campaign .view-campaign .MuiInputBase-root{width:100%}}.campaign .view-campaign header{display:flex;margin-bottom:16px;align-items:center;flex-wrap:wrap;justify-content:space-between}.campaign .view-campaign header section{display:flex;justify-content:start;align-items:center;gap:20px}@media screen and (max-width:959px){.campaign .view-campaign header section{flex-wrap:wrap;justify-content:space-between;width:100%;margin-top:10px}}.campaign .view-campaign header section .neutral{width:-moz-fit-content;width:fit-content}@media screen and (max-width:599px){.campaign .view-campaign header .MuiFormControl-root{width:100%}}.campaign .view-campaign header .MuiBox-root{width:-moz-fit-content;width:fit-content}@media screen and (max-width:959px){.campaign .view-campaign header .MuiBox-root{width:100%}}.campaign .view-campaign header .filter-date{margin-top:10px;flex-shrink:0}@media screen and (max-width:959px){.campaign .view-campaign header .filter-date{width:100%}}.campaign .view-campaign header h3{margin:0;padding:0}.campaign .view-campaign .MuiTableCell-body{font-size:12px}.campaign .view-campaign .MuiTableCell-root{padding:10px}.campaign .detail h4{font-size:20px;margin-bottom:16px}.campaign .detail .general{margin-bottom:24px}.campaign .detail .deskripsi{margin-bottom:12px}.campaign .detail .deskripsi .ql-container{height:98px}.campaign .detail .MuiAlert-root{margin-bottom:15px;border:1px solid #e7e7e7;background:#f6f6f6;font-size:16px;font-weight:500;line-height:19.2px;color:#5d5d5d}.campaign .detail .verifikasi-container{width:33.3333333333%}.campaign .detail .verifikasi-container .verifikasi:first-child{display:flex;flex-direction:column;gap:6px}.campaign .detail .verifikasi-container .verifikasi .delete{width:32px;height:32px;padding:0;gap:10px;border-radius:24px;background:#fef2f2;margin:10px 0}.campaign .detail .verifikasi-container .verifikasi .delete svg path{fill:red;border:none}.campaign .detail .verifikasi-container .verifikasi .file-status{display:flex!important;justify-content:space-between;align-items:center}.campaign .detail .verifikasi-container .verifikasi .file-status .file-detail{display:flex;gap:14px;align-items:center}.campaign .detail .verifikasi-container .verifikasi .file-status .file-detail p{font-size:16px}.campaign .detail .verifikasi-container .verifikasi .file-status .file-detail span{font-size:14px;color:#b0b0b0}.campaign .detail .verifikasi-container .verifikasi .file-status .file-action{display:flex;justify-content:center;align-items:center;gap:10px}.campaign .detail .verifikasi-container .verifikasi .file-status{margin:10px 0 20px}.campaign .detail .verifikasi-container .verifikasi .image-container{display:flex;flex-wrap:wrap;gap:12px}.campaign .detail .verifikasi-container .verifikasi .image-container .first-img{border:3px solid #2b5caa}.campaign .detail .verifikasi-container .verifikasi .image-container .img-uploaded{position:relative;background-color:#2b5caa;height:9.3em;width:14em;border-radius:10px;overflow:hidden;object-position:center}.campaign .detail .verifikasi-container .verifikasi .image-container .img-uploaded .product-img{position:relative;z-index:10}.campaign .detail .verifikasi-container .verifikasi .image-container .img-uploaded p{top:0;left:0;border-radius:0 0 10px 0;padding:6px 8px;background-color:#2b5caa;font-size:12px;color:#fff;font-weight:500;position:absolute;z-index:20}.campaign .detail .verifikasi-container .verifikasi .image-container .img-uploaded .preview-action{display:grid;place-items:center;position:absolute;z-index:20;width:-moz-fit-content;width:fit-content;background-color:rgba(43,92,170,.388);padding:6px 12px;border-radius:0 10px 0 0;bottom:0}.campaign .detail .verifikasi-container .verifikasi .image-container .img-uploaded .preview-action .action{display:flex;gap:10px}.campaign .detail .verifikasi-container .verifikasi .image-container .img-uploaded img{height:100%;object-position:center;width:100%;object-fit:cover;cursor:pointer}.campaign .detail .verifikasi-container .verifikasi .file-container{margin:10px 0 16px;border:2px dashed #e5e5e5;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:38px 0;transition:all .3s ease-in-out}.campaign .detail .verifikasi-container .verifikasi .file-container:hover{background-color:#efefef}.campaign .detail .verifikasi-container .verifikasi .file-container p{font-size:18px}.campaign .detail .verifikasi-container .verifikasi .file-container p span{color:#2b5caa;font-weight:700}.campaign .detail .verifikasi-container .verifikasi .file-container p.validation{font-size:16px;color:#6d6d6d;font-weight:400}.campaign .detail .verifikasi-container .verifikasi .hidden-input{display:none}.campaign .detail .MuiRadioGroup-root{margin-top:4px}.campaign .detail .MuiRadioGroup-root .MuiFormControlLabel-root{padding:0;margin:0 0 6px}.campaign .detail .MuiRadioGroup-root .MuiFormControlLabel-root span{padding:0}.campaign .detail .MuiRadioGroup-root .MuiFormControlLabel-root .MuiTypography-root{font-size:12px;margin-bottom:4px;margin-left:10px}.campaign .detail aside{display:flex;flex-direction:column;gap:10px}.campaign .detail aside .payment{margin-top:6px;display:flex;flex-direction:column}.campaign .detail footer{border-top:1px dashed #e5e5e5;background-color:#fff;width:100%;padding:40px 10px 10px 0}.campaign .detail footer section{display:flex;justify-content:end;align-items:center;gap:14px}.campaign .detail footer section h1{font-size:14px!important}.modal-list-replace-campaign .MuiAlert-root{margin-bottom:15px;border:1px solid #f79009;background:#fff7d4;font-size:16px;font-weight:500;line-height:19.2px;color:#f79009}.modal-list-replace-campaign .action{display:flex;margin:10px 0;justify-content:flex-end;border-top:1px solid #e7e7e7}.modal-list-replace-campaign .action button{margin-top:20px}.detail-campaign h3{color:#3d3d3d;font-size:25px;font-weight:700;line-height:30px;margin:20px 0}.detail-campaign .informasi{border:1px solid #e7e7e7;background:#fff;border-radius:8px;padding:16px;margin-bottom:20px}.detail-campaign .informasi .title{display:flex;gap:15px;justify-content:space-between}.detail-campaign .informasi .title .title-text{display:flex;gap:5px}.detail-campaign .informasi .title .set-status{display:flex;align-items:center;gap:5px}.detail-campaign .informasi .title h5{font-size:20px;font-weight:700;line-height:24px;text-align:left;color:#454545}.detail-campaign .informasi .edit-icon path{fill:#475467}.detail-campaign .informasi .promo-info{margin:20px 0}.detail-campaign .informasi .promo-info label{color:#888;font-size:16px;font-weight:500;line-height:19.2px}.detail-campaign .informasi .promo-info .value{color:#101828;font-family:Inter;font-size:16px;font-weight:500;line-height:19.2px;margin:5px 0;text-transform:capitalize}.detail-campaign .informasi .promo-info .ant-image .ant-image-img{border-radius:8px}.detail-campaign .produk-dipilih{font-size:13px;font-weight:500;line-height:15.6px;color:#454545;margin:10px 0}.blast-notification header{padding-top:16px}.blast-notification header .option{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-bottom:20px}.blast-notification header .option section{display:flex;flex-wrap:wrap;gap:12px}@media screen and (max-width:599px){.blast-notification header .option section{width:100%}}.blast-notification header h3{font-size:25px;font-weight:700}@media screen and (max-width:599px){.blast-notification header h3{font-size:20px}}.blast-notification header .MuiTabs-flexContainer{width:-moz-fit-content;width:fit-content;border-bottom:2px solid #e5e5e5}.blast-notification header .MuiTabs-flexContainer button{font-size:14px;line-height:20px;font-weight:500;color:#000}.blast-notification header .MuiTabs-flexContainer button[aria-selected=true]{color:#2b5caa;font-weight:700}.blast-notification header .MuiBox-root{padding:0}.blast-notification header .MuiBox-root input{font-weight:500}.blast-notification header .MuiBox-root input::placeholder{color:#6d6d6d}.blast-notification .view-blast-notification header{display:flex;margin-bottom:16px;align-items:center;flex-wrap:wrap;justify-content:space-between}.blast-notification .view-blast-notification header .MuiInputBase-root{width:400px}@media screen and (max-width:959px){.blast-notification .view-blast-notification header .MuiInputBase-root{width:100%}}.blast-notification .view-blast-notification header section{display:flex;justify-content:start;align-items:center;gap:20px}@media screen and (max-width:959px){.blast-notification .view-blast-notification header section{flex-wrap:wrap;justify-content:space-between;width:100%;margin-top:10px}}.blast-notification .view-blast-notification header .MuiBox-root,.blast-notification .view-blast-notification header section .neutral{width:-moz-fit-content;width:fit-content}@media screen and (max-width:959px){.blast-notification .view-blast-notification header .MuiBox-root{width:100%}}.blast-notification .view-blast-notification header .filter-date{flex-shrink:0}@media screen and (max-width:959px){.blast-notification .view-blast-notification header .filter-date{width:100%}}.blast-notification .view-blast-notification header h3{margin:0;padding:0}@media screen and (max-width:599px){.blast-notification .view-blast-notification .MuiFormControl-root{width:100%}}.blast-notification .view-blast-notification .status1{background:#d1fadf;color:#d1fadf;border-radius:8px;border:1px solid #027a48;color:#027a48}.blast-notification .view-blast-notification .status0{background:#fffbe6;color:#d1fadf;border-radius:8px;border:1px solid #ad6800;color:#ad6800}.blast-notification .view-blast-notification .MuiTableCell-body{font-size:14px}.blast-notification .view-blast-notification .MuiTableCell-root{padding:20px}.blast-notification .detail h4{font-size:20px;margin-bottom:16px}.blast-notification .detail .deskripsi{margin-bottom:12px}.blast-notification .detail .deskripsi .ql-toolbar.ql-snow{background:#f6f6f6;border-top-left-radius:6px;border-top-right-radius:6px}.blast-notification .detail .deskripsi .ql-container{height:200px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.blast-notification .detail .general{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:32px;gap:32px;margin-bottom:24px}@media screen and (max-width:959px){.blast-notification .detail .general{grid-template-columns:repeat(1,1fr)}}.blast-notification .detail .general label.time{margin-bottom:6px;display:block}.blast-notification .detail .verifikasi .delete{width:32px;height:32px;padding:0;gap:10px;border-radius:24px;background:#fef2f2;margin:10px 0}.blast-notification .detail .verifikasi .delete svg path{fill:red}.blast-notification .detail .verifikasi:first-child{display:flex;flex-direction:column;gap:6px}.blast-notification .detail .verifikasi .file-status{display:flex!important;justify-content:space-between;align-items:center}.blast-notification .detail .verifikasi .file-status .file-detail{display:flex;gap:14px;align-items:center}.blast-notification .detail .verifikasi .file-status .file-detail p{font-size:16px}.blast-notification .detail .verifikasi .file-status .file-detail span{font-size:14px;color:#b0b0b0}.blast-notification .detail .verifikasi .file-status .file-action{display:flex;justify-content:center;align-items:center;gap:10px}.blast-notification .detail .verifikasi .file-status{margin:10px 0 20px}.blast-notification .detail .verifikasi .file-container{margin:6px 0 16px;border:1px dashed #bababa;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 0;transition:all .3s ease-in-out}.blast-notification .detail .verifikasi .file-container:hover{background-color:#efefef}.blast-notification .detail .verifikasi .file-container p{font-size:16px}.blast-notification .detail .verifikasi .file-container p span{color:#2b5caa;font-weight:700}.blast-notification .detail .verifikasi .file-container p.validation{font-size:14px;color:#6d6d6d;font-weight:400}.blast-notification .detail .verifikasi .hidden-input{display:none}.blast-notification .detail .MuiRadioGroup-root{margin-top:4px}.blast-notification .detail .MuiRadioGroup-root .MuiFormControlLabel-root{padding:0;margin:0 0 6px}.blast-notification .detail .MuiRadioGroup-root .MuiFormControlLabel-root span{padding:0}.blast-notification .detail .MuiRadioGroup-root .MuiFormControlLabel-root .MuiTypography-root{font-size:12px;margin-bottom:4px;margin-left:10px}.blast-notification .detail aside{display:flex;flex-direction:column;gap:10px}.blast-notification .detail aside .payment{margin-top:6px;display:flex;flex-direction:column}.blast-notification .detail footer{border-top:1px dashed #e5e5e5;background-color:#fff;width:100%;padding:40px 40px 10px}.blast-notification .detail footer section{display:flex;justify-content:end;align-items:center;gap:14px}.blast-notification .detail footer section h1{font-size:14px!important}.blast-notification .send-notif-by-id{background:none;border:none;padding:5px}.inject-coin header{padding-top:16px}.inject-coin header .option{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-bottom:20px}.inject-coin header .option section{display:flex;flex-wrap:wrap;gap:12px}@media screen and (max-width:599px){.inject-coin header .option section{width:100%}}.inject-coin header h3{font-size:25px;font-weight:700}@media screen and (max-width:599px){.inject-coin header h3{font-size:20px}}.inject-coin .detail h4{font-size:20px;margin-bottom:16px}.inject-coin .detail .general{display:grid;border-bottom:1px dashed #e5e5e5;grid-template-columns:repeat(2,1fr);grid-gap:32px;gap:32px;margin-bottom:24px}@media screen and (max-width:959px){.inject-coin .detail .general{grid-template-columns:repeat(1,1fr)}}.inject-coin .detail .general .agen{margin-bottom:16px}.inject-coin .detail .general .agen label{margin-bottom:6px;display:block}.inject-coin .detail .general .agen .MuiAutocomplete-root{width:100%}.inject-coin .detail .general .agen .MuiInputBase-root{padding:2px 12px;width:100%}.inject-coin footer{margin-top:32px;border:1px solid #e5e5e5;background-color:#fff;width:100%;border-radius:6px}.inject-coin footer header{padding:24px 32px;margin-bottom:32px;border-bottom:1px solid #e5e5e5}.inject-coin footer header section{display:flex;justify-content:space-between;align-items:center}.inject-coin footer header h3{font-size:16px}.inject-coin footer header h4,.inject-coin footer header p{font-size:14px}.inject-coin footer header .otp-container{display:grid;grid-template-columns:repeat(3,1fr)}.inject-coin footer .action{display:flex;justify-content:end;padding:0 32px 32px 0}.disbursement header{padding-top:16px}.disbursement header .option{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;justify-content:space-between;align-items:center}.disbursement header .option section{display:flex;flex-wrap:wrap;gap:12px}@media screen and (max-width:599px){.disbursement header .option section{width:100%}}.disbursement header h3{font-size:25px;font-weight:700}@media screen and (max-width:599px){.disbursement header h3{font-size:20px}}.disbursement header .MuiTabs-flexContainer{width:-moz-fit-content;width:fit-content;border-bottom:2px solid #e5e5e5}.disbursement header .MuiTabs-flexContainer button{font-size:14px;line-height:20px;font-weight:500;color:#000}.disbursement header .MuiTabs-flexContainer button[aria-selected=true]{color:#2b5caa;font-weight:700}.disbursement header .MuiBox-root{padding:0}.disbursement header .MuiBox-root input{font-weight:500}.disbursement header .MuiBox-root input::placeholder{color:#6d6d6d}.disbursement .view-disbursement{margin-top:16px}.disbursement .view-disbursement header{display:flex;margin-bottom:16px;gap:20px;justify-content:space-between;align-items:center}.disbursement .view-disbursement header .MuiInputBase-root{width:400px}@media screen and (max-width:599px){.disbursement .view-disbursement header .MuiInputBase-root{width:100%}.disbursement .view-disbursement header{flex-wrap:wrap}}.disbursement .view-disbursement header h3{margin:0;padding:0}.disbursement .view-disbursement .action{display:flex;gap:6px}.disbursement .view-disbursement .MuiTableCell-body,.disbursement .view-disbursement .MuiTableCell-head{font-size:14px}@media screen and (max-width:959px){.disbursement .view-disbursement .MuiTableCell-body,.disbursement .view-disbursement .MuiTableCell-head{font-size:12px}}.disbursement .view-disbursement .MuiTableCell-root{padding:10px}@media screen and (max-width:599px){.disbursement .view-disbursement .MuiTableCell-root{padding:10px}}.disbursement .view-disbursement .MuiSnackbar-root,.disbursement .view-disbursement .MuiSnackbarContent-message{width:100%}.disbursement .view-disbursement .MuiSnackbarContent-message .disbursement-alert{display:flex;align-items:center;justify-content:space-between;width:100%;gap:24px}@media screen and (max-width:599px){.disbursement .view-disbursement .MuiSnackbarContent-message .disbursement-alert{flex-direction:column;gap:12px}}.disbursement .view-disbursement .MuiSnackbarContent-message .disbursement-alert section{display:flex;gap:10px;align-items:center}.disbursement .view-disbursement .action p{border-radius:4px}.disbursement .view-disbursement .action p.accept{color:#fff;background-color:#027a48;border-color:#027a48}.disbursement .view-disbursement .action p.accept:hover{background-color:#014e2e}.disbursement .view-disbursement .action p.reject{color:#fff;border-color:#b42318;background-color:#b42318}.disbursement .view-disbursement .action p.reject:hover{background-color:#8d150c}.disbursement .view-disbursement .action,.disbursement .view-disbursement .status{font-weight:500!important;display:flex;gap:8px;justify-items:center}.disbursement .view-disbursement .action p,.disbursement .view-disbursement .status p{font-size:12px;padding:6px 14px;border-width:1px;border-style:solid;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;width:-moz-fit-content;width:fit-content}.disbursement .view-disbursement .status p{border-radius:8px}.disbursement .view-disbursement .status p.accept{color:#027a48;background-color:#d1fadf;border-color:#027a48}.disbursement .view-disbursement .status p.reject{color:#b42318;border-color:#b42318;background-color:#fee4e2}.modal-container-disbursement{overflow:auto}@media screen and (max-width:599px){.modal-container-disbursement{width:90%}}.modal-container-disbursement .accept-modal,.modal-container-disbursement .reject-modal{display:flex;flex-direction:column;justify-content:center}.modal-container-disbursement .accept-modal header,.modal-container-disbursement .reject-modal header{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;margin-bottom:16px}.modal-container-disbursement .accept-modal header h1,.modal-container-disbursement .reject-modal header h1{font-size:16px;font-weight:700;text-align:center}.modal-container-disbursement .accept-modal header h1 span,.modal-container-disbursement .reject-modal header h1 span{font-weight:700}.modal-container-disbursement .accept-modal .info,.modal-container-disbursement .reject-modal .info{border:1px solid #e7e7e7;margin-bottom:24px;font-size:14px;padding:10px 12px;z-index:99;border-radius:10px}.modal-container-disbursement .accept-modal .info .agen-list,.modal-container-disbursement .reject-modal .info .agen-list{border-bottom:2px dashed #e7e7e7;padding:14px;display:flex;flex-direction:row}@media screen and (max-width:599px){.modal-container-disbursement .accept-modal .info .agen-list,.modal-container-disbursement .reject-modal .info .agen-list{flex-direction:column}}.modal-container-disbursement .accept-modal .info .agen-list p.label,.modal-container-disbursement .reject-modal .info .agen-list p.label{display:block;min-width:160px}.modal-container-disbursement .accept-modal .info .agen-list section,.modal-container-disbursement .reject-modal .info .agen-list section{display:flex;width:100%;justify-content:space-between;gap:6px}@media screen and (max-width:599px){.modal-container-disbursement .accept-modal .info .agen-list section,.modal-container-disbursement .reject-modal .info .agen-list section{gap:0}}.modal-container-disbursement .accept-modal .info .agen-list section p,.modal-container-disbursement .reject-modal .info .agen-list section p{justify-content:space-between;display:flex}.modal-container-disbursement .accept-modal .info .agen-list section p .label,.modal-container-disbursement .reject-modal .info .agen-list section p .label{display:block;min-width:160px}.modal-container-disbursement .accept-modal .info .agen-list section p .value,.modal-container-disbursement .reject-modal .info .agen-list section p .value{font-weight:700}.modal-container-disbursement .accept-modal .info .agen,.modal-container-disbursement .reject-modal .info .agen{display:block;border-bottom:2px dashed #e7e7e7;padding:14px}.modal-container-disbursement .accept-modal .info .agen p,.modal-container-disbursement .reject-modal .info .agen p{display:flex}.modal-container-disbursement .accept-modal .info .agen p .label,.modal-container-disbursement .reject-modal .info .agen p .label{display:block;min-width:160px}.modal-container-disbursement .accept-modal .info .agen p .value,.modal-container-disbursement .reject-modal .info .agen p .value{font-weight:700}.modal-container-disbursement .accept-modal .info .total,.modal-container-disbursement .reject-modal .info .total{padding:10px 12px}.modal-container-disbursement .accept-modal .info .total .border,.modal-container-disbursement .reject-modal .info .total .border{height:1px;width:100%;background-color:#e7e7e7;display:block}.modal-container-disbursement .accept-modal .info .total p,.modal-container-disbursement .reject-modal .info .total p{justify-content:space-between;display:flex;flex-wrap:wrap}.modal-container-disbursement .accept-modal .info .total p:last-child .value,.modal-container-disbursement .reject-modal .info .total p:last-child .value{color:#2b5caa}.modal-container-disbursement .accept-modal .info .total p .label,.modal-container-disbursement .reject-modal .info .total p .label{display:block;min-width:160px}.modal-container-disbursement .accept-modal .info .total p .value,.modal-container-disbursement .reject-modal .info .total p .value{font-weight:700}.modal-container-disbursement .accept-modal .alasan,.modal-container-disbursement .reject-modal .alasan{margin:0 0 10px}.modal-container-disbursement .accept-modal .alasan h3,.modal-container-disbursement .reject-modal .alasan h3{font-family:Inter;font-size:14px;font-weight:500;line-height:20px}.modal-container-disbursement .accept-modal .alasan h3 span,.modal-container-disbursement .reject-modal .alasan h3 span{color:#b42318}.modal-container-disbursement .accept-modal .alasan .radio,.modal-container-disbursement .reject-modal .alasan .radio{margin:0 0 10px}.modal-container-disbursement .accept-modal section,.modal-container-disbursement .reject-modal section{display:flex;flex-direction:column;gap:10px}.modal-container-disbursement .accept-modal section button,.modal-container-disbursement .reject-modal section button{font-size:14px!important}.inject-saldo header{padding-top:16px}.inject-saldo header .option{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;justify-content:space-between;align-items:center}.inject-saldo header .option section{display:flex;flex-wrap:wrap;gap:12px}@media screen and (max-width:599px){.inject-saldo header .option section{width:100%}}.inject-saldo header h3{font-size:25px;font-weight:700}@media screen and (max-width:599px){.inject-saldo header h3{font-size:20px}}.inject-saldo header .MuiTabs-flexContainer{width:-moz-fit-content;width:fit-content;border-bottom:2px solid #e5e5e5}.inject-saldo header .MuiTabs-flexContainer button{font-size:14px;line-height:20px;font-weight:500;color:#000}.inject-saldo header .MuiTabs-flexContainer button[aria-selected=true]{color:#2b5caa;font-weight:700}.inject-saldo header .MuiBox-root{padding:0}.inject-saldo header .MuiBox-root input{font-weight:500}.inject-saldo header .MuiBox-root input::placeholder{color:#6d6d6d}.inject-saldo .detail h4{font-size:20px;margin-bottom:16px}.inject-saldo .detail .general{display:grid;border-bottom:1px dashed #e5e5e5;grid-template-columns:repeat(2,1fr);grid-gap:32px;gap:32px;padding-bottom:20px;margin-bottom:24px}@media screen and (max-width:959px){.inject-saldo .detail .general{grid-template-columns:repeat(1,1fr)}}.inject-saldo .detail .general .agen{margin-bottom:16px}.inject-saldo .detail .general .agen label{margin-bottom:8px;display:block}.inject-saldo .detail .general .agen .MuiAutocomplete-root{width:100%}.inject-saldo .detail .general .agen .MuiInputBase-root{padding:2px 12px;width:100%}.inject-saldo .detail .action{display:flex;justify-content:end;padding:0 20px 20px 0}@media screen and (max-width:599px){.inject-saldo .detail .action{padding:0}}.inject-saldo .view-history{margin-top:16px}.inject-saldo .view-history .status{font-weight:500!important;display:flex;gap:8px;justify-items:center}.inject-saldo .view-history .status p{font-size:12px;padding:6px 14px;border-width:1px;border-style:solid;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;width:-moz-fit-content;width:fit-content;border-radius:8px}.inject-saldo .view-history .status p.accept{color:#027a48;background-color:#d1fadf;border-color:#027a48}.inject-saldo .view-history .status p.reject{color:#b42318;border-color:#b42318;background-color:#fee4e2}.modal-container-inject{width:80%;max-height:90vh;overflow-y:auto}@media screen and (max-width:599px){.modal-container-inject{width:90%}}.modal-container-inject::-webkit-scrollbar{width:2px}.modal-container-inject:-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.modal-container-inject::-webkit-scrollbar-thumb{background-color:#2b5caa}.modal-container-inject .confirm-modal{color:#3d3d3d}.modal-container-inject .confirm-modal header{border-bottom:1px solid #c9c9c9;padding:16px 20px}.modal-container-inject .confirm-modal header h1{font-size:24px}@media screen and (max-width:599px){.modal-container-inject .confirm-modal header h1{font-size:16px}}.modal-container-inject .confirm-modal main{padding:32px 20px;display:grid;grid-gap:32px;gap:32px;grid-template-columns:repeat(2,1fr)}@media screen and (max-width:959px){.modal-container-inject .confirm-modal main{padding:24px 12px;gap:24px;grid-template-columns:repeat(1,1fr)}}.modal-container-inject .confirm-modal main .method section{display:flex;gap:20px;margin-bottom:16px}@media screen and (max-width:959px){.modal-container-inject .confirm-modal main .method section{flex-direction:column;justify-content:center;align-items:center}.modal-container-inject .confirm-modal main .method section span{text-align:center}}.modal-container-inject .confirm-modal main .method section span h2{font-size:16px}@media screen and (max-width:599px){.modal-container-inject .confirm-modal main .method section span h2{font-size:14px}}.modal-container-inject .confirm-modal main .method section span p{font-size:14px;color:#888}@media screen and (max-width:599px){.modal-container-inject .confirm-modal main .method section span p{font-size:12px}}.modal-container-inject .confirm-modal main .method .qr-container{display:grid;place-items:center;margin-top:20px}.modal-container-inject .confirm-modal main .method .qr-container .qr{border:1px solid #e7e7e7;border-radius:4px;padding:16px 32px;display:flex;flex-direction:column;align-items:center}.modal-container-inject .confirm-modal main .method .qr-container .qr p{-webkit-text-decoration:underline #e7e7e7 1px;text-decoration:underline #e7e7e7 1px;text-underline-offset:4px}.modal-container-inject .confirm-modal main .method .otp-container{display:flex;justify-content:center;align-items:center;gap:0;flex-direction:column}.modal-container-inject .confirm-modal main .method .otp-container h2{font-size:16px}@media screen and (max-width:599px){.modal-container-inject .confirm-modal main .method .otp-container h2{font-size:14px}}.modal-container-inject .confirm-modal main aside h2{font-size:16px;margin-bottom:12px}@media screen and (max-width:599px){.modal-container-inject .confirm-modal main aside h2{font-size:14px;margin-bottom:8px}}.modal-container-inject .confirm-modal main aside .detail-inject{display:flex;flex-direction:column;gap:0;border:1px solid #e7e7e7;border-radius:6px;font-size:14px;margin-bottom:16px}.modal-container-inject .confirm-modal main aside .detail-inject .agen,.modal-container-inject .confirm-modal main aside .detail-inject .total{padding:10px 12px}.modal-container-inject .confirm-modal main aside .detail-inject .agen p,.modal-container-inject .confirm-modal main aside .detail-inject .total p{display:flex;width:100%;justify-content:space-between}.modal-container-inject .confirm-modal main aside .detail-inject .agen p .value,.modal-container-inject .confirm-modal main aside .detail-inject .total p .value{font-weight:700}.modal-container-inject .confirm-modal main aside .detail-inject .total p .value{color:#2b5caa}.modal-container-inject .confirm-modal main aside .detail-inject .agen{display:flex;flex-direction:column;gap:0;border-bottom:1px solid #e7e7e7}.modal-container-inject .confirm-modal main aside .action{display:flex;flex-direction:column;gap:10px}.modal-container-inject .confirm-modal main aside .action h1{font-size:14px}.product header{padding-top:16px}.product header .option{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}.product header .option section{display:flex;flex-wrap:wrap;gap:12px}@media screen and (max-width:599px){.product header .option section{width:100%}}.product header h3{font-size:25px;font-weight:700}@media screen and (max-width:599px){.product header h3{font-size:20px}}.product .view-product .MuiInputBase-root{width:400px}@media screen and (max-width:959px){.product .view-product .MuiInputBase-root{width:100%}}.product .view-product header{display:flex;margin-bottom:16px;align-items:center;flex-wrap:wrap;justify-content:space-between}.product .view-product header .MuiInputBase-root{width:400px}@media screen and (max-width:959px){.product .view-product header .MuiInputBase-root{width:100%}}.product .view-product header .MuiFormControl-root{width:100%}@media screen and (max-width:959px){.product .view-product header .MuiFormControl-root{width:100%}}.product .view-product header section{display:flex;justify-content:start;align-items:center;gap:20px}@media screen and (max-width:959px){.product .view-product header section{flex-wrap:wrap;justify-content:space-between;width:100%;margin-top:10px}}.product .view-product header section .neutral{width:-moz-fit-content;width:fit-content}@media screen and (max-width:599px){.product .view-product header .MuiFormControl-root{width:100%}}.product .view-product header .MuiBox-root{width:-moz-fit-content;width:fit-content}@media screen and (max-width:959px){.product .view-product header .MuiBox-root{width:100%}}.product .view-product header .filter-date{margin-top:10px;flex-shrink:0}@media screen and (max-width:959px){.product .view-product header .filter-date{width:100%}}.product .view-product header h3{margin:0;padding:0}.product .view-product .MuiTableCell-body,.product .view-product .MuiTableCell-head{font-size:12px}@media screen and (max-width:599px){.product .view-product .MuiTableCell-body,.product .view-product .MuiTableCell-head{font-size:12px}}.product .view-product .MuiTableCell-root{padding:14px 0 14px 18px}@media screen and (max-width:599px){.product .view-product .MuiTableCell-root{padding:10px 10px 10px 16px}}.product .view-product .action{display:flex;gap:10px;margin:0;padding:0;width:-moz-fit-content;width:fit-content}.product .detail .dimension header,.product .detail .general header{margin-bottom:10px}.product .detail .dimension main,.product .detail .general main{margin-bottom:0!important;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:32px;gap:32px}@media screen and (max-width:959px){.product .detail .dimension main,.product .detail .general main{grid-template-columns:repeat(1,1fr);gap:16px}}.product .detail .photo main{margin-bottom:0!important}.product .detail .photo header{margin-bottom:10px}.product .detail .photo .upload-with-preview{margin-bottom:0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:32px;gap:32px}@media screen and (max-width:959px){.product .detail .photo .upload-with-preview{grid-template-columns:repeat(1,1fr);gap:16px}}.product .detail .photo .upload-with-preview header{font-size:14px}.product .detail .photo .upload-with-preview .image-container{display:flex;flex-wrap:wrap;gap:12px}.product .detail .photo .upload-with-preview .image-container .first-img{border:3px solid #2b5caa}.product .detail .photo .upload-with-preview .image-container .img-uploaded{position:relative;background-color:#2b5caa;height:9.3em;width:14em;border-radius:10px;overflow:hidden;object-position:center}.product .detail .photo .upload-with-preview .image-container .img-uploaded .product-img{position:relative;z-index:10}.product .detail .photo .upload-with-preview .image-container .img-uploaded p{top:0;left:0;border-radius:0 0 10px 0;padding:6px 8px;background-color:#2b5caa;font-size:12px;color:#fff;font-weight:500;position:absolute;z-index:20}.product .detail .photo .upload-with-preview .image-container .img-uploaded .preview-action{display:grid;place-items:center;position:absolute;z-index:20;width:-moz-fit-content;width:fit-content;background-color:rgba(43,92,170,.388);padding:6px 12px;border-radius:0 10px 0 0;bottom:0}.product .detail .photo .upload-with-preview .image-container .img-uploaded .preview-action .action{display:flex;gap:10px}.product .detail .photo .upload-with-preview .image-container .img-uploaded img{height:100%;object-position:center;width:100%;object-fit:cover;cursor:pointer}.product .detail .general header{padding:0!important;display:flex;justify-content:space-between;align-items:center}.product .detail .general header .product-status{display:flex;align-items:center;gap:10px}.product .detail .general header .product-status p{font-size:14px}.product .detail .general .price-input{margin-bottom:12px}.product .detail .general main label{margin-bottom:2px}.product .detail .general main section .category label{margin-bottom:7px;display:block}.product .detail .general main section .category .MuiAutocomplete-root{width:100%}.product .detail .general main section .category .MuiFormHelperText-root{margin-bottom:15px}.product .detail .general main section .category .MuiInputBase-root{padding:1px 12px;width:100%}.product .detail .dimension{margin-bottom:16px}.product .detail .dimension main{gap:16px 32px}.product .detail .dimension .MuiBox-root .MuiBox-root{border:none!important}.product .detail .dimension .MuiInputBase-root{margin-bottom:0;border:none!important;border-radius:8px 0 0 8px!important}.product .detail .dimension .MuiInputBase-root.units{border-radius:0 8px 8px 0!important;border:none;height:-moz-fit-content;height:fit-content}.product .detail .dimension .MuiInputBase-root.units .MuiSelect-select{padding:9px 32px 8px 12px;min-width:32px;background-color:#fcfcfd}.product .detail footer{margin-top:16px;display:flex;justify-content:end}.product .detail footer section{display:flex;gap:16px}.product .detail footer section button h1{font-size:14px!important;font-weight:500!important}.product .remove-items{margin-top:24px}.product .remove-items h1{font-size:14px!important}.verifikasi:first-child{display:flex;flex-direction:column;gap:6px}.verifikasi .file-status{display:flex!important;justify-content:space-between;align-items:center}.verifikasi .file-status .file-detail{display:flex;gap:14px;align-items:center}.verifikasi .file-status .file-detail p{font-size:16px}.verifikasi .file-status .file-detail span{font-size:14px;color:#b0b0b0}.verifikasi .file-status .file-action{display:flex;justify-content:center;align-items:center;gap:10px}.verifikasi .file-status{margin:120px 0 20px}.verifikasi .file-container{margin:6px 0 16px;border:1px dashed #bababa;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:42px 0;transition:all .3s ease-in-out}.verifikasi .file-container:hover{background-color:#efefef}.verifikasi .file-container p{font-size:16px}.verifikasi .file-container p span{color:#2b5caa;font-weight:700}.verifikasi .file-container p.validation{font-size:14px;color:#6d6d6d;font-weight:400}.verifikasi .hidden-input{display:none}.remove-product header{margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #f1f1f1;display:flex;justify-content:space-between;align-items:center}.remove-product header h1{font-weight:700;font-size:25px}.remove-product main{display:flex;flex-direction:column;gap:12px}.remove-product main section{display:flex;flex-direction:column;margin-bottom:8px}.remove-product main section h2{font-size:20px;margin-bottom:4px}.remove-product main section .option{display:flex}.remove-product main section .option span{display:flex;justify-content:space-between;align-items:center}.remove,.remove header{display:flex;flex-direction:column;justify-content:center}.remove header{gap:8px;align-items:center;margin-bottom:16px}.remove header h1{font-size:16px;font-weight:400;text-align:center}.remove header h1 span{font-weight:700}.remove header .remove-icon{background-color:#fee4e2;color:#912018;border-radius:50%;height:36px;width:36px;padding:6px;font-weight:lighter}.remove section{display:flex;flex-direction:column;gap:10px}.remove section button{font-size:14px!important}.remove-alert{display:flex;gap:10px;font-size:14px;margin-bottom:16px;align-items:center;background-color:#fecdca;border:1px solid #fecdca;color:#912018;padding:8px 12px;border-radius:6px}.current-photo .image-container{display:flex;flex-wrap:wrap;gap:12px}.current-photo .image-container .first-img{border:3px solid #2b5caa}.current-photo .image-container .img-uploaded{position:relative;background-color:#2b5caa;height:9.3em;width:14em;border-radius:10px;overflow:hidden}.current-photo .image-container .img-uploaded p{top:0;left:0;border-radius:0 0 10px 0;padding:6px 8px;background-color:#2b5caa;font-size:12px;color:#fff;font-weight:500;position:absolute;z-index:10}.current-photo .image-container .img-uploaded .preview-action{display:grid;place-items:center;position:absolute;top:0;bottom:0;right:0;left:0}.current-photo .image-container .img-uploaded .preview-action .action{display:flex;gap:10px}.current-photo .image-container .img-uploaded img{height:100%;object-position:center;width:100%;object-fit:cover}.list-voucher .head{margin:30px 0}.list-voucher .head .title{display:flex;align-items:center;justify-content:space-between}.list-voucher .head .title .action{display:flex;gap:10px}.list-voucher .head .search{display:flex}.list-voucher .head .search .MuiInputBase-root.type-search{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.list-voucher .head .search .input-search{width:400px}.list-voucher .head .search .input-search .MuiInputBase-root{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.list-voucher .head .search .input-search .MuiInputBase-root fieldset{border-left-color:transparent}.list-voucher .head .neutral{padding:12px 10px;display:flex;justify-content:space-evenly}.list-voucher .head .filter-date{width:100%;padding:10px;margin:0}.list-voucher .save-button .MuiTabs-flexContainer{width:-moz-fit-content;width:fit-content;border-bottom:2px solid #e5e5e5}.list-voucher .save-button .MuiTabs-flexContainer button{font-size:14px;line-height:20px;font-weight:500;color:#000}.list-voucher .save-button .MuiTabs-flexContainer button[aria-selected=true]{color:#3971be;font-family:Inter,sans-serif!important;font-size:14px;font-weight:500!important;line-height:20px;text-align:center;font-weight:700}.list-voucher .MuiTabs-flexContainer{width:-moz-fit-content;width:fit-content;border-bottom:2px solid #e5e5e5}.list-voucher .MuiTabs-flexContainer button{font-size:14px;line-height:20px;font-weight:500;color:#000}.list-voucher .MuiTabs-flexContainer button[aria-selected=true]{color:#3971be;font-family:Inter,sans-serif!important;font-size:14px;font-weight:500!important;line-height:20px;text-align:center;font-weight:700}.list-voucher .detail{margin-top:16px;background-color:#fff;border-radius:10px;padding:18px 32px}@media screen and (max-width:599px){.list-voucher .detail{gap:0;grid-template-columns:1fr}}.list-voucher .detail main{display:flex;flex-direction:column;gap:24px}.list-voucher .detail h4{margin-bottom:20px;font-size:20px}.list-voucher .detail label{font-weight:500;font-size:16px!important;margin-bottom:6px}.list-voucher .detail aside{margin-top:46px}.list-voucher .detail .address{margin-bottom:16px}.list-voucher .detail .address label{margin-bottom:10px;display:block}.list-voucher .detail .address .MuiAutocomplete-root{width:100%}.list-voucher .detail .address .MuiOutlinedInput-root{width:100%;padding:1px 8px}.list-voucher .form-customer{border:1px solid #e7e7e7;box-shadow:none;border-radius:12px}.list-voucher .form-customer .MuiCardContent-root{padding:16px 0 0}.list-voucher .form-customer .MuiCardContent-root .title{padding-left:16px;padding-right:16px;display:flex;justify-content:space-between;align-items:center}.list-voucher .form-customer .MuiCardContent-root .title .set-status{display:flex;align-items:center;gap:10px}.list-voucher .form-customer .MuiCardContent-root form{margin-top:20px}.list-voucher .form-customer .MuiCardContent-root form .set-status{display:flex;align-items:center;gap:10px}.list-voucher .form-customer .MuiCardContent-root form .input-area{padding-bottom:20px;padding-left:16px;padding-right:16px}.list-voucher .form-customer .MuiCardContent-root form .action{display:flex;justify-content:flex-end;gap:5px;border-top:1px solid #e7e7e7;padding:10px 16px}.create-voucher .title{margin:30px 0;display:flex;align-items:center;justify-content:space-between}.create-voucher .title h2{font-size:25px;font-weight:700;line-height:30px;text-align:left;color:#3d3d3d}.create-voucher .MuiCard-root{border:1px solid #e7e7e7;box-shadow:none}.create-voucher .MuiCard-root .MuiCardContent-root{padding:0}.create-voucher .MuiCard-root .MuiCardContent-root .title-form{display:flex;justify-content:space-between;align-items:center;padding:10px 16px}.create-voucher .MuiCard-root .MuiCardContent-root .title-form .form-title{font-size:20px;font-weight:700;line-height:24px;text-align:left;color:#454545}.create-voucher .MuiCard-root .MuiCardContent-root .title-form .set-status{display:flex;align-items:center;gap:10px}.create-voucher .MuiCard-root .MuiCardContent-root .form{padding:16px}.create-voucher .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi:first-child{display:flex;flex-direction:column;gap:6px}.create-voucher .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-status{display:flex!important;justify-content:space-between;align-items:center}.create-voucher .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-status .file-detail{display:flex;gap:14px;align-items:center}.create-voucher .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-status .file-detail p{font-size:16px}.create-voucher .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-status .file-detail span{font-size:14px;color:#b0b0b0}.create-voucher .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-status .file-action{display:flex;justify-content:center;align-items:center;gap:10px}.create-voucher .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-status{margin:10px 0 20px}.create-voucher .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-container{margin:10px 0 16px;border:2px dashed #e5e5e5;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:38px 0;transition:all .3s ease-in-out}.create-voucher .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-container:hover{background-color:#efefef}.create-voucher .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-container p{font-size:18px}.create-voucher .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-container p span{color:#2b5caa;font-weight:700}.create-voucher .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-container p.validation{font-size:16px;color:#6d6d6d;font-weight:400}.create-voucher .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .hidden-input{display:none}.create-voucher .MuiCard-root .MuiCardContent-root .action{padding:16px;border-top:1px solid #e4e7ec;display:flex;justify-content:flex-end;gap:10px}.list-popup-promo .head{margin:30px 0}.list-popup-promo .head .title{display:flex;align-items:center;justify-content:space-between}.list-popup-promo .head .title .action{display:flex;gap:10px}.list-popup-promo .head .search{display:flex}.list-popup-promo .head .neutral{padding:12px 10px;display:flex;justify-content:space-evenly}.list-popup-promo .head .filter-date{width:100%;padding:10px;margin:0}.list-popup-promo .save-button .MuiTabs-flexContainer{width:-moz-fit-content;width:fit-content;border-bottom:2px solid #e5e5e5}.list-popup-promo .save-button .MuiTabs-flexContainer button{font-size:14px;line-height:20px;font-weight:500;color:#000}.list-popup-promo .save-button .MuiTabs-flexContainer button[aria-selected=true]{color:#3971be;font-family:Inter,sans-serif!important;font-size:14px;font-weight:500!important;line-height:20px;text-align:center;font-weight:700}.list-popup-promo .MuiTabs-flexContainer{width:-moz-fit-content;width:fit-content;border-bottom:2px solid #e5e5e5}.list-popup-promo .MuiTabs-flexContainer button{font-size:14px;line-height:20px;font-weight:500;color:#000}.list-popup-promo .MuiTabs-flexContainer button[aria-selected=true]{color:#3971be;font-family:Inter,sans-serif!important;font-size:14px;font-weight:500!important;line-height:20px;text-align:center;font-weight:700}.list-popup-promo .detail{margin-top:16px;background-color:#fff;border-radius:10px;padding:18px 32px}@media screen and (max-width:599px){.list-popup-promo .detail{gap:0;grid-template-columns:1fr}}.list-popup-promo .detail main{display:flex;flex-direction:column;gap:24px}.list-popup-promo .detail h4{margin-bottom:20px;font-size:20px}.list-popup-promo .detail label{font-weight:500;font-size:16px!important;margin-bottom:6px}.list-popup-promo .detail aside{margin-top:46px}.list-popup-promo .detail .address{margin-bottom:16px}.list-popup-promo .detail .address label{margin-bottom:10px;display:block}.list-popup-promo .detail .address .MuiAutocomplete-root{width:100%}.list-popup-promo .detail .address .MuiOutlinedInput-root{width:100%;padding:1px 8px}.list-popup-promo .form-customer{border:1px solid #e7e7e7;box-shadow:none;border-radius:12px}.list-popup-promo .form-customer .MuiCardContent-root{padding:16px 0 0}.list-popup-promo .form-customer .MuiCardContent-root .title{padding-left:16px;padding-right:16px;display:flex;justify-content:space-between;align-items:center}.list-popup-promo .form-customer .MuiCardContent-root .title .set-status{display:flex;align-items:center;gap:10px}.list-popup-promo .form-customer .MuiCardContent-root form{margin-top:20px}.list-popup-promo .form-customer .MuiCardContent-root form .set-status{display:flex;align-items:center;gap:10px}.list-popup-promo .form-customer .MuiCardContent-root form .input-area{padding-bottom:20px;padding-left:16px;padding-right:16px}.list-popup-promo .form-customer .MuiCardContent-root form .action{display:flex;justify-content:flex-end;gap:5px;border-top:1px solid #e7e7e7;padding:10px 16px}.create-popup-promo .title{margin:30px 0;display:flex;align-items:center;justify-content:space-between}.create-popup-promo .title h2{font-size:25px;font-weight:700;line-height:30px;text-align:left;color:#3d3d3d}.create-popup-promo .MuiCard-root{border:1px solid #e7e7e7;box-shadow:none}.create-popup-promo .MuiCard-root .MuiCardContent-root{padding:0}.create-popup-promo .MuiCard-root .MuiCardContent-root .title-form{display:flex;justify-content:space-between;align-items:center;padding:10px 16px}.create-popup-promo .MuiCard-root .MuiCardContent-root .title-form .form-title{font-size:20px;font-weight:700;line-height:24px;text-align:left;color:#454545}.create-popup-promo .MuiCard-root .MuiCardContent-root .title-form .set-status{display:flex;align-items:center;gap:10px}.create-popup-promo .MuiCard-root .MuiCardContent-root .form{padding:16px;border-bottom:2px dashed #e7e7e7;margin-bottom:10px}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .delete{width:32px;height:32px;padding:0;gap:10px;border-radius:24px;background:#fef2f2;margin:10px 0}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .delete svg path{fill:red}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi:first-child{display:flex;flex-direction:column;gap:6px}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-status{display:flex!important;justify-content:space-between;align-items:center}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-status .file-detail{display:flex;gap:14px;align-items:center}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-status .file-detail p{font-size:16px}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-status .file-detail span{font-size:14px;color:#b0b0b0}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-status .file-action{display:flex;justify-content:center;align-items:center;gap:10px}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-status{margin:10px 0 20px}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .image-container{display:flex;flex-wrap:wrap;gap:12px}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .image-container .first-img{border:3px solid #2b5caa}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .image-container .img-uploaded{position:relative;background-color:#2b5caa;height:9.3em;width:14em;border-radius:10px;overflow:hidden;object-position:center}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .image-container .img-uploaded .product-img{position:relative;z-index:10}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .image-container .img-uploaded p{top:0;left:0;border-radius:0 0 10px 0;padding:6px 8px;background-color:#2b5caa;font-size:12px;color:#fff;font-weight:500;position:absolute;z-index:20}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .image-container .img-uploaded .preview-action{display:grid;place-items:center;position:absolute;z-index:20;width:-moz-fit-content;width:fit-content;background-color:rgba(43,92,170,.388);padding:6px 12px;border-radius:0 10px 0 0;bottom:0}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .image-container .img-uploaded .preview-action .action{display:flex;gap:10px}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .image-container .img-uploaded img{height:100%;object-position:center;width:100%;object-fit:cover;cursor:pointer}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-container{margin:10px 0 16px;border:2px dashed #e5e5e5;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:38px 0;transition:all .3s ease-in-out}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-container:hover{background-color:#efefef}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-container p{font-size:18px}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-container p span{color:#2b5caa;font-weight:700}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .file-container p.validation{font-size:16px;color:#6d6d6d;font-weight:400}.create-popup-promo .MuiCard-root .MuiCardContent-root .form .verifikasi-container .verifikasi .hidden-input{display:none}.create-popup-promo .MuiCard-root .MuiCardContent-root .redirect-product{margin:30px 0;padding:0 16px}.create-popup-promo .MuiCard-root .MuiCardContent-root .redirect-product h4{font-size:20px;font-weight:700;line-height:24px;text-align:left;color:#454545;margin-bottom:30px}.create-popup-promo .MuiCard-root .MuiCardContent-root .redirect-product .list-product{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.create-popup-promo .MuiCard-root .MuiCardContent-root .redirect-product .list-product .product{display:flex;gap:10px;border:1px solid #f0f0f0;padding:10px;border-radius:8px;height:100%;align-items:flex-start;flex-direction:row-reverse}.create-popup-promo .MuiCard-root .MuiCardContent-root .redirect-product .list-product .product.aktif{background:#f3f6fc;border:1px solid #3971be}.create-popup-promo .MuiCard-root .MuiCardContent-root .redirect-product .list-product .product .view-product{display:flex;gap:10px;flex-direction:column}.create-popup-promo .MuiCard-root .MuiCardContent-root .redirect-product .list-product .product .view-product .foto-product img{object-fit:cover}.create-popup-promo .MuiCard-root .MuiCardContent-root .redirect-product .list-product .product .view-product .product-info{display:flex;flex-direction:column}.create-popup-promo .MuiCard-root .MuiCardContent-root .redirect-product .list-product .product .view-product .product-info h4{font-size:13px;font-weight:500;line-height:12px;margin-bottom:10px}.create-popup-promo .MuiCard-root .MuiCardContent-root .redirect-product .list-product .product .view-product .product-info P{margin-bottom:10px;color:#888;font-size:13px;font-weight:500;line-height:15.6px;text-align:left}.create-popup-promo .MuiCard-root .MuiCardContent-root .redirect-product .list-product .product .view-product .product-info .harga{font-size:13px;font-weight:700;line-height:12px;color:#262626}.create-popup-promo .MuiCard-root .MuiCardContent-root .redirect-product .list-product .pagination-product{display:flex;justify-content:space-between;align-items:center;width:100%}.create-popup-promo .MuiCard-root .MuiCardContent-root .redirect-product .list-product .pagination-product .legend-pagination{font-size:13px;font-weight:500;line-height:15.6px;color:#888}.create-popup-promo .MuiCard-root .MuiCardContent-root .redirect-product .list-product .pagination-product .legend-pagination strong{color:#3d3d3d}@media screen and (max-width:599px){.create-popup-promo .MuiCard-root .MuiCardContent-root .redirect-product .list-product .pagination-product .MuiPagination-root{width:65%;display:flex;justify-content:flex-end}}.create-popup-promo .MuiCard-root .MuiCardContent-root .redirect-product .list-product .pagination-product .MuiPagination-ul .MuiPaginationItem-root.Mui-selected{background-color:#f9fafb;border-radius:8px}@media screen and (max-width:599px){.create-popup-promo .MuiCard-root .MuiCardContent-root .redirect-product .list-product :nth-child(n+1){width:48%}}.create-popup-promo .MuiCard-root .MuiCardContent-root .MuiAlert-root{margin-bottom:15px;border:1px solid #e7e7e7;background:#f6f6f6;font-size:16px;font-weight:500;line-height:19.2px;color:#5d5d5d}.create-popup-promo .MuiCard-root .MuiCardContent-root .action{padding:16px;border-top:1px solid #e4e7ec;display:flex;justify-content:flex-end;gap:10px}.modal-list-produk .MuiAlert-root{margin-bottom:15px;border:1px solid #e7e7e7;background:#f6f6f6;font-size:16px;font-weight:500;line-height:19.2px;color:#5d5d5d}.modal-list-produk .action{display:flex;margin:10px 0;justify-content:flex-end;border-top:1px solid #e7e7e7}.modal-list-produk .action button{margin-top:20px}.detail-popup-promo h3{color:#3d3d3d;font-size:25px;font-weight:700;line-height:30px;margin:20px 0}.detail-popup-promo .informasi{border:1px solid #e7e7e7;background:#fff;border-radius:8px;padding:16px}.detail-popup-promo .informasi .title{display:flex;gap:15px;justify-content:space-between}.detail-popup-promo .informasi .title .title-text{display:flex;gap:5px}.detail-popup-promo .informasi .title .set-status{display:flex;align-items:center;gap:5px}.detail-popup-promo .informasi .title h5{font-size:20px;font-weight:700;line-height:24px;text-align:left;color:#454545}.detail-popup-promo .informasi .edit-icon path{fill:#475467}.detail-popup-promo .informasi .promo-info{margin:20px 0}.detail-popup-promo .informasi .promo-info label{color:#888;font-size:16px;font-weight:500;line-height:19.2px}.detail-popup-promo .informasi .promo-info .value{color:#101828;font-family:Inter;font-size:16px;font-weight:500;line-height:19.2px;margin:5px 0;text-transform:capitalize}.detail-popup-promo .informasi .promo-info .ant-image .ant-image-img{border-radius:8px}.approval header{padding-top:16px}.approval header .option{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;justify-content:space-between;align-items:center}.approval header .option section{display:flex;flex-wrap:wrap;gap:12px}@media screen and (max-width:599px){.approval header .option section{width:100%}}.approval header h3{font-size:25px;font-weight:700}@media screen and (max-width:599px){.approval header h3{font-size:20px}}.approval header .MuiTabs-flexContainer{width:-moz-fit-content;width:fit-content;border-bottom:2px solid #e5e5e5}.approval header .MuiTabs-flexContainer button{font-size:14px;line-height:20px;font-weight:500;color:#000}.approval header .MuiTabs-flexContainer button[aria-selected=true]{color:#2b5caa;font-weight:700}.approval header .MuiBox-root{padding:0}.approval header .MuiBox-root input{font-weight:500}.approval header .MuiBox-root input::placeholder{color:#6d6d6d}.approval .view-approval{margin-top:16px}.approval .view-approval .action{display:flex;gap:6px}.approval .view-approval .product-alert{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center}.approval .view-approval .product-alert p{border-right:2px solid #dcdcdc;padding-right:10px;font-size:14px!important}@media screen and (max-width:959px){.approval .view-approval .product-alert p{border:none}}.approval .view-approval .product-alert span{font-size:14px!important}.approval .view-approval .product-alert section{display:flex;justify-content:center;align-items:center;gap:10px}.approval .view-approval .MuiTableCell-body,.approval .view-approval .MuiTableCell-head{font-size:12px}@media screen and (max-width:599px){.approval .view-approval .MuiTableCell-body,.approval .view-approval .MuiTableCell-head{font-size:12px}}.approval .view-approval .MuiTableCell-root{padding:14px 0 14px 18px}@media screen and (max-width:599px){.approval .view-approval .MuiTableCell-root{padding:10px 10px 10px 16px}}.approval .view-approval .MuiSnackbar-root,.approval .view-approval .MuiSnackbarContent-message{width:100%}.approval .view-approval .MuiSnackbarContent-message .disbursement-alert{display:flex;align-items:center;justify-content:space-between;width:100%;gap:24px}@media screen and (max-width:599px){.approval .view-approval .MuiSnackbarContent-message .disbursement-alert{flex-direction:column;gap:12px}}.approval .view-approval .MuiSnackbarContent-message .disbursement-alert section{display:flex;gap:10px;align-items:center}.approval .view-approval .action p{border-radius:4px}.approval .view-approval .action p.accept{color:#fff;background-color:#2b5caa;border-color:#2b5caa}.approval .view-approval .action p.accept:hover{background-color:#204e97}.approval .view-approval .action p.reject{color:#b42318;border-color:#b42318;background-color:#fffbfa}.approval .view-approval .action p.reject:hover{background-color:#f0e5e2}.approval .view-approval .action,.approval .view-approval .status{font-weight:500!important;display:flex;gap:8px;justify-items:center}.approval .view-approval .action p,.approval .view-approval .status p{font-size:12px;padding:6px 14px;border-width:1px;border-style:solid;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;width:-moz-fit-content;width:fit-content}.approval .view-approval .status p{border-radius:8px}.approval .view-approval .status p.accept{color:#027a48;background-color:#d1fadf;border-color:#027a48}.approval .view-approval .status p.reject{color:#b42318;border-color:#b42318;background-color:#fee4e2}.modal-container-approval{min-width:520px}@media screen and (max-width:599px){.modal-container-approval{width:90%}}.modal-container-approval .accept-modal,.modal-container-approval .reject-modal{display:flex;flex-direction:column;justify-content:center}.modal-container-approval .accept-modal header,.modal-container-approval .reject-modal header{display:flex;flex-direction:column;gap:8px;justify-content:center;align-items:center;margin-bottom:16px}.modal-container-approval .accept-modal header h1,.modal-container-approval .reject-modal header h1{font-size:16px;font-weight:700;text-align:center}.modal-container-approval .accept-modal header h1 span,.modal-container-approval .reject-modal header h1 span{font-weight:700}.modal-container-approval .accept-modal .info,.modal-container-approval .reject-modal .info{border:1px solid #e7e7e7;margin-bottom:24px;font-size:14px;padding:10px 12px;z-index:99;border-radius:10px}.modal-container-approval .accept-modal .info .agen-list,.modal-container-approval .reject-modal .info .agen-list{border-bottom:2px dashed #e7e7e7;padding:14px;display:flex;flex-direction:row}@media screen and (max-width:599px){.modal-container-approval .accept-modal .info .agen-list,.modal-container-approval .reject-modal .info .agen-list{flex-direction:column}}.modal-container-approval .accept-modal .info .agen-list p.label,.modal-container-approval .reject-modal .info .agen-list p.label{display:block;min-width:160px}.modal-container-approval .accept-modal .info .agen-list section,.modal-container-approval .reject-modal .info .agen-list section{display:flex;width:100%;justify-content:space-between;gap:6px}@media screen and (max-width:599px){.modal-container-approval .accept-modal .info .agen-list section,.modal-container-approval .reject-modal .info .agen-list section{gap:0}}.modal-container-approval .accept-modal .info .agen-list section p,.modal-container-approval .reject-modal .info .agen-list section p{justify-content:space-between;display:flex}.modal-container-approval .accept-modal .info .agen-list section p .label,.modal-container-approval .reject-modal .info .agen-list section p .label{display:block;min-width:160px}.modal-container-approval .accept-modal .info .agen-list section p .value,.modal-container-approval .reject-modal .info .agen-list section p .value{font-weight:700}.modal-container-approval .accept-modal .info .agen,.modal-container-approval .reject-modal .info .agen{display:block;border-bottom:2px dashed #e7e7e7;padding:14px}.modal-container-approval .accept-modal .info .agen p,.modal-container-approval .reject-modal .info .agen p{display:flex}.modal-container-approval .accept-modal .info .agen p .label,.modal-container-approval .reject-modal .info .agen p .label{display:block;min-width:160px}.modal-container-approval .accept-modal .info .agen p .value,.modal-container-approval .reject-modal .info .agen p .value{font-weight:700}.modal-container-approval .accept-modal .info .total,.modal-container-approval .reject-modal .info .total{padding:10px 12px}.modal-container-approval .accept-modal .info .total .border,.modal-container-approval .reject-modal .info .total .border{height:1px;width:100%;background-color:#e7e7e7;display:block}.modal-container-approval .accept-modal .info .total p,.modal-container-approval .reject-modal .info .total p{justify-content:space-between;display:flex;flex-wrap:wrap}.modal-container-approval .accept-modal .info .total p:last-child .value,.modal-container-approval .reject-modal .info .total p:last-child .value{color:#2b5caa}.modal-container-approval .accept-modal .info .total p .label,.modal-container-approval .reject-modal .info .total p .label{display:block;min-width:160px}.modal-container-approval .accept-modal .info .total p .value,.modal-container-approval .reject-modal .info .total p .value{font-weight:700}.modal-container-approval .accept-modal section,.modal-container-approval .reject-modal section{display:flex;flex-direction:column;gap:10px}.modal-container-approval .accept-modal section button,.modal-container-approval .reject-modal section button{font-size:14px!important}.price header{padding-top:16px;margin-bottom:14px}.price header,.price header .option{display:flex;justify-content:space-between}.price header .option{width:100%;flex-wrap:wrap;gap:10px;align-items:center}@media screen and (max-width:599px){.price header .option{display:block}}.price header .option section{display:flex;flex-wrap:wrap;gap:12px}.price header .option section .neutral,.price header .option section .primary{padding:8px 42px!important}@media screen and (max-width:599px){.price header .option section .neutral,.price header .option section .primary{padding:10px 42px!important;font-size:14px!important}}.price header h3{font-size:25px;font-weight:700}@media screen and (max-width:599px){.price header h3{font-size:20px;margin-bottom:12px}}.price .detail{background-color:#fff;border-radius:6px;padding:24px 24px 14px}.price .detail .MuiPaper-root{box-shadow:none;border-radius:10px;overflow:hidden}.price .detail .MuiPaper-root .MuiTableCell-body,.price .detail .MuiPaper-root .MuiTableCell-head{font-size:14px}.price .detail .MuiPaper-root .MuiTableCell-root{padding:16px}.price .detail header{margin-top:-16px;display:flex;justify-content:space-between;align-items:center}.price .detail header h4{font-size:20px;font-weight:700}@media screen and (max-width:599px){.price .detail header h4{font-size:16px}}.price .detail .general .primary{width:-moz-fit-content;width:fit-content;padding:6px 16px!important}.price .detail .general .primary h1{font-size:14px!important;font-weight:500!important}.price .detail .price-detail{display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:16px}@media screen and (max-width:959px){.price .detail .price-detail{grid-template-columns:repeat(1,1fr)}}.price .detail .price-detail label{margin-bottom:6px}.setting-module{padding:24px 128px}@media screen and (max-width:599px){.setting-module{padding:10px}}@media screen and (min-width:600px)and (max-width:959px){.setting-module{padding:10px}}@media screen and (min-width:960px)and (max-width:1279px){.setting-module{padding:24px 70px}}@media screen and (min-width:1280px)and (max-width:1500px){.setting-module{padding:24px 70px}}.setting-module .secondary{background-color:#e6ecf8;border:1px solid #e6ecf8;color:#2b5caa}.setting-module .secondary:hover{background-color:#ccd5e8}@media screen and (max-width:599px){.setting-module .secondary{width:100%}}.setting-module .secondary:disabled{background-color:#c8c8c8!important;border:1px solid #c8c8c8!important;cursor:default}.setting-module .title{padding:10px 0 15px;font-size:25px;font-weight:700;line-height:30px;text-align:left;color:#3d3d3d}.setting-module .MuiTabs-vertical{background:#fff;border-radius:12px;padding-top:7px}.setting-module .MuiTabs-vertical .MuiTabs-flexContainer{padding:24px}.setting-module .MuiTabs-vertical .MuiTabs-flexContainer .MuiTab-root{justify-content:flex-start;text-transform:capitalize;color:#454545;font-family:Inter;font-size:16px;font-weight:500;line-height:19.2px;min-height:50px;margin:8px 0}.setting-module .MuiTabs-vertical .MuiTabs-flexContainer .MuiTab-root.Mui-selected{background:#f3f6fc;border-radius:8px;color:#203d6c;font-weight:600}.setting-module .MuiTabs-vertical .MuiTabs-indicator{display:none}.setting-module .active-tab{background:#fff;border:1px solid #e7e7e7;border-radius:12px}.setting-module .profile-module .body{padding:24px}.setting-module .profile-module .body .data{margin:20px 0}.setting-module .profile-module .action{padding:10px 24px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e4e7ec}.setting-module .akun-module .body{padding:24px}.setting-module .akun-module .body .data{margin:20px 0}.setting-module .akun-module .body .MuiAlert-root{padding:0 16px;border-radius:32px;top:10px;position:relative}.setting-module .akun-module .body .MuiAlert-root .MuiAlert-message{padding:5px}.setting-module .akun-module .body .MuiAlert-root .MuiAlert-message .verif{color:#027a48;font-family:Inter;font-size:13px;font-weight:500;line-height:15.6px;text-align:left}.setting-module .akun-module .body .MuiAlert-root .MuiAlert-message .belum-verif{color:#f79009;font-family:Inter;font-size:13px;font-weight:500;line-height:15.6px;text-align:left}.setting-module .akun-module .action{padding:10px 24px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e4e7ec}.setting-module .kata-sandi-module .body{padding:24px}.setting-module .kata-sandi-module .body .data{margin:20px 0}.setting-module .kata-sandi-module .body .informasi{border:1px solid #e7e7e7;margin:30px 0;width:Fill 454px px;height:Hug 147px px;padding:16px;gap:8px;border-radius:12px}.setting-module .kata-sandi-module .body .informasi h5{font-size:16px;font-weight:500;line-height:19.2px;margin:10px 0}.setting-module .kata-sandi-module .body .informasi p{color:#888;font-size:16px;font-weight:400;line-height:19.2px;text-align:left}.setting-module .kata-sandi-module .body label{font-weight:600}.setting-module .kata-sandi-module .action{padding:10px 24px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e4e7ec}.voucher header{padding-top:16px;margin-bottom:14px}.voucher header .option{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-bottom:20px}.voucher header .option section{display:flex;flex-wrap:wrap;gap:12px}@media screen and (max-width:599px){.voucher header .option section{width:100%}}.voucher header h3{font-size:25px;font-weight:700}@media screen and (max-width:599px){.voucher header h3{font-size:20px;margin-bottom:12px}}.voucher .view-voucher header{display:flex;margin-bottom:16px;gap:20px;justify-content:space-between;align-items:center}.voucher .view-voucher header .MuiInputBase-root{width:400px}@media screen and (max-width:959px){.voucher .view-voucher header .MuiInputBase-root{width:100%}}.voucher .view-voucher header .MuiFormControl-root{width:100%}@media screen and (max-width:959px){.voucher .view-voucher header .MuiFormControl-root{width:100%}}.voucher .view-voucher header .filter-container{display:flex;justify-content:center;padding:0;align-items:center;gap:20px;flex-shrink:0}.voucher .view-voucher header .filter-container span{display:flex;position:relative}.voucher .view-voucher header .filter-container span .clear-date{position:absolute;background-color:#e1e0e0;border-radius:50%;display:grid;place-items:center;height:24px;width:24px;top:-8px;right:-8px}@media screen and (max-width:599px){.voucher .view-voucher header .filter-container{flex-wrap:wrap;justify-content:start;width:100%;margin-top:10px;gap:10px}}.voucher .view-voucher header .filter-container .neutral{width:-moz-fit-content;width:fit-content}@media screen and (max-width:1279px){.voucher .view-voucher header{flex-wrap:wrap;gap:10px}}.voucher .view-voucher header h3{margin:0;padding:0}.voucher .view-voucher .MuiTableCell-body,.voucher .view-voucher .MuiTableCell-head{font-size:12px}@media screen and (max-width:599px){.voucher .view-voucher .MuiTableCell-body,.voucher .view-voucher .MuiTableCell-head{font-size:12px}}.voucher .view-voucher .MuiTableCell-root{padding:14px 0 14px 18px}@media screen and (max-width:599px){.voucher .view-voucher .MuiTableCell-root{padding:10px 10px 10px 16px}}.voucher .detail{background-color:#fff;border-radius:6px}.voucher .detail header{margin-top:-16px;display:flex;justify-content:space-between;align-items:center}.voucher .detail header h4{font-size:20px}@media screen and (max-width:599px){.voucher .detail header h4{font-size:16px}}.voucher .detail .photo header section{display:flex;gap:10px;align-items:center}.voucher .detail .photo header section h1{font-size:14px!important}.voucher .detail .main-info .status{background-color:#2b5caa;font-size:14px;padding:2px 12px;border-radius:5px}.voucher .detail .main-info .status.finished{color:#027a48;background-color:#d1fadf;border:1px solid #027a48}.voucher .detail .main-info .status.ongoing{color:#026aa2;background-color:#f0f9ff;border:1px solid #026aa2}.voucher .detail .main-info .status.not-started{color:#a29d02;background-color:#fefff0;border:1px solid #a29d02}.voucher .detail .main-info main,.voucher .detail .voucher-category main{display:flex;flex-direction:column;gap:24px}.voucher .detail .main-info main .label,.voucher .detail .voucher-category main .label{display:block;margin-bottom:10px}.voucher .detail .main-info main .ql-editor,.voucher .detail .voucher-category main .ql-editor{padding:20px}.voucher .detail .main-info main .date-time,.voucher .detail .voucher-category main .date-time{display:flex;gap:24px;justify-content:space-between}.voucher .detail .main-info main .date-time .date,.voucher .detail .voucher-category main .date-time .date{width:40%}.voucher .detail .main-info main .date-time .time,.voucher .detail .voucher-category main .date-time .time{width:100%}.voucher .detail .vouceher-detail main,.voucher .detail .voucher-value main{display:flex;gap:32px}.voucher .detail .vouceher-detail main section h4,.voucher .detail .voucher-value main section h4{font-size:16px;font-weight:700;margin-bottom:12px}.voucher .detail .vouceher-detail main section div,.voucher .detail .voucher-value main section div{display:flex;flex-direction:column;gap:12px;color:#454545}.voucher .detail .voucher-image main{display:grid;grid-template-columns:repeat(2,1fr)}.voucher .detail .MuiSelect-select{padding:9px 32px 8px 12px;min-width:32px;background-color:#fcfcfd;font-size:14px}.voucher .detail .triggered_by{margin-top:-25px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(1,1fr)}.voucher .detail .triggered_by .MuiBox-root{width:100%}.voucher .helper-error{font-size:12px;color:red;padding:4px}.photo main{margin-bottom:0!important}.photo header{margin-bottom:10px}.photo .upload-with-preview{margin-bottom:0;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:32px;gap:32px}@media screen and (max-width:959px){.photo .upload-with-preview{grid-template-columns:repeat(1,1fr);gap:16px}}.photo .upload-with-preview header{font-size:14px}.photo .upload-with-preview .image-container{display:flex;flex-wrap:wrap;gap:12px}.photo .upload-with-preview .image-container .first-img{border:3px solid #2b5caa}.photo .upload-with-preview .image-container .img-uploaded{position:relative;background-color:#2b5caa;height:9.3em;width:14em;border-radius:10px;overflow:hidden;object-position:center}.photo .upload-with-preview .image-container .img-uploaded .product-img{position:relative;z-index:10}.photo .upload-with-preview .image-container .img-uploaded p{top:0;left:0;border-radius:0 0 10px 0;padding:6px 8px;background-color:#2b5caa;font-size:12px;color:#fff;font-weight:500;position:absolute;z-index:20}.photo .upload-with-preview .image-container .img-uploaded .preview-action{display:grid;place-items:center;position:absolute;z-index:20;width:-moz-fit-content;width:fit-content;background-color:rgba(43,92,170,.388);padding:6px 12px;border-radius:0 10px 0 0;bottom:0}.photo .upload-with-preview .image-container .img-uploaded .preview-action .action{display:flex;gap:10px}.photo .upload-with-preview .image-container .img-uploaded img{height:100%;object-position:center;width:100%;object-fit:cover;cursor:pointer}.modal-container-product::-webkit-scrollbar{display:none}.modal-container-product{-ms-overflow-style:none;scrollbar-width:none}.modal-container-product .MuiTableCell-body,.modal-container-product .MuiTableCell-head{box-shadow:none;font-size:14px}@media screen and (max-width:599px){.modal-container-product .MuiTableCell-body,.modal-container-product .MuiTableCell-head{font-size:12px}}.modal-container-product .MuiTableCell-root{padding:14px 0 14px 18px}@media screen and (max-width:599px){.modal-container-product .MuiTableCell-root{padding:10px 10px 10px 16px}}.modal-container-product header{display:flex;align-items:center;padding:14px 36px;border:1px solid #b9b5b5;margin-bottom:20px;justify-content:space-between}.modal-container-product header h1{font-size:18px}.modal-container-product main{padding:0 32px;min-height:350px;display:flex;flex-direction:column;gap:16px}.modal-container-product footer{display:flex;justify-content:end;padding:32px 36px}.modal-container-product footer button h1{font-size:14px}.laporan-keuangan header{padding-top:16px}.laporan-keuangan header .option{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-bottom:20px}.laporan-keuangan header .option section{display:flex;flex-wrap:wrap;gap:12px}@media screen and (max-width:599px){.laporan-keuangan header .option section{width:100%}}.laporan-keuangan header h3{font-size:25px;font-weight:700}@media screen and (max-width:599px){.laporan-keuangan header h3{font-size:20px}}.laporan-keuangan header .MuiTabs-flexContainer{width:-moz-fit-content;width:fit-content;border-bottom:2px solid #e5e5e5}.laporan-keuangan header .MuiTabs-flexContainer button{font-size:14px;line-height:20px;font-weight:500;color:#000}.laporan-keuangan header .MuiTabs-flexContainer button[aria-selected=true]{color:#2b5caa;font-weight:700}.laporan-keuangan header .MuiBox-root{padding:0}.laporan-keuangan header .MuiBox-root input{font-weight:500}.laporan-keuangan header .MuiBox-root input::placeholder{color:#6d6d6d}.laporan-keuangan .count-section{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width:599px){.laporan-keuangan .count-section{flex-direction:column}.laporan-keuangan .count-section .MuiStack-root{flex-direction:column;margin-bottom:10px}}.laporan-keuangan .count-section .count-saldo{width:100%;width:329px;padding:16px 24px;gap:16px;border-radius:12px;box-shadow:0 2px 6px 0 rgba(57,57,57,.078)}@media screen and (max-width:599px){.laporan-keuangan .count-section .count-saldo{margin:10px 0}}.laporan-keuangan .count-section .count-saldo h4{color:#454545;font-family:Inter;font-size:13px;font-weight:700;line-height:15.6px}.laporan-keuangan .count-section .count-saldo p{color:#262626;font-family:Inter;font-size:20px;font-weight:700;line-height:24px;text-align:left;margin:15px 0 0}.laporan-keuangan .count-section a{height:100%}.laporan-keuangan .count-section a h1{font-family:Inter;font-size:16px;font-weight:500;line-height:19.2px;text-align:left}.laporan-keuangan .view-blast-notification header{display:flex;margin-bottom:16px;align-items:center;flex-wrap:wrap;justify-content:space-between}.laporan-keuangan .view-blast-notification header .MuiInputBase-root{width:400px}@media screen and (max-width:959px){.laporan-keuangan .view-blast-notification header .MuiInputBase-root{width:100%}}.laporan-keuangan .view-blast-notification header section{display:flex;justify-content:start;align-items:center;gap:20px}@media screen and (max-width:959px){.laporan-keuangan .view-blast-notification header section{flex-wrap:wrap;justify-content:space-between;width:100%;margin-top:10px}}.laporan-keuangan .view-blast-notification header .MuiBox-root,.laporan-keuangan .view-blast-notification header section .neutral{width:-moz-fit-content;width:fit-content}@media screen and (max-width:959px){.laporan-keuangan .view-blast-notification header .MuiBox-root{width:100%}}.laporan-keuangan .view-blast-notification header .filter-date{flex-shrink:0}@media screen and (max-width:959px){.laporan-keuangan .view-blast-notification header .filter-date{width:100%}}.laporan-keuangan .view-blast-notification header h3{margin:0;padding:0}@media screen and (max-width:599px){.laporan-keuangan .view-blast-notification .MuiFormControl-root{width:100%}}.laporan-keuangan .view-blast-notification .MuiTableCell-body{font-size:14px}.laporan-keuangan .view-blast-notification .MuiTableCell-root{padding:20px}.laporan-keuangan .detail h4{font-size:20px;margin-bottom:16px}.laporan-keuangan .detail .deskripsi{margin-bottom:12px}.laporan-keuangan .detail .deskripsi .ql-toolbar.ql-snow{background:#f6f6f6;border-top-left-radius:6px;border-top-right-radius:6px}.laporan-keuangan .detail .deskripsi .ql-container{height:200px;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.laporan-keuangan .detail .general{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:32px;gap:32px;margin-bottom:24px}@media screen and (max-width:959px){.laporan-keuangan .detail .general{grid-template-columns:repeat(1,1fr)}}.laporan-keuangan .detail .general label.time{margin-bottom:6px;display:block}.laporan-keuangan .detail .verifikasi:first-child{display:flex;flex-direction:column;gap:6px}.laporan-keuangan .detail .verifikasi .file-status{display:flex!important;justify-content:space-between;align-items:center}.laporan-keuangan .detail .verifikasi .file-status .file-detail{display:flex;gap:14px;align-items:center}.laporan-keuangan .detail .verifikasi .file-status .file-detail p{font-size:16px}.laporan-keuangan .detail .verifikasi .file-status .file-detail span{font-size:14px;color:#b0b0b0}.laporan-keuangan .detail .verifikasi .file-status .file-action{display:flex;justify-content:center;align-items:center;gap:10px}.laporan-keuangan .detail .verifikasi .file-status{margin:10px 0 20px}.laporan-keuangan .detail .verifikasi .file-container{margin:6px 0 16px;border:1px dashed #bababa;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 0;transition:all .3s ease-in-out}.laporan-keuangan .detail .verifikasi .file-container:hover{background-color:#efefef}.laporan-keuangan .detail .verifikasi .file-container p{font-size:16px}.laporan-keuangan .detail .verifikasi .file-container p span{color:#2b5caa;font-weight:700}.laporan-keuangan .detail .verifikasi .file-container p.validation{font-size:14px;color:#6d6d6d;font-weight:400}.laporan-keuangan .detail .verifikasi .hidden-input{display:none}.laporan-keuangan .detail .MuiRadioGroup-root{margin-top:4px}.laporan-keuangan .detail .MuiRadioGroup-root .MuiFormControlLabel-root{padding:0;margin:0 0 6px}.laporan-keuangan .detail .MuiRadioGroup-root .MuiFormControlLabel-root span{padding:0}.laporan-keuangan .detail .MuiRadioGroup-root .MuiFormControlLabel-root .MuiTypography-root{font-size:12px;margin-bottom:4px;margin-left:10px}.laporan-keuangan .detail aside{display:flex;flex-direction:column;gap:10px}.laporan-keuangan .detail aside .payment{margin-top:6px;display:flex;flex-direction:column}.laporan-keuangan .detail footer{border-top:1px dashed #e5e5e5;background-color:#fff;width:100%;padding:40px 40px 10px}.laporan-keuangan .detail footer section{display:flex;justify-content:end;align-items:center;gap:14px}.laporan-keuangan .detail footer section h1{font-size:14px!important}.laporan-keuangan .send-notif-by-id{background:none;border:none;padding:5px}.popup-warning .MuiSvgIcon-root{fill:#b42318;font-size:95px}.filter-date{margin-bottom:6px}.MuiFormControlLabel-root{padding:0;margin:0 0 6px}.MuiFormControlLabel-root span{padding:0}.MuiFormControlLabel-root .MuiTypography-root{font-size:12px;margin-top:5px;margin-bottom:4px;margin-left:10px}.status{font-weight:500!important;display:flex;gap:8px;justify-items:center}.status p{font-size:12px;padding:4px 8px;border-width:1px;border-style:solid;border-radius:8px;text-wrap:nowrap}.status p.sent{color:#027a48;background-color:#d1fadf;border-color:#027a48}.status p.draft{color:#374151;background-color:#f1f5f9;border-color:#374151}.status p.scheduled{color:#ad6800;background-color:#fffbe6;border-color:#ad6800}.inject-modal .title{margin:30px 0;display:flex;align-items:center;justify-content:space-between}.inject-modal .title h2{font-size:25px;font-weight:700;line-height:30px;text-align:left;color:#3d3d3d}.inject-modal .MuiCard-root{border:1px solid #e7e7e7;box-shadow:none}.inject-modal .MuiCard-root .MuiCardContent-root{padding:0}.inject-modal .MuiCard-root .MuiCardContent-root .form{padding:16px;border-bottom:1px solid #e7e7e7}.inject-modal .MuiCard-root .MuiCardContent-root .action{padding:16px;display:flex;justify-content:flex-end;gap:10px}.produk-digital header{padding-top:16px}.produk-digital header .option{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;margin-bottom:20px}.produk-digital header .option section{display:flex;flex-wrap:wrap;gap:12px}@media screen and (max-width:599px){.produk-digital header .option section{width:100%}}.produk-digital header h3{font-size:25px;font-weight:700}@media screen and (max-width:599px){.produk-digital header h3{font-size:20px}}.produk-digital header .MuiTabs-flexContainer{width:-moz-fit-content;width:fit-content;border-bottom:2px solid #e5e5e5}.produk-digital header .MuiTabs-flexContainer button{font-size:14px;line-height:20px;font-weight:500;color:#000}.produk-digital header .MuiTabs-flexContainer button[aria-selected=true]{color:#2b5caa;font-weight:700}.produk-digital header .MuiBox-root{padding:0}.produk-digital header .MuiBox-root input{font-weight:500}.produk-digital header .MuiBox-root input::placeholder{color:#6d6d6d}.produk-digital .input-number{margin-bottom:10px}.produk-digital .view-produk header{display:flex;margin-bottom:16px;align-items:center;flex-wrap:wrap;justify-content:space-between}.produk-digital .view-produk header .MuiInputBase-root{width:400px}@media screen and (max-width:959px){.produk-digital .view-produk header .MuiInputBase-root{width:100%}}.produk-digital .view-produk header section{display:flex;justify-content:start;align-items:center;gap:20px}@media screen and (max-width:959px){.produk-digital .view-produk header section{flex-wrap:wrap;justify-content:space-between;width:100%;margin-top:10px}}.produk-digital .view-produk header .MuiBox-root,.produk-digital .view-produk header section .neutral{width:-moz-fit-content;width:fit-content}@media screen and (max-width:959px){.produk-digital .view-produk header .MuiBox-root{width:100%}}.produk-digital .view-produk header .filter-date{flex-shrink:0}@media screen and (max-width:959px){.produk-digital .view-produk header .filter-date{width:100%}}.produk-digital .view-produk header h3{margin:0;padding:0}@media screen and (max-width:599px){.produk-digital .view-produk .MuiFormControl-root{width:100%}}.produk-digital .view-produk .status1{background:#d1fadf;color:#d1fadf;border-radius:8px;border:1px solid #027a48;color:#027a48}.produk-digital .view-produk .status0{background:#fffbe6;color:#d1fadf;border-radius:8px;border:1px solid #ad6800;color:#ad6800}.produk-digital .view-produk .MuiTableCell-body{font-size:14px}.produk-digital .view-produk .MuiTableCell-root{padding:20px}.produk-digital .detail h4{font-size:20px;margin-bottom:16px}.produk-digital .detail aside{display:flex;flex-direction:column;gap:10px}.produk-digital .detail aside .payment{margin-top:6px;display:flex;flex-direction:column}.produk-digital .detail footer{border-top:1px dashed #e5e5e5;background-color:#fff;width:100%;padding:40px 40px 10px}.produk-digital .detail footer section{display:flex;justify-content:end;align-items:center;gap:14px}.produk-digital .detail footer section h1{font-size:14px!important}.produk-digital .send-notif-by-id{background:none;border:none;padding:5px}