@charset "UTF-8";@font-face{font-family:Calibri;src:url(/fonts/calibri-font-family/calibri-regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Calibri;src:url(/fonts/calibri-font-family/calibri-bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Calibri;src:url(/fonts/calibri-font-family/calibri-italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Calibri;src:url(/fonts/calibri-font-family/calibri-bold-italic.ttf) format("truetype");font-weight:700;font-style:italic}*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif}button{outline:none;border:none}button:focus{outline:none}a{text-decoration:none!important}a:hover{text-decoration:none;color:transparent}p{margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden;overflow-y:auto}.bg-base{background-color:#f1f1f1;display:flex;padding:30px;min-height:100vh;width:100%;gap:30px}.bg-base .content{width:calc(100% - 250px);min-width:0}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:visible;transform-origin:0 0}html{min-height:100vh;overflow-x:hidden}.no-zoom-compensation body{transform:none!important;width:100%!important;height:100%!important}.text-box>svg,.text-group>svg,.group-text>svg,.text-1>svg,.text-2>svg,.text-3>svg{flex-shrink:0}.input-group-login{display:flex;flex-direction:column;margin-top:20px;width:100%}.input-group-login label{color:#4c4c4c;font-size:20px;font-weight:700;margin-bottom:3px}.input-group-login .input-prefix{position:absolute;left:10px;font-size:14px;font-weight:600}.input-group-login .input-postfix{position:absolute;right:15px;font-size:14px;font-weight:600}.input-group-login .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-group-login .input-wrapper:focus-within .input-postfix path{fill:#48ab65}.input-group-login input{border:1.5px solid #c9c9c9;padding:10px;border-radius:8px;color:#4c4c4c;width:100%;background-color:#fff;font-weight:400;font-size:20px}.input-group-login input:disabled{background:#dbdbdb;cursor:not-allowed}.input-group-login input::placeholder{color:#a1a1a1}.input-group-login input:focus{outline:none;border:1.5px solid #48ab65}.input-group-login input.prefix{padding-left:40px}.input-group-add{flex:1 0 0;display:flex;flex-direction:column;position:relative}.input-group-add label{color:#202a37;font-size:14px;font-weight:600}.input-group-add .jasa{padding-left:35px}.input-group-add .input-prefix{position:absolute;left:10px;font-size:15px;font-weight:600;top:50%!important;transform:translateY(-50%)!important;pointer-events:none}.input-group-add .input-postfix{position:absolute;right:15px;top:50%!important;transform:translateY(-50%)!important;font-size:14px;font-weight:600;color:#4c4c4c;pointer-events:none}.input-group-add select.input-postfix-select{pointer-events:auto;border:none;background:transparent;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer;padding:0 0 0 4px;margin:0;max-width:88px;text-align:right;z-index:2}.input-group-add:has(select.input-postfix-select)>input{padding-right:88px}.input-group-add .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-group-add .input-wrapper input{font-size:15px}.input-group-add .input-wrapper input:disabled{background:#dbdbdb;cursor:not-allowed}.input-group-add .file-input{position:relative}.input-group-add .file-input.h-56{height:56px}.input-group-add .file-input .btn{position:absolute;width:100%;top:9px;left:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.input-group-add .file-input .btn button{display:flex;padding:4px 16px;justify-content:center;align-items:center;gap:10px;border-radius:5px;background:var(--Primary-05, #e62129);color:var(--White, #fcfcfd);font-family:Helvetica Neue;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.input-group-add .file-input .btn span{color:var(--Neutral-04, #b0b3b8);font-family:Helvetica Neue;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.input-group-add input,.input-group-add textarea,.input-group-add .file-input{border:1.5px solid #c9c9c9;padding:10px;border-radius:8px;color:#4c4c4c;width:100%;height:50px;background-color:#fff;font-weight:400;align-items:center;font-size:14px;cursor:text}.input-group-add input::placeholder,.input-group-add textarea::placeholder,.input-group-add .file-input::placeholder{color:#b0b3b8}.input-group-add input:focus,.input-group-add textarea:focus,.input-group-add .file-input:focus{outline:none;border:1.5px solid #c9c9c9}.input-group-add input.prefix,.input-group-add textarea.prefix,.input-group-add .file-input.prefix{padding-left:35px}.input-group-add input:disabled,.input-group-add textarea:disabled,.input-group-add .file-input:disabled{cursor:not-allowed;background-color:#f6f7f9}.input-group-add input[type=number]::-webkit-outer-spin-button,.input-group-add input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-group-add input[type=number]{color:#000;-moz-appearance:textfield;cursor:text}.input-group-add input[type=number].harga{padding-left:30px}.input-group-add input[type=date]{border:1.5px solid #c9c9c9;padding:10px;border-radius:8px;color:#818489;width:100%;font-weight:300;align-items:center;font-size:14px;-moz-appearance:textfield}.input-group-add input[type=date]::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g clip-path="url(%23clip0_25_823)"><path d="M20 8.33333V20H0V8.33333H20ZM20 6.66667V4.16667C20 3.50363 19.7366 2.86774 19.2678 2.3989C18.7989 1.93006 18.163 1.66667 17.5 1.66667H15V0H13.3333V1.66667H6.66667V0H5V1.66667H2.5C1.83696 1.66667 1.20107 1.93006 0.732233 2.3989C0.263392 2.86774 0 3.50363 0 4.16667L0 6.66667H20ZM15 11.6667H13.3333V13.3333H15V11.6667ZM10.8333 11.6667H9.16667V13.3333H10.8333V11.6667ZM6.66667 11.6667H5V13.3333H6.66667V11.6667ZM15 15H13.3333V16.6667H15V15ZM10.8333 15H9.16667V16.6667H10.8333V15ZM6.66667 15H5V16.6667H6.66667V15Z" fill="%23818489"/></g><defs><clipPath id="clip0_25_823"><rect width="20" height="20" fill="white"/></clipPath></defs></svg>');width:20px;height:20px;position:absolute;right:10px;top:70%;transform:translateY(-50%);background-repeat:no-repeat;background-position:left;background-size:cover;cursor:pointer}.input-group-add input[type=date]::placeholder{color:#b0b3b8}.input-group-add input[type=date]:focus{outline:none;border:1.5px solid #c9c9c9}.input-group-add input[type=date].prefix{padding-left:35px}.input-group-search{width:100%;position:relative}.input-group-search .input-prefix{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-weight:600}.input-group-search .input-postfix{position:absolute;font-size:14px;font-weight:600;right:15px;top:50%;transform:translateY(-50%)}.input-group-search .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-group-search input{border:1.5px solid #d2d2d2;border-radius:10px;color:#4a4a4a;width:100%;background-color:#fff;font-weight:400;align-items:center;padding:10px 10px 10px 38px}.input-group-search input::placeholder{color:#b0b3b8}.input-group-search input:focus{outline:none;border:1.5px solid #c9c9c9}.input-group-search input.prefix{padding-left:35px}.input-group-search input[type=date]{position:relative;-moz-appearance:textfield}.input-group-search input[type=date]::-webkit-calendar-picker-indicator{padding-right:8px;z-index:1;opacity:0;cursor:pointer}.input-group-search input[type=number]::-webkit-outer-spin-button,.input-group-search input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-group-search textarea{border:1.5px solid #c9c9c9;padding:10px;border-radius:10px;color:#818489;width:100%;background-color:#f6f7f9;font-weight:300;align-items:center;height:150px}.input-group-search textarea::placeholder{color:#b0b3b8}.input-group-search textarea:focus{outline:none;border:1.5px solid #c9c9c9}.input-group-search textarea.prefix{padding-left:35px}.select-wrapper{position:relative;width:15%}.select-wrapper.max-width{width:100%}.select-wrapper select{background:#f6f7f9;border-radius:10px;border:1.5px solid #c9c9c9;padding:10px 16px;width:100%;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:15px;font-weight:400;color:#818489}.select-wrapper select:focus{outline:none;border:1.5px solid #c9c9c9}.select-wrapper:before{content:"";display:block;position:absolute;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"><path d="M11.875 5.8125L7.5 10.1875L3.125 5.8125" stroke="%2348AB65" stroke-width="0.9375" stroke-linecap="square"/></svg>');background-position:center;width:10px;height:10px;top:50%;right:10px;transform:translate(calc(-50% - 3px),-50%)}.select-wrapper2{position:relative;width:15%}.select-wrapper2.max-width{width:100%}.select-wrapper2 select{background:#f6f7f9;border-radius:10px;border:1.5px solid #c9c9c9;padding:10px 16px;width:100%;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:15px;font-weight:400;color:#818489}.select-wrapper2 select:focus{outline:none;border:1.5px solid #c9c9c9}.select-wrapper2:before{content:"";display:block;position:absolute;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"><path d="M11.875 5.8125L7.5 10.1875L3.125 5.8125" stroke="%23FFFFFF" stroke-width="0.9375" stroke-linecap="square"/></svg>');background-position:center;width:10px;height:10px;top:50%;right:10px;transform:translate(calc(-50% - 3px),-50%)}.select-wrapper3{position:relative;width:20%}.select-wrapper3 label{color:#202a37;font-size:14px;font-weight:600;margin-bottom:5px}.select-wrapper3 select{background:#f6f7f9;border-radius:10px;border:1.5px solid #c9c9c9;padding:10px 16px;width:100%;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:400;color:#818489}.select-wrapper3 select:focus{outline:none;border:1.5px solid #c9c9c9}.select-wrapper3:before{content:"";position:absolute;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"><path d="M11.875 5.8125L7.5 10.1875L3.125 5.8125" stroke="%23334A34" stroke-width="0.9375" stroke-linecap="square"/></svg>');background-size:contain;background-repeat:no-repeat;width:15px;height:16px;top:68%;right:10px;transform:translateY(-50%)}@media(max-width:1366px){.select-wrapper3{width:30%}}.select-wrapper4{position:relative;width:20%}.select-wrapper4.max-width{width:100%}.select-wrapper4 select{background:#fff;border-radius:10px;border:1.5px solid #c9c9c9;padding:11px;width:100%;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:400;color:#4a4a4a}.select-wrapper4 select:focus{outline:none;border:1.5px solid #c9c9c9}.select-wrapper4 .select2-container{width:100%!important}.select-wrapper4 .select2-container--default .select2-selection--single,.select-wrapper4 .select2-container--default .select2-selection--multiple{background:#fff;border-radius:10px;border:1.5px solid #c9c9c9;padding:5px 30px 5px 11px;min-height:48px;height:auto;display:flex!important;align-items:center!important;justify-content:flex-start!important;cursor:pointer;direction:ltr!important}.select-wrapper4 .select2-container--default .select2-selection--multiple{flex-wrap:wrap!important;gap:4px}.select-wrapper4 .select2-container--default .select2-selection--single .select2-selection__rendered{color:#000;font-size:16px;font-weight:400;padding:0;line-height:normal}.select-wrapper4 .select2-container--default .select2-selection--multiple .select2-selection__rendered{color:#000;font-size:16px;font-weight:400;padding:0!important;line-height:normal;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:4px;width:auto!important;flex:0 1 auto!important;max-width:100%;min-width:0;margin:0!important;list-style:none;text-align:left!important}.select-wrapper4 .select2-container--default .select2-selection--multiple .select2-selection__rendered:empty{display:none!important}.select-wrapper4 .select2-container--default .select2-selection--multiple .select2-selection__clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:18px;color:#999;cursor:pointer;z-index:10;background:transparent;border:none;margin:0}.select-wrapper4 .select2-container--default .select2-selection--multiple .select2-selection__choice{flex:0 0 auto;max-width:100%;background-color:#f3f5ff;border:1px solid #203eb4;border-radius:6px;padding:3px 8px;display:flex;flex-direction:row;align-items:center;margin:2px 4px 2px 0;color:#203eb4;font-size:14px;font-weight:500}.select-wrapper4 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{margin-left:0;margin-right:6px;color:#203eb4;cursor:pointer;border:none;background:transparent;font-weight:700;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.select-wrapper4 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#e62129}.select-wrapper4 .select2-container--default .select2-selection--multiple .select2-search--inline{display:flex!important;align-items:center!important;justify-content:flex-start!important;margin:0!important;padding:0!important;flex:1 1 60px!important;width:auto!important;min-width:60px}.select-wrapper4 .select2-container--default .select2-selection--multiple .select2-search__field{margin:0!important;padding:0!important;font-family:inherit;color:inherit;font-size:16px;line-height:normal;text-align:left!important;cursor:pointer;width:100%!important;flex-grow:1!important}.select-wrapper4 .select2-container--default .select2-search--inline .select2-search__field::placeholder{color:#818489;text-align:left!important}.select-wrapper4 .select2-container--default .select2-selection--multiple *{text-align:left!important}.select-wrapper4 .select2-container--default .select2-selection--multiple ::placeholder{text-align:left!important}.select-wrapper4 .select2-container--default .select2-selection--single .select2-selection__arrow{display:none}.select-wrapper4 .select2-container .select2-dropdown{border:1px solid #d3d3d3;border-radius:10px;overflow:hidden;z-index:9999!important;box-shadow:0 4px 15px #0000001a}.select-wrapper4 .select2-container .select2-search--dropdown .select2-search__field{border:1px solid #d2d2d2;border-radius:8px;padding:10px 12px;font-size:14px;color:#4a4a4a;margin:10px;width:calc(100% - 20px)}.select-wrapper4 .select2-container .select2-results__option{padding:10px 15px;font-size:14px;color:#414141}.select-wrapper4 .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#f6f7f9;color:#202a37;font-weight:600}.select-wrapper4:before{content:"";display:block;position:absolute;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"><path d="M11.875 5.8125L7.5 10.1875L3.125 5.8125" stroke="%234a4a4a" stroke-width="0.9375" stroke-linecap="square"/></svg>');background-position:center;width:10px;height:10px;top:50%;right:10px;transform:translateY(-50%)}.select-wrapper4.blue:before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"><path d="M11.875 5.8125L7.5 10.1875L3.125 5.8125" stroke="%23203EB4" stroke-width="0.9375" stroke-linecap="square"/></svg>')}.select-wrapper4.gold:before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"><path d="M11.875 5.8125L7.5 10.1875L3.125 5.8125" stroke="%23AE7F26" stroke-width="0.9375" stroke-linecap="square"/></svg>')}.select-wrapper4.orange:before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"><path d="M11.875 5.8125L7.5 10.1875L3.125 5.8125" stroke="%23E86A17" stroke-width="0.9375" stroke-linecap="square"/></svg>')}.select-wrapper4.green:before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"><path d="M11.875 5.8125L7.5 10.1875L3.125 5.8125" stroke="%2348AB65" stroke-width="0.9375" stroke-linecap="square"/></svg>')}.select-wrapper4.maroon:before{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"><path d="M11.875 5.8125L7.5 10.1875L3.125 5.8125" stroke="%239F1239" stroke-width="0.9375" stroke-linecap="square"/></svg>')}.custom-select-wrapper{position:relative}.custom-select-wrapper .select-outer{position:relative;width:100%;z-index:2}.custom-select-wrapper .select-outer.max-width{width:100%}.custom-select-wrapper .select-outer .select,.custom-select-wrapper .select-outer .select2{background:#fff;border-radius:10px;border:1.5px solid #c9c9c9;padding:11px;width:100%;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:15px;font-weight:400;display:flex;color:#414141;cursor:pointer}.custom-select-wrapper .select-outer .select span,.custom-select-wrapper .select-outer .select2 span{padding:3px 7px;border-radius:10px;color:#fff;background-color:#48ab65;font-size:11px;margin-left:10px}.custom-select-wrapper .select-outer svg{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.custom-select-wrapper .special-menu{position:absolute;width:100%;z-index:1;top:40px;display:none}.custom-select-wrapper .special-menu .special-button{position:absolute;color:#203eb4;font-size:14px;font-weight:400;text-align:center;width:100%;padding:15px 0 10px;background:#f3f5ff;border-radius:0 0 10px 10px;bottom:-40px;z-index:-1;box-shadow:1px 1px 1px 1px #0000001a}.custom-select-wrapper .special-menu .special-button:hover{cursor:pointer}.custom-select-wrapper .special-menu .special-button.gold{color:#ae7f26;background:#fff6eb}.custom-select-wrapper .select-menu{padding:10px;background-color:#fff;border-radius:0 0 10px 10px;border:1px solid #d3d3d3;border-top:none;width:100%}.custom-select-wrapper .select-menu .option,.custom-select-wrapper .select-menu .option2{padding:10px 0;border-bottom:1px solid #e5e5e5}.custom-select-wrapper .select-menu .option:last-child,.custom-select-wrapper .select-menu .option2:last-child{border-bottom:none}.custom-select-wrapper .select-menu .option .text-option,.custom-select-wrapper .select-menu .option .text-option2,.custom-select-wrapper .select-menu .option2 .text-option,.custom-select-wrapper .select-menu .option2 .text-option2{color:#414141;font-size:14px;font-weight:400;align-items:center;display:flex}.custom-select-wrapper .select-menu .option .text-option.ppn span,.custom-select-wrapper .select-menu .option .text-option2.ppn span,.custom-select-wrapper .select-menu .option2 .text-option.ppn span,.custom-select-wrapper .select-menu .option2 .text-option2.ppn span{padding:2px 7px;border-radius:10px;color:#fff;background-color:#48ab65;font-size:10px;margin-left:10px}.custom-select-wrapper .select-menu .option:hover,.custom-select-wrapper .select-menu .option2:hover{background-color:#f6f7f9;cursor:pointer}.select-wrapper-modal{position:relative;width:100%}.select-wrapper-modal input,.select-wrapper-modal textarea,.select-wrapper-modal .file-input{border:1.5px solid #c9c9c9;padding:10px;border-radius:8px;color:#818489;width:100%;background-color:#f6f7f9;font-weight:300;align-items:center;font-size:14px}.select-wrapper-modal input::placeholder,.select-wrapper-modal textarea::placeholder,.select-wrapper-modal .file-input::placeholder{color:#b0b3b8}.select-wrapper-modal input:focus,.select-wrapper-modal textarea:focus,.select-wrapper-modal .file-input:focus{outline:none;border:1.5px solid #c9c9c9}.select-wrapper-modal input.prefix,.select-wrapper-modal textarea.prefix,.select-wrapper-modal .file-input.prefix{padding-left:35px}.select-wrapper-modal input[type=number]::-webkit-outer-spin-button,.select-wrapper-modal input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.select-wrapper-modal input[type=number]{color:#000;-moz-appearance:textfield}.select-wrapper-modal select{background:#fff;border-radius:10px;border:1.5px solid #c9c9c9;padding:10px 16px;width:100%;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:15px;font-weight:400;color:#4c4c4c}.select-wrapper-modal select:focus{outline:none;border:1.5px solid #c9c9c9}.select-wrapper-modal:before{content:"";display:block;position:absolute;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="16" viewBox="0 0 15 16" fill="none"><path d="M11.875 5.8125L7.5 10.1875L3.125 5.8125" stroke="%23334A34" stroke-width="0.9375" stroke-linecap="square"/></svg>');background-position:center;width:10px;height:10px;top:50%;right:10px;transform:translate(calc(-50% - 3px),-50%)}.select-wrapper-modal .select2-container{width:100%!important}.select-wrapper-modal .select2-container--default .select2-selection--single{background:#fff;border-radius:10px;border:1.5px solid #c9c9c9;padding:11px;min-height:48px;height:auto;display:flex;align-items:center;cursor:pointer}.select-wrapper-modal .select2-container--default .select2-selection--single .select2-selection__rendered{color:#000;font-size:15px;font-weight:400;padding:0;line-height:normal}.select-wrapper-modal .select2-container--default .select2-selection--single .select2-selection__arrow{display:none}.select-wrapper-modal .select2-container .select2-dropdown{border:1px solid #d3d3d3;border-radius:10px;overflow:hidden;z-index:9999!important;background:#fff;box-shadow:0 4px 12px #0000001a}.select-wrapper-modal .select2-container .select2-search--dropdown .select2-search__field{border:1px solid #d2d2d2;border-radius:8px;padding:6px 8px;font-size:14px;color:#4a4a4a}.select-wrapper-modal .select2-container .select2-results__option{padding:8px 12px;font-size:14px;color:#414141}.select-wrapper-modal .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#f6f7f9;color:#202a37;font-weight:600}.select-wrapper-modal .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#b0b3b8}.select-wrapper-modal2{position:relative;width:100%}.select-wrapper-modal2 input,.select-wrapper-modal2 textarea,.select-wrapper-modal2 .file-input{border:1.5px solid #c9c9c9;padding:10px;border-radius:8px;color:#818489;width:100%;background-color:#f6f7f9;font-weight:300;align-items:center;font-size:14px}.select-wrapper-modal2 input::placeholder,.select-wrapper-modal2 textarea::placeholder,.select-wrapper-modal2 .file-input::placeholder{color:#b0b3b8}.select-wrapper-modal2 input:focus,.select-wrapper-modal2 textarea:focus,.select-wrapper-modal2 .file-input:focus{outline:none;border:1.5px solid #c9c9c9}.select-wrapper-modal2 input.prefix,.select-wrapper-modal2 textarea.prefix,.select-wrapper-modal2 .file-input.prefix{padding-left:35px}.select-wrapper-modal2 input[type=number]::-webkit-outer-spin-button,.select-wrapper-modal2 input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.select-wrapper-modal2 input[type=number]{color:#000;-moz-appearance:textfield}.select-wrapper-modal2 select{background:#f6f7f9;border-radius:10px;border:1.5px solid #c9c9c9;padding:10px 16px;width:100%;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:15px;font-weight:400;color:#818489}.select-wrapper-modal2 select:focus{outline:none;border:1.5px solid #c9c9c9}.button-add{width:20%;color:#fff;background:#48ab65;border:1px solid #48ab65;display:flex;align-items:center;justify-content:center;gap:5px;padding:11px;border-radius:10px;text-align:center;cursor:pointer;transition:background .3s ease,color .3s ease}.button-add.blue{background-color:#203eb4;border:1px solid #203eb4}.button-add.lightblue{background-color:#008bbc;border:1px solid #008bbc}.button-add.gold{background-color:#ae7f26;border:1px solid #ae7f26}.button-add.orange{background-color:#e86a17;border:1px solid #e86a17}.button-add.darkgold{background-color:#965006;border:1px solid #965006}.button-add.maroon{background-color:#9f1239;border:1px solid #9f1239}.button-add.black{background-color:#414141;border:1px solid #414141}.button-add.green{background-color:#48ab65;border:1px solid #48AB65}.button-add:hover{color:#414141;background:#fff}.date-format-container{position:relative;display:inline-block;width:15%}.date-format-container .date-format{display:flex;gap:10px;width:100%;border:1.5px solid #c9c9c9;padding:10px;border-radius:10px;background-color:#fff;align-items:center;justify-content:flex-start;white-space:nowrap;cursor:pointer;color:#4a4a4a;font-size:17px}.date-format-container .date-range-tooltip{position:absolute;top:120%;right:0;background-color:#fff;border-radius:8px;padding:20px;width:300px;box-shadow:0 2px 8px #0000001a;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10;box-shadow:0 0 10px #0000001a}.date-format-container .date-range-tooltip .tooltip-arrow{position:absolute;top:-5px;right:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white}.date-format-container .date-range-tooltip .tooltip-content{display:flex;gap:10px}.date-format-container .date-range-tooltip .tooltip-input{width:50%}.date-format-container .date-range-tooltip .tooltip-input label{font-size:14px;color:#414141;margin-bottom:4px;display:inline-block}.date-format-container .date-range-tooltip .tooltip-input input{position:relative;width:100%;padding:6px;box-sizing:border-box;border-radius:8px;border:1px solid #d2d2d2;font-size:14px;text-align:center;color:#414141}.date-format-container .date-range-tooltip .tooltip-input input[type=date]{-moz-appearance:textfield}.date-format-container .date-range-tooltip .tooltip-input input[type=date]::-webkit-calendar-picker-indicator{position:absolute;opacity:0;padding:0 100%;cursor:pointer}.date-format-container .date-range-tooltip.show{opacity:1;pointer-events:auto}.input-date{position:relative;width:100%}.input-date svg{position:absolute;left:12px;top:50%;transform:translateY(-50%)}.input-date input{background:#fff;border-radius:10px;border:1.5px solid #c9c9c9;padding:10px 16px 10px 34px;font-size:15px;font-weight:400;color:#4a4a4a;text-align:center;width:100%}.input-date input:focus{outline:none;border:1.5px solid #c9c9c9}.input-date input[type=date]{-moz-appearance:textfield}.input-date input[type=date]::-webkit-calendar-picker-indicator{position:absolute;right:0%;background-color:#e62129;opacity:0;z-index:5;padding:16px 47%;cursor:pointer}.input-date2{width:100%}.input-date2 .date-wrap{position:relative}.input-date2 .date-wrap svg{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.input-date2 .date-wrap input{background:#fff;border-radius:10px;border:1.5px solid #c9c9c9;padding:10px 16px;font-size:15px;font-weight:400;color:#4a4a4a;width:100%}.input-date2 .date-wrap input:focus{outline:none;border:1.5px solid #c9c9c9}.input-date2 .date-wrap input[type=date]{-moz-appearance:textfield}.input-date2 .date-wrap input[type=date]::-webkit-calendar-picker-indicator{position:absolute;right:0%;background-color:#e62129;opacity:0;z-index:5;padding:16px 47%;cursor:pointer}.input-add-file{display:flex;flex-direction:column;gap:5px}.input-add-file .text-1{color:#3d3d3d;font-size:14px;font-weight:400}.input-add-file .input-box{display:flex;width:100%;justify-content:space-between;padding:10px;border-radius:10px;border:1px dashed #d2d2d2;background:#fff;align-items:center;cursor:pointer}.input-add-file .input-box .group-left{display:flex;gap:10px;align-items:center}.input-add-file .input-box .group-left .icon-left-upload{width:30px;height:30px;margin:0 5px 0 10px}.input-add-file .input-box .group-left .group-text{display:flex;flex-direction:column}.input-add-file .input-box .group-left .group-text .text-1{color:#1e1e1e;font-size:14px;font-weight:400}.input-add-file .input-box .group-left .group-text .text-2{color:#888d91;font-size:12px;font-weight:400}.input-add-file .input-box .icon-right-upload{width:30px;height:30px;border-radius:50px;padding:5px 6px 5px 5px;margin-right:10px;background-color:#ae7f26}.input-add-file .input-box .icon-right-upload.blue{background-color:#203eb4}.input-group{background:var(--Basic-White, #fff)}.input-group.phone-input{overflow:hidden;border-radius:6px;border:1px solid #d3d3d3;display:flex;align-items:center}.input-group.phone-input .btn-code{border-radius:2px;background-color:#eee;padding:4px 6px;font-weight:500;color:#353535;font-size:14px;height:24px;display:flex;align-items:center;margin-right:10px}.input-group.phone-input .custom-check-green{accent-color:#28a745}.input-group.phone-input .form-control{border:none}.input-group.phone-input .input-group-prepend .btn{border-top-right-radius:0;border-bottom-right-radius:0}.input-group.phone-input .form-control{border-top-left-radius:0;border-bottom-left-radius:0}.input-group.jasa-unit-dropdown{flex-wrap:nowrap;align-items:stretch;width:100%;overflow:visible}.input-group.jasa-unit-dropdown>input[type=number],.input-group.jasa-unit-dropdown>.form-control{flex:1 1 auto;min-width:0;width:auto!important;height:42px}.input-group.jasa-unit-dropdown .input-group-prepend{flex:0 0 auto;display:flex;align-items:stretch;margin-left:0}.input-group.jasa-unit-dropdown .input-group-prepend.dropdown{position:static}.input-group.jasa-unit-dropdown .input-group-prepend .jasa-unit-dropdown-toggle{height:100%;min-height:42px;margin-right:0;border-radius:0 6px 6px 0;min-width:72px;justify-content:center;border-left:1px solid #e0e0e0}.select2-dropdown.select-wrapper4-dropdown{border:1px solid #d3d3d3;border-radius:10px;overflow:hidden;z-index:3001;background-color:#fff}.select2-dropdown.select-wrapper4-dropdown .select2-search--dropdown .select2-search__field{border:1px solid #d2d2d2;border-radius:8px;padding:6px 8px;font-size:14px;color:#4a4a4a}.select2-dropdown.select-wrapper4-dropdown .select2-results__option{padding:8px 10px;font-size:14px;color:#414141}.select2-dropdown.select-wrapper4-dropdown .select2-results__option--highlighted[aria-selected]{background-color:#f6f7f9;color:#414141}.pembelian.add .top-section,.penjualan.add .top-section{align-items:flex-end}.penjualan.add .top-section .penjualan-form-notes-span{grid-column:1/-1;align-self:stretch}.penjualan-form-notes-row{display:flex;flex-wrap:wrap;gap:16px;width:100%}.penjualan-form-notes-row .penjualan-form-note{flex:1 1 220px;min-width:200px}.penjualan-form-notes-row .penjualan-form-note label{display:block;color:#000;font-size:16px;font-weight:600;margin-bottom:.5rem}.manual-nota-field-head.cv-field-head{margin-bottom:0}.manual-nota-input-group{display:flex;align-items:stretch;width:100%}.manual-nota-input-group .manual-nota-input-prefix{flex:0 0 auto;display:inline-flex;align-items:center;padding:0 10px 0 14px;min-height:48px;box-sizing:border-box;background:#f3f4f6;border:1.5px solid #c9c9c9;border-right:0;border-radius:10px 0 0 10px;font-size:15px;font-weight:600;color:#4a4a4a;letter-spacing:.02em;white-space:nowrap;-webkit-user-select:none;user-select:none}.manual-nota-input-group .manual-nota-input-suffix{flex:1 1 auto;min-width:80px;border-radius:0 10px 10px 0!important}.transaction-sequence-hint{display:block;margin-top:4px}.transaction-scope-inline{--ppn-toggle-accent: #ae7f26;--ppn-toggle-track-off: #d0d0d0;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;line-height:1}.transaction-scope-inline .transaction-ppn-switch--compact .transaction-ppn-switch__visual{display:block;position:relative;overflow:visible}.transaction-scope-inline .transaction-ppn-switch--compact .transaction-ppn-switch__track{z-index:0;background:var(--ppn-toggle-track-off)}.transaction-scope-inline .transaction-ppn-switch--compact .transaction-ppn-switch__knob{z-index:1}.transaction-scope-option{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b6b6b;white-space:nowrap;line-height:1;-webkit-user-select:none;user-select:none;transition:color .2s ease}.transaction-scope-option.is-active{color:#ae7f26}.penjualan .transaction-scope-inline{--ppn-toggle-accent: #203eb4;--ppn-toggle-track-off: #d0d0d0}.penjualan .transaction-scope-inline .transaction-scope-option.is-active{color:#203eb4}.penjualan .transaction-scope-inline .transaction-ppn-switch--compact>.transaction-ppn-switch__input:checked~.transaction-ppn-switch__visual .transaction-ppn-switch__track{background:#203eb4}.pembelian .transaction-scope-inline .transaction-scope-option.is-active{color:#ae7f26}.cv-field-head{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:1.5rem;margin-bottom:.5rem;min-width:0;flex-wrap:nowrap}.cv-field-head>label{margin:0;flex:1 1 auto;min-width:0;color:#000;font-size:16px;font-weight:600;line-height:1.5}.transaction-ppn-inline{--ppn-toggle-accent: #ae7f26;--ppn-toggle-accent-soft: #fff3e6;--ppn-toggle-border: #d9d9d9;--ppn-toggle-track-off: #e0e0e0;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;line-height:1}.transaction-ppn-inline__label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b6b6b;white-space:nowrap;line-height:1;-webkit-user-select:none;user-select:none}.penjualan .transaction-ppn-inline{--ppn-toggle-accent: #203eb4;--ppn-toggle-accent-soft: #e8eefc}.penjualan .transaction-ppn-inline .transaction-ppn-inline__label{color:#4a5f9e}.transaction-ppn-switch{position:relative;display:flex;align-items:center;gap:12px;margin:0;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;min-height:48px;padding:8px 12px;border-radius:10px;border:1.5px solid var(--ppn-toggle-border);background:#fff;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.transaction-ppn-switch:hover{border-color:#c9c9c9;background:#fafafa}.transaction-ppn-switch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.transaction-ppn-switch__input:focus-visible+.transaction-ppn-switch__visual{outline:2px solid var(--ppn-toggle-accent);outline-offset:2px}.transaction-ppn-switch__input:checked~.transaction-ppn-switch__caption .transaction-ppn-switch__text--unchecked{display:none}.transaction-ppn-switch__input:not(:checked)~.transaction-ppn-switch__caption .transaction-ppn-switch__text--checked{display:none}.transaction-ppn-switch__visual{position:relative;flex:0 0 52px;width:52px;height:28px}.transaction-ppn-switch__track{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;background:var(--ppn-toggle-track-off);transition:background .22s ease}.transaction-ppn-switch__knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000002e;transition:transform .22s cubic-bezier(.4,0,.2,1)}.transaction-ppn-switch__input:checked~.transaction-ppn-switch__visual .transaction-ppn-switch__track{background:var(--ppn-toggle-accent)}.transaction-ppn-switch__input:checked~.transaction-ppn-switch__visual .transaction-ppn-switch__knob{transform:translate(24px)}.transaction-ppn-switch__caption{flex:1;min-width:0;display:flex;align-items:center}.transaction-ppn-switch__text{font-size:15px;font-weight:600;color:#4a4a4a;letter-spacing:.01em}.transaction-ppn-switch__input:checked~.transaction-ppn-switch__caption .transaction-ppn-switch__text--checked{color:var(--ppn-toggle-accent)}.transaction-ppn-switch__input:not(:checked)~.transaction-ppn-switch__caption .transaction-ppn-switch__text--unchecked{color:#4a4a4a}.transaction-ppn-switch--compact{width:auto;max-width:100%;min-height:0;height:auto;padding:0;gap:0;border:none;background:transparent;box-shadow:none;align-items:center}.transaction-ppn-switch--compact:hover{border:none;background:transparent}.transaction-ppn-switch--compact .transaction-ppn-switch__caption{display:none}.transaction-ppn-switch--compact .transaction-ppn-switch__visual{flex:0 0 34px;width:34px;height:18px}.transaction-ppn-switch--compact .transaction-ppn-switch__knob{width:14px;height:14px;top:2px;left:2px;box-shadow:0 1px 2px #00000026}.transaction-ppn-switch--compact .transaction-ppn-switch__track{border-radius:9px}.transaction-ppn-switch--compact>.transaction-ppn-switch__input:checked~.transaction-ppn-switch__visual .transaction-ppn-switch__knob{transform:translate(16px)}label.transaction-ppn-switch--compact:has(.transaction-ppn-switch__input:checked){border:none;background:transparent;box-shadow:none}label.transaction-ppn-switch--compact:has(.transaction-ppn-switch__input:focus-visible){border:none}label.transaction-ppn-switch--compact .transaction-ppn-switch__input:focus-visible+.transaction-ppn-switch__visual{outline:2px solid var(--ppn-toggle-accent);outline-offset:2px;border-radius:10px}.quick-add-field{display:flex;flex-direction:column;gap:8px}.quick-add-field label{display:block;margin:0;color:#000;font-size:16px;font-weight:600;line-height:24px}.quick-add-field__row{display:flex;align-items:stretch;gap:10px}.quick-add-field__barcode{flex:1 1 auto;min-width:0;box-sizing:border-box;height:48px;border-radius:10px;border:1.5px solid #c9c9c9;padding:11px 16px;font-size:16px}.quick-add-field__btn{flex:0 0 auto;width:auto;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-sizing:border-box;height:48px;padding:0 16px}input.quick-add-field__barcode{height:48px}.pembelian.add .top-section.has-quick-add{display:grid;grid-template-columns:repeat(3,1fr)}.pembelian.add .top-section.has-quick-add .input-wrap{width:auto;min-width:0}.select2-dropdown.select2-checkbox-dropdown{border:1px solid #d3d3d3;border-radius:10px;overflow:hidden;z-index:3001;background-color:#fff}.select2-dropdown.select2-checkbox-dropdown .select2-search--dropdown .select2-search__field{border:1px solid #d2d2d2;border-radius:8px;padding:6px 8px;font-size:14px;color:#4a4a4a}.select2-dropdown.select2-checkbox-dropdown .select2-results__option{display:flex;align-items:center;gap:10px;padding:8px 10px;font-size:14px;color:#414141}.select2-dropdown.select2-checkbox-dropdown .select2-results__option:before{content:"";flex:0 0 auto;width:16px;height:16px;box-sizing:border-box;border:1.5px solid #c9c9c9;border-radius:4px;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:11px}.select2-dropdown.select2-checkbox-dropdown .select2-results__option--highlighted{background-color:#f6f7f9;color:#414141}.select2-dropdown.select2-checkbox-dropdown .select2-results__option--selected{background-color:transparent;color:#414141}.select2-dropdown.select2-checkbox-dropdown .select2-results__option--selected:before{border-color:#203eb4;background-color:#203eb4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8.5L6.2 11.5L13 4.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.select2-dropdown.select2-checkbox-dropdown .select2-results__option--selected.select2-results__option--highlighted{background-color:#f6f7f9}.nota-option-field{min-width:0;display:flex;flex-direction:column;gap:8px}.nota-option-field__label{display:block;margin:0;color:#000;font-size:16px;font-weight:600;line-height:24px}.nota-option-field__control{display:flex;align-items:stretch;gap:10px;flex-wrap:wrap}.nota-option-chip{flex:1 1 auto;min-width:130px;max-width:240px;min-height:48px;box-sizing:border-box;display:flex;align-items:center;gap:10px;margin:0;padding:0 14px;border:1.5px solid #c9c9c9;border-radius:10px;background:#fff;color:#4a4a4a;font-size:15px;font-weight:500;line-height:1.3;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,background-color .15s ease,color .15s ease}.nota-option-chip input{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:#203eb4;cursor:pointer}.nota-option-chip span{min-width:0}.nota-option-chip:hover{border-color:#203eb4;background:#f7f9ff}.nota-option-chip:has(input:checked){border-color:#203eb4;background:#f0f3ff;color:#203eb4;font-weight:600}.nota-option-chip:focus-within{border-color:#203eb4;box-shadow:0 0 0 3px #203eb41f}.modal p{margin:0;padding:0}.modal.hapus .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.hapus .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#f6f6f6;border-radius:20px 20px 0 0;position:relative}.modal.hapus .modal-content .modal-head h3{flex:none;color:#3d3d3d;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.hapus .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.hapus .modal-content .modal-body{display:flex;padding:25px 25px 0;flex-direction:column;align-items:flex-start;gap:20px;align-self:stretch;background:#f6f6f6;width:100%;border-top:1px solid #e7e8e9}.modal.hapus .modal-content .modal-body svg{width:100%}.modal.hapus .modal-content .modal-body .text-1{display:flex;width:100%;font-size:16px;justify-content:center;font-weight:400;text-align:center;color:#3d3d3d}.modal.hapus .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#f6f6f6;border-top:none;border-radius:0 0 20px 20px}.modal.hapus .modal-content .modal-footer button{width:46%;padding:11px 15px;border-radius:7px;font-size:16px}.modal.hapus .modal-content .modal-footer button.primary{background:#48ab65;color:#fff;border:1px solid #48ab65}.modal.hapus .modal-content .modal-footer button.secondary{background:#fff;color:red;border:1px solid #f00}.modal.logout .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.logout .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#f6f6f6;border-radius:20px 20px 0 0;position:relative}.modal.logout .modal-content .modal-head h3{flex:none;color:#000;font-size:20px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:0}.modal.logout .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.logout .modal-content .modal-body{display:flex;padding:0 40px;flex-direction:column;align-items:center;gap:20px;align-self:stretch;background:#f6f6f6;width:100%}.modal.logout .modal-content .modal-body svg{width:100%}.modal.logout .modal-content .modal-body .text-1{color:#8a8383;text-align:center;font-size:20px;font-weight:400;margin:0 20px}.modal.logout .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#f6f6f6;border-top:none;border-radius:0 0 20px 20px}.modal.logout .modal-content .modal-footer button{width:46%;padding:11px 15px;border-radius:7px;font-size:16px}.modal.logout .modal-content .modal-footer button.primary{background:#48ab65;color:#fff;font-weight:600;border:1px solid #48ab65}.modal.logout .modal-content .modal-footer button.secondary{background:#fff;color:red;border:1px solid #ff0000}.modal.ubah-status .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.ubah-status .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#f6f6f6;border-radius:20px 20px 0 0;position:relative}.modal.ubah-status .modal-content .modal-head h3{flex:none;color:#3d3d3d;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.ubah-status .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.ubah-status .modal-content .modal-body{display:flex;padding:25px 25px 0;flex-direction:column;align-items:flex-start;align-self:stretch;background:#f6f6f6;width:100%;border-top:1px solid #e7e8e9;gap:5px}.modal.ubah-status .modal-content .modal-body svg{width:100%}.modal.ubah-status .modal-content .modal-body .text-1{display:flex;width:100%;font-size:14px;font-weight:400;color:#3d3d3d}.modal.ubah-status .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#f6f6f6;border-top:none;border-radius:0 0 20px 20px}.modal.ubah-status .modal-content .modal-footer button{width:46%;padding:11px 15px;border-radius:7px;font-size:16px}.modal.ubah-status .modal-content .modal-footer button.primary{background:#48ab65;color:#fff;border:1px solid #48ab65}.modal.ubah-status .modal-content .modal-footer button.secondary{background:#fff;color:red;border:1px solid #f00}.modal.tambah-customer .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.tambah-customer .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#f6f6f6;border-radius:20px 20px 0 0;position:relative}.modal.tambah-customer .modal-content .modal-head h3{flex:none;color:#3d3d3d;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.tambah-customer .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.tambah-customer .modal-content .modal-body{display:flex;padding:25px 25px 0;flex-direction:column;align-items:flex-start;align-self:stretch;background:#f6f6f6;width:100%;border-top:1px solid #e7e8e9;gap:10px}.modal.tambah-customer .modal-content .modal-body svg{width:100%}.modal.tambah-customer .modal-content .modal-body .group-input{width:100%}.modal.tambah-customer .modal-content .modal-body .text-1{display:flex;width:100%;font-size:14px;font-weight:400;color:#3d3d3d;margin-bottom:5px}.modal.tambah-customer .modal-content .modal-body .group-bottom{display:flex;justify-content:space-between;width:100%;align-items:center;margin-top:10px}.modal.tambah-customer .modal-content .modal-body .group-bottom label{margin:0}.modal.tambah-customer .modal-content .modal-body .group-bottom .text-2{color:#393939;font-size:16px}.modal.tambah-customer .modal-content .modal-body .group-bottom .checkbox-container{display:flex;gap:20px}.modal.tambah-customer .modal-content .modal-body .group-bottom .checkbox-container .checkbox-label{font-size:14px;font-weight:600;display:flex;gap:5px;align-items:center;color:#393939}.modal.tambah-customer .modal-content .modal-body .group-bottom .checkbox-container .checkbox-label input[type=checkbox]{accent-color:#8c8c8c;width:15px;height:15px}.modal.tambah-customer .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#f6f6f6;border-top:none;border-radius:0 0 20px 20px}.modal.tambah-customer .modal-content .modal-footer button{width:46%;padding:11px 15px;border-radius:7px;font-size:16px}.modal.tambah-customer .modal-content .modal-footer button.primary{background:#48ab65;color:#fff;border:1px solid #48ab65}.modal.tambah-customer .modal-content .modal-footer button.secondary{background:#fff;color:red;border:1px solid #f00}.modal.tambah-supplier .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.tambah-supplier .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#f6f6f6;border-radius:20px 20px 0 0;position:relative}.modal.tambah-supplier .modal-content .modal-head h3{flex:none;color:#3d3d3d;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.tambah-supplier .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.tambah-supplier .modal-content .modal-body{display:flex;padding:25px 25px 0;flex-direction:column;align-items:flex-start;align-self:stretch;background:#f6f6f6;width:100%;border-top:1px solid #e7e8e9;gap:10px}.modal.tambah-supplier .modal-content .modal-body svg{width:100%}.modal.tambah-supplier .modal-content .modal-body .group-input{width:100%}.modal.tambah-supplier .modal-content .modal-body .text-1{display:flex;width:100%;font-size:14px;font-weight:400;color:#3d3d3d;margin-bottom:5px}.modal.tambah-supplier .modal-content .modal-body .group-bottom{display:flex;justify-content:space-between;width:100%;align-items:center;margin-top:10px}.modal.tambah-supplier .modal-content .modal-body .group-bottom label{margin:0}.modal.tambah-supplier .modal-content .modal-body .group-bottom .text-2{color:#393939;font-size:16px}.modal.tambah-supplier .modal-content .modal-body .group-bottom .checkbox-container{display:flex;gap:20px}.modal.tambah-supplier .modal-content .modal-body .group-bottom .checkbox-container .checkbox-label{font-size:14px;font-weight:600;display:flex;gap:5px;align-items:center;color:#393939}.modal.tambah-supplier .modal-content .modal-body .group-bottom .checkbox-container .checkbox-label input[type=checkbox]{accent-color:#8c8c8c;width:15px;height:15px}.modal.tambah-supplier .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#f6f6f6;border-top:none;border-radius:0 0 20px 20px}.modal.tambah-supplier .modal-content .modal-footer button{width:46%;padding:11px 15px;border-radius:7px;font-size:16px}.modal.tambah-supplier .modal-content .modal-footer button.primary{background:#48ab65;color:#fff;border:1px solid #48ab65}.modal.tambah-supplier .modal-content .modal-footer button.secondary{background:#fff;color:red;border:1px solid #f00}.modal.data-master .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.data-master .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#f6f6f6;border-radius:20px 20px 0 0;position:relative}.modal.data-master .modal-content .modal-head h3{flex:none;color:#3d3d3d;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.data-master .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.data-master .modal-content .modal-body{display:flex;padding:25px 25px 0;flex-direction:column;align-items:flex-start;align-self:stretch;background:#f6f6f6;width:100%;border-top:1px solid #e7e8e9;gap:10px}.modal.data-master .modal-content .modal-body svg{width:100%}.modal.data-master .modal-content .modal-body .group-input{width:100%}.modal.data-master .modal-content .modal-body .text-1{display:flex;width:100%;font-size:14px;font-weight:400;color:#3d3d3d;margin-bottom:5px}.modal.data-master .modal-content .modal-body .group-bottom{display:flex;justify-content:space-between;width:100%;align-items:center;margin-top:10px}.modal.data-master .modal-content .modal-body .group-bottom label{margin:0}.modal.data-master .modal-content .modal-body .group-bottom .text-2{color:#393939;font-size:16px}.modal.data-master .modal-content .modal-body .group-bottom .checkbox-container{display:flex;gap:20px}.modal.data-master .modal-content .modal-body .group-bottom .checkbox-container .checkbox-label{font-size:14px;font-weight:600;display:flex;gap:5px;align-items:center;color:#393939}.modal.data-master .modal-content .modal-body .group-bottom .checkbox-container .checkbox-label input[type=checkbox]{accent-color:#8c8c8c;width:15px;height:15px}.modal.data-master .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#f6f6f6;border-top:none;border-radius:0 0 20px 20px}.modal.data-master .modal-content .modal-footer button{width:46%;padding:11px 15px;border-radius:7px;font-size:16px}.modal.data-master .modal-content .modal-footer button.primary{background:#48ab65;color:#fff;border:1px solid #48ab65}.modal.data-master .modal-content .modal-footer button.secondary{background:#fff;color:red;border:1px solid #f00}.modal.update-stock .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.update-stock .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#f6f6f6;border-radius:20px 20px 0 0;position:relative}.modal.update-stock .modal-content .modal-head h3{flex:none;color:#3d3d3d;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.update-stock .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.update-stock .modal-content .modal-body{display:flex;padding:25px 25px 0;flex-direction:column;align-items:flex-start;align-self:stretch;background:#f6f6f6;width:100%;border-top:1px solid #e7e8e9;gap:10px}.modal.update-stock .modal-content .modal-body svg{width:100%}.modal.update-stock .modal-content .modal-body .group-input{width:100%}.modal.update-stock .modal-content .modal-body .text-1{display:flex;width:100%;font-size:14px;font-weight:400;color:#3d3d3d;margin-bottom:5px}.modal.update-stock .modal-content .modal-body .group-bottom{display:flex;justify-content:space-between;width:100%;align-items:center;margin-top:10px}.modal.update-stock .modal-content .modal-body .group-bottom label{margin:0}.modal.update-stock .modal-content .modal-body .group-bottom .text-2{color:#393939;font-size:16px}.modal.update-stock .modal-content .modal-body .group-bottom .checkbox-container{display:flex;gap:20px}.modal.update-stock .modal-content .modal-body .group-bottom .checkbox-container .checkbox-label{font-size:14px;font-weight:600;display:flex;gap:5px;align-items:center;color:#393939}.modal.update-stock .modal-content .modal-body .group-bottom .checkbox-container .checkbox-label input[type=checkbox]{accent-color:#8c8c8c;width:15px;height:15px}.modal.update-stock .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#f6f6f6;border-top:none;border-radius:0 0 20px 20px}.modal.update-stock .modal-content .modal-footer button{width:46%;padding:11px 15px;border-radius:7px;font-size:16px}.modal.update-stock .modal-content .modal-footer button.primary{background:#3d3d3d;color:#fff;border:1px solid #3d3d3d}.modal.update-stock .modal-content .modal-footer button.secondary{background:#fff;color:#8c8c8c;border:1px solid #8c8c8c}.modal.tambah-produk .modal-dialog{max-width:700px}.modal.tambah-produk .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.tambah-produk .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#f6f6f6;border-radius:20px 20px 0 0;position:relative}.modal.tambah-produk .modal-content .modal-head h3{flex:none;color:#3d3d3d;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.tambah-produk .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.tambah-produk .modal-content .modal-body{display:flex;padding:25px 25px 0;flex-direction:row;align-items:flex-start;justify-content:center;align-self:stretch;flex-wrap:wrap;background:#f6f6f6;width:100%;border-top:1px solid #e7e8e9;gap:20px}.modal.tambah-produk .modal-content .modal-body .half-option,.modal.tambah-produk .modal-content .modal-body .half-option2{display:flex;flex-direction:column;justify-content:end;width:30%;padding:20px 20px 10px;background-color:#fff;border-radius:10px;gap:15px;position:relative;height:200px;align-items:center;border:1px solid white;transition:border .3s ease}.modal.tambah-produk .modal-content .modal-body .half-option:hover,.modal.tambah-produk .modal-content .modal-body .half-option.active,.modal.tambah-produk .modal-content .modal-body .half-option2:hover,.modal.tambah-produk .modal-content .modal-body .half-option2.active{border:1px solid #48ab65}.modal.tambah-produk .modal-content .modal-body .half-option img,.modal.tambah-produk .modal-content .modal-body .half-option2 img{filter:grayscale(100%);max-height:130px;max-width:130px;height:130px;width:130px}.modal.tambah-produk .modal-content .modal-body .half-option input[type=radio],.modal.tambah-produk .modal-content .modal-body .half-option2 input[type=radio]{accent-color:#48a564;transform:scale(1.5);border:#48ab65;margin-left:auto;position:absolute;z-index:10;right:20px;top:20px}.modal.tambah-produk .modal-content .modal-body .half-option .text-1,.modal.tambah-produk .modal-content .modal-body .half-option2 .text-1{color:#575757;text-align:center;font-size:16px;font-weight:500}.modal.tambah-produk .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#f6f6f6;border-top:none;border-radius:0 0 20px 20px}.modal.tambah-produk .modal-content .modal-footer button{width:46%;padding:11px 15px;border-radius:7px;font-size:16px}.modal.tambah-produk .modal-content .modal-footer button.primary{background:#48ab65;color:#fff;border:1px solid #48ab65}.modal.tambah-produk .modal-content .modal-footer button.secondary{background:#fff;color:red;border:1px solid #f00}.modal.tambah-produk-baut .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.tambah-produk-baut .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#f6f6f6;border-radius:20px 20px 0 0;position:relative}.modal.tambah-produk-baut .modal-content .modal-head h3{flex:none;color:#3d3d3d;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.tambah-produk-baut .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.tambah-produk-baut .modal-content .modal-body{display:flex;flex-direction:column;padding:25px 25px 0;align-items:flex-start;align-self:stretch;background:#f6f6f6;width:100%;border-top:1px solid #e7e8e9;gap:10px}.modal.tambah-produk-baut .modal-content .modal-body .input-wrapper{display:flex;flex-direction:column;width:100%;gap:5px}.modal.tambah-produk-baut .modal-content .modal-body .input-wrapper .group-top{display:flex;width:100%;justify-content:space-between;align-items:center;margin-bottom:5px}.modal.tambah-produk-baut .modal-content .modal-body .input-wrapper .group-top .text-1{color:#3d3d3d;font-size:14px;font-weight:500}.modal.tambah-produk-baut .modal-content .modal-body .input-wrapper .group-top .outer-group{display:flex;gap:10px}.modal.tambah-produk-baut .modal-content .modal-body .input-wrapper .group-top .outer-group .radio-group{display:flex;gap:5px}.modal.tambah-produk-baut .modal-content .modal-body .input-wrapper .group-top .outer-group .radio-group input[type=radio]{accent-color:#48a564}.modal.tambah-produk-baut .modal-content .modal-body .input-wrapper .group-top .outer-group .radio-group .text-2{font-size:14px}.modal.tambah-produk-baut .modal-content .modal-body .btn-scan{padding:10px 0;background-color:#203eb4;border-radius:10px;text-align:center;color:#fff;cursor:pointer}.modal.tambah-produk-baut .modal-content .modal-body .btn-scan.gold{background-color:#ae7f26}.modal.tambah-produk-baut .modal-content .modal-body input:disabled{background-color:#dbdbdb;border:1px solid #dbdbdb}.modal.tambah-produk-baut .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#f6f6f6;border-top:none;border-radius:0 0 20px 20px}.modal.tambah-produk-baut .modal-content .modal-footer button{width:46%;padding:11px 15px;border-radius:7px;font-size:16px}.modal.tambah-produk-baut .modal-content .modal-footer button.primary{background:#48ab65;color:#fff;border:1px solid #48ab65}.modal.tambah-produk-baut .modal-content .modal-footer button.secondary{background:#fff;color:red;border:1px solid #f00}.modal.tambah-posisi-penyimpanan .modal-content,.modal.tambah-additional .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.tambah-posisi-penyimpanan .modal-content .modal-head,.modal.tambah-additional .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#f6f6f6;border-radius:20px 20px 0 0;position:relative}.modal.tambah-posisi-penyimpanan .modal-content .modal-head h3,.modal.tambah-additional .modal-content .modal-head h3{flex:none;color:#3d3d3d;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.tambah-posisi-penyimpanan .modal-content .modal-head button,.modal.tambah-additional .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.tambah-posisi-penyimpanan .modal-content .modal-body,.modal.tambah-additional .modal-content .modal-body{display:flex;padding:25px 25px 0;flex-direction:column;align-items:flex-start;align-self:stretch;background:#f6f6f6;gap:15px;width:100%;border-top:1px solid #e7e8e9}.modal.tambah-posisi-penyimpanan .modal-content .modal-body svg,.modal.tambah-additional .modal-content .modal-body svg{width:100%}.modal.tambah-posisi-penyimpanan .modal-content .modal-body .text-1,.modal.tambah-additional .modal-content .modal-body .text-1{display:flex;width:100%;font-size:14px;font-weight:400;color:#3d3d3d}.modal.tambah-posisi-penyimpanan .modal-content .modal-footer,.modal.tambah-additional .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#f6f6f6;border-top:none;border-radius:0 0 20px 20px}.modal.tambah-posisi-penyimpanan .modal-content .modal-footer button,.modal.tambah-additional .modal-content .modal-footer button{width:46%;padding:11px 15px;border-radius:7px;font-size:16px}.modal.tambah-posisi-penyimpanan .modal-content .modal-footer button.primary,.modal.tambah-additional .modal-content .modal-footer button.primary{background:#48ab65;color:#fff;border:1px solid #48ab65}.modal.tambah-posisi-penyimpanan .modal-content .modal-footer button.secondary,.modal.tambah-additional .modal-content .modal-footer button.secondary{background:#fff;color:red;border:1px solid #f00}.modal.tambah-supplier-baru .modal-dialog{max-width:800px!important}.modal.tambah-supplier-baru .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.tambah-supplier-baru .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#f6f6f6;border-radius:20px 20px 0 0;position:relative}.modal.tambah-supplier-baru .modal-content .modal-head h3{flex:none;color:#3d3d3d;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.tambah-supplier-baru .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.tambah-supplier-baru .modal-content .modal-body{display:flex;padding:25px 25px 0;flex-direction:column;align-items:flex-start;align-self:stretch;background:#f6f6f6;gap:15px;width:100%;border-top:1px solid #e7e8e9}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap{width:100%;position:relative;background:#fff;padding:20px;border-radius:10px}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap .row{margin:0 -10px}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap .row .col-md-6,.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap .row .col-md-4,.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap .row .col-12{padding:0 10px;margin-bottom:15px}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap .group-input{display:flex;flex-direction:column}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap .group-input label{font-weight:500;font-size:16px;color:#333;display:flex;align-items:center}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap .group-input label input{margin-top:2px;font-size:16px;accent-color:#349150}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap .group-input input{padding:12px 16px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap .group-input input::placeholder{color:#999}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap .group-input input:focus{outline:none;border-color:#007bff}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap .group-input .phone-input{display:flex;gap:5px;position:relative}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap .group-input .phone-input .country-code{padding:3px 5px;border:1px solid #eeeeee;border-radius:8px;background:#eee;width:58px;font-size:14px;position:absolute;outline:none;top:25%!important;left:10px;transform:translateY(-50%)}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap .group-input .phone-input input{width:100%;padding-left:80px}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap .group-input .checkbox-group{display:flex;gap:20px;margin-top:5px}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap .group-input .checkbox-group .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap .group-input .checkbox-group .checkbox-label input[type=checkbox]{width:18px;height:18px;margin:0}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap img{position:absolute;width:93%;height:90%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap #reader{width:100%;border:none!important}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap #reader video{border-radius:10px;border:none!important}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap #reader div{border:none!important}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap #reader img,.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap #reader #qr-shaded-region{display:none}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap #reader #reader__dashboard{border:none!important}.modal.tambah-supplier-baru .modal-content .modal-body .camera-wrap #reader #reader__dashboard_section{padding:0!important}.modal.tambah-supplier-baru .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#f6f6f6;border-top:none;border-radius:0 0 20px 20px}.modal.tambah-supplier-baru .modal-content .modal-footer button{width:48%;padding:11px 15px;border-radius:7px;font-size:16px}.modal.tambah-supplier-baru .modal-content .modal-footer button.primary{background:#48ab65;color:#fff;border:1px solid #48ab65}.modal.tambah-supplier-baru .modal-content .modal-footer button.secondary{background:#fff;color:red;border:1px solid #f00}.modal.tambah-supplier-baru .modal-content .modal-footer button.tertiary{background-color:#d8d8d8;border:1px solid #d8d8d8;color:#3b3b3b}.modal.pembayaran-penjualan .modal-dialog{max-width:900px!important}.modal.pembayaran-penjualan.modal .modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem);overflow:hidden}.modal.pembayaran-penjualan.modal .modal-dialog-scrollable .modal-body{overflow-y:auto}.modal.pembayaran-penjualan .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.pembayaran-penjualan .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#f6f6f6;border-radius:20px 20px 0 0;position:relative}.modal.pembayaran-penjualan .modal-content .modal-head h3{flex:none;color:#3d3d3d;font-size:20px;font-weight:500;line-height:normal;margin-bottom:0}.modal.pembayaran-penjualan .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px;border:none;border-radius:6px;padding:4px;cursor:pointer;transition:background .2s ease}.modal.pembayaran-penjualan .modal-content .modal-head button:hover{background:#e7e8e9}.modal.pembayaran-penjualan .modal-content .modal-body{display:flex;padding:20px;flex-direction:column;align-items:flex-start;align-self:stretch;background:#f6f6f6;gap:12px;width:100%;border-top:1px solid #e7e8e9;border-radius:0 0 20px 20px}.modal.pembayaran-penjualan .modal-content .modal-body>*{flex-shrink:0}.modal.pembayaran-penjualan .modal-content .payment-heading{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.modal.pembayaran-penjualan .modal-content .payment-heading .payment-heading-text{display:flex;flex-direction:column;gap:2px}.modal.pembayaran-penjualan .modal-content .payment-heading .payment-heading-text .nota{font-size:16px;font-weight:600;color:#3d3d3d}.modal.pembayaran-penjualan .modal-content .payment-heading .payment-heading-text .customer{font-size:13px;color:#818489}.modal.pembayaran-penjualan .modal-content .payment-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:13px;font-weight:500;background:#e12a32;color:#fff}.modal.pembayaran-penjualan .modal-content .payment-badge.lunas{background:#203eb4;color:#fff}.modal.pembayaran-penjualan .modal-content .payment-badge.sebagian{background:#d4a017;color:#fff}.modal.pembayaran-penjualan .modal-content .payment-badge.belum-bayar{background:#e12a32;color:#fff}.modal.pembayaran-penjualan .modal-content .payment-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%}.modal.pembayaran-penjualan .modal-content .payment-summary .summary-card{background:#fff;border-radius:10px;padding:12px 14px}.modal.pembayaran-penjualan .modal-content .payment-summary .summary-card .label{font-size:13px;color:#818489;margin-bottom:4px}.modal.pembayaran-penjualan .modal-content .payment-summary .summary-card .value{font-size:17px;font-weight:600;color:#3d3d3d;word-break:break-word}.modal.pembayaran-penjualan .modal-content .payment-summary .summary-card.paid .value{color:#48ab65}.modal.pembayaran-penjualan .modal-content .payment-summary .summary-card.outstanding .value{color:#e12a32}.modal.pembayaran-penjualan .modal-content .payment-summary .summary-card.credit .value{color:#6b3fb5}.modal.pembayaran-penjualan .modal-content .payment-overpay-note{width:100%;background:#f2ecfd;border:1px solid #e0d2fa;border-radius:10px;padding:10px 14px;font-size:13px;line-height:1.5;color:#55307f}.modal.pembayaran-penjualan .modal-content .payment-credit{width:100%;background:#faf7ff;border:1px solid #e6dbfa;border-radius:10px;padding:12px 14px;margin-top:16px;margin-bottom:16px}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-credit__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-credit__label{font-size:13px;font-weight:600;color:#55307f}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-credit__value{font-size:17px;font-weight:600;color:#6b3fb5}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-credit__field{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-credit__field .group-input{flex:1 1 200px;margin-bottom:0}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-credit__field button{flex:0 0 auto;height:40px;padding:0 14px;border-radius:8px;border:1px solid #d9c7f5;background:#fff;color:#6b3fb5;font-size:13px;font-weight:500;cursor:pointer}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-credit__field button:hover{background:#f2ecfd}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-credit__hint{margin-top:8px;font-size:12px;line-height:1.5;color:#7a6b8f}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-credit__refund{margin-top:10px}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-credit__refund>button{height:34px;padding:0 14px;border-radius:8px;border:1px solid #d9c7f5;background:#fff;color:#6b3fb5;font-size:13px;font-weight:500;cursor:pointer}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-credit__refund>button:hover{background:#f2ecfd}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-refund-form{margin-top:10px;padding-top:10px;border-top:1px solid #e6dbfa}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-refund-form .payment-refund-form__grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-refund-form .payment-refund-form__grid .group-input{margin-bottom:0}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-refund-form .payment-refund-form__actions{display:flex;gap:8px;margin-top:10px}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-refund-form .payment-refund-form__actions button{border-radius:7px;padding:8px 16px;font-size:13px;font-weight:500;border:1px solid transparent;cursor:pointer}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-refund-form .payment-refund-form__actions .primary{background:#6b3fb5;border-color:#6b3fb5;color:#fff}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-refund-form .payment-refund-form__actions .muted{background:#f4f4f4;border-color:#e0e0e0;color:#585f64}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-refund-list{margin-top:12px;padding-top:10px;border-top:1px solid #e6dbfa}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-refund-list .payment-refund-list__title{font-size:12px;font-weight:600;color:#55307f;margin-bottom:6px}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-refund-list .payment-refund-list__row{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:6px 0;border-top:1px solid #efe7fb;font-size:12px;color:#6b6b6b}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-refund-list .payment-refund-list__row:first-of-type{border-top:0}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-refund-list .payment-refund-list__row .nominal{font-size:13px;font-weight:600;color:#6b3fb5}.modal.pembayaran-penjualan .modal-content .payment-credit .payment-refund-list .payment-refund-list__row button{margin-left:auto;border:1px solid #efd6d6;background:#fff;color:#e12a32;border-radius:6px;padding:3px 10px;font-size:12px;cursor:pointer}.modal.pembayaran-penjualan .modal-content .payment-merge{width:100%;background:#f3f7ff;border:1px solid #cfdcfa;border-radius:10px;padding:12px 14px;margin-top:16px;margin-bottom:16px}.modal.pembayaran-penjualan .modal-content .payment-merge.payment-merge--done{background:#f2fbf5;border-color:#cbeed8}.modal.pembayaran-penjualan .modal-content .payment-merge.payment-merge--done .payment-merge__label,.modal.pembayaran-penjualan .modal-content .payment-merge.payment-merge--done .payment-merge__names{color:#2f7d4f}.modal.pembayaran-penjualan .modal-content .payment-merge .payment-merge__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}.modal.pembayaran-penjualan .modal-content .payment-merge .payment-merge__label{font-size:13px;font-weight:600;color:#203eb4}.modal.pembayaran-penjualan .modal-content .payment-merge .payment-merge__names{font-size:13px;font-weight:500;color:#33478f}.modal.pembayaran-penjualan .modal-content .payment-merge .payment-merge__detail{margin:0;font-size:12px;line-height:1.5;color:#55627f}.modal.pembayaran-penjualan .modal-content .payment-merge .payment-merge__fields{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-top:12px}.modal.pembayaran-penjualan .modal-content .payment-merge .payment-merge__fields .group-input{margin-bottom:0}.modal.pembayaran-penjualan .modal-content .payment-merge .payment-merge__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.modal.pembayaran-penjualan .modal-content .payment-merge .payment-merge__actions>button{height:38px;padding:0 16px;border-radius:8px;border:1px solid #203eb4;background:#fff;color:#203eb4;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease}.modal.pembayaran-penjualan .modal-content .payment-merge .payment-merge__actions>button:hover{background:#203eb4;color:#fff}.modal.pembayaran-penjualan .modal-content .payment-merge .payment-merge__actions>button:disabled,.modal.pembayaran-penjualan .modal-content .payment-merge .payment-merge__actions>button:disabled:hover{background:#f1f1f1;border-color:#e4e4e4;color:#a5a5a5;cursor:not-allowed}.modal.pembayaran-penjualan .modal-content .payment-merge .payment-merge__hint{font-size:12px;color:#7d879e}.modal.pembayaran-penjualan .modal-content .payment-selisih{width:100%;background:#fffaf2;border:1px solid #f2ddb9;border-radius:10px;padding:12px 14px;margin-top:16px;margin-bottom:16px}.modal.pembayaran-penjualan .modal-content .payment-selisih .payment-selisih__head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.modal.pembayaran-penjualan .modal-content .payment-selisih .payment-selisih__label{font-size:13px;font-weight:600;color:#8a5d0f}.modal.pembayaran-penjualan .modal-content .payment-selisih .payment-selisih__value{font-size:17px;font-weight:600;color:#b3760f}.modal.pembayaran-penjualan .modal-content .payment-selisih .payment-selisih__options{display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.modal.pembayaran-penjualan .modal-content .payment-selisih .payment-selisih__option{display:flex;align-items:flex-start;gap:9px;margin:0;padding:10px 12px;border:1px solid #ecdcc0;border-radius:8px;background:#fff;cursor:pointer}.modal.pembayaran-penjualan .modal-content .payment-selisih .payment-selisih__option input{margin-top:3px;flex:0 0 auto;accent-color:#b3760f}.modal.pembayaran-penjualan .modal-content .payment-selisih .payment-selisih__option.is-active{border-color:#d4a017;background:#fdf6e8}.modal.pembayaran-penjualan .modal-content .payment-selisih .payment-selisih__option-title{display:block;font-size:13px;font-weight:600;color:#3d3d3d}.modal.pembayaran-penjualan .modal-content .payment-selisih .payment-selisih__option-detail{display:block;margin-top:3px;font-size:12px;line-height:1.45;color:#7d6b52}.modal.pembayaran-penjualan .modal-content .payment-selisih .payment-selisih__note{margin-top:10px;margin-bottom:0}.modal.pembayaran-penjualan .modal-content .payment-card{width:100%;background:#fff;border-radius:10px;padding:16px}.modal.pembayaran-penjualan .modal-content .payment-card .card-title{font-size:15px;font-weight:600;color:#3d3d3d;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.modal.pembayaran-penjualan .modal-content .payment-card .payment-method{width:100%;margin-bottom:16px}.modal.pembayaran-penjualan .modal-content .payment-card .payment-method__label{margin:0 0 8px;font-size:14px;font-weight:600;color:#333}.modal.pembayaran-penjualan .modal-content .payment-card .payment-method__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.modal.pembayaran-penjualan .modal-content .payment-card .payment-method__card{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 12px;border:1.5px solid #e7e8e9;border-radius:10px;background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,background .15s ease}.modal.pembayaran-penjualan .modal-content .payment-card .payment-method__card:hover{border-color:#203eb4;background:#f7f9ff}.modal.pembayaran-penjualan .modal-content .payment-card .payment-method__card.is-active,.modal.pembayaran-penjualan .modal-content .payment-card .payment-method__card:has(input:checked){border-color:#203eb4;background:#f0f3ff;box-shadow:0 0 0 1px #203eb4 inset}.modal.pembayaran-penjualan .modal-content .payment-card .payment-method__card.is-active .payment-method__title,.modal.pembayaran-penjualan .modal-content .payment-card .payment-method__card:has(input:checked) .payment-method__title{color:#203eb4}.modal.pembayaran-penjualan .modal-content .payment-card .payment-method__card input{width:16px;height:16px;margin:2px 0 0;flex-shrink:0;accent-color:#203eb4;cursor:pointer}.modal.pembayaran-penjualan .modal-content .payment-card .payment-method__title{margin:0;font-size:13px;font-weight:700;color:#414141;line-height:1.3}.modal.pembayaran-penjualan .modal-content .payment-card .payment-method__desc{margin:0;font-size:11.5px;color:#7a7a7a;line-height:1.35}@media(max-width:576px){.modal.pembayaran-penjualan .modal-content .payment-card .payment-method__options{grid-template-columns:1fr}}.modal.pembayaran-penjualan .modal-content .payment-card .payment-count{display:inline-block;min-width:22px;padding:1px 8px;margin-left:4px;border-radius:20px;background:#48ab65;color:#fff;font-size:12px;font-weight:500;text-align:center}.modal.pembayaran-penjualan .modal-content .payment-card .row{margin:0 -8px}.modal.pembayaran-penjualan .modal-content .payment-card .row [class*=col-]{padding:0 8px;margin-bottom:0}.modal.pembayaran-penjualan .modal-content .payment-card .payment-fields{display:flex;flex-direction:column;gap:14px;width:100%}.modal.pembayaran-penjualan .modal-content .payment-card .payment-fields .payment-credit,.modal.pembayaran-penjualan .modal-content .payment-card .payment-fields .payment-selisih,.modal.pembayaran-penjualan .modal-content .payment-card .payment-fields .payment-merge{margin-top:0;margin-bottom:0}.modal.pembayaran-penjualan .modal-content .payment-card .group-input{display:flex;flex-direction:column;width:100%}.modal.pembayaran-penjualan .modal-content .payment-card .group-input label{font-weight:500;font-size:14px;color:#333;margin-bottom:6px}.modal.pembayaran-penjualan .modal-content .payment-card .group-input input,.modal.pembayaran-penjualan .modal-content .payment-card .group-input select{width:100%;padding:10px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;color:#3d3d3d}.modal.pembayaran-penjualan .modal-content .payment-card .group-input input::placeholder,.modal.pembayaran-penjualan .modal-content .payment-card .group-input select::placeholder{color:#999}.modal.pembayaran-penjualan .modal-content .payment-card .group-input input:focus,.modal.pembayaran-penjualan .modal-content .payment-card .group-input select:focus{outline:none;border-color:#48ab65}.modal.pembayaran-penjualan .modal-content .payment-card .group-input .select2-container{width:100%!important}.modal.pembayaran-penjualan .modal-content .payment-card .group-input .select2-container .select2-selection--single{height:auto}.modal.pembayaran-penjualan .modal-content .payment-card .group-input .select2-container--default .select2-selection--single{display:flex;align-items:center;min-height:0;padding:10px 28px 10px 14px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;line-height:1.5;background:#fff}.modal.pembayaran-penjualan .modal-content .payment-card .group-input .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0;line-height:1.5;font-size:14px;color:#3d3d3d}.modal.pembayaran-penjualan .modal-content .payment-card .group-input .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.modal.pembayaran-penjualan .modal-content .payment-card .group-input .select2-container--default .select2-selection--single .select2-selection__arrow{height:100%;top:0;right:8px}.modal.pembayaran-penjualan .modal-content .payment-card .group-input .select2-container--default.select2-container--focus .select2-selection--single,.modal.pembayaran-penjualan .modal-content .payment-card .group-input .select2-container--default.select2-container--open .select2-selection--single{border-color:#48ab65;outline:none}.modal.pembayaran-penjualan .modal-content .payment-card .group-input .select2-container--default.select2-container--disabled .select2-selection--single{background:#f6f6f6;cursor:not-allowed}.modal.pembayaran-penjualan .modal-content .payment-card .form-actions{display:flex;gap:10px;flex-wrap:wrap;width:100%;margin-top:20px;padding-top:16px;border-top:1px solid #ececec}.modal.pembayaran-penjualan .modal-content .payment-card .form-actions button{padding:10px 18px;border-radius:7px;font-size:14px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.modal.pembayaran-penjualan .modal-content .payment-card .form-actions button.primary{background:#48ab65;border-color:#48ab65;color:#fff}.modal.pembayaran-penjualan .modal-content .payment-card .form-actions button.primary:hover{background:#3b9455;border-color:#3b9455}.modal.pembayaran-penjualan .modal-content .payment-card .form-actions button.primary:active{background:#337f49;border-color:#337f49}.modal.pembayaran-penjualan .modal-content .payment-card .form-actions button.ghost{background:#fff;border-color:#203eb4;color:#203eb4}.modal.pembayaran-penjualan .modal-content .payment-card .form-actions button.ghost:hover{background:#203eb4;color:#fff}.modal.pembayaran-penjualan .modal-content .payment-card .form-actions button.ghost:active{background:#1a3293;border-color:#1a3293}.modal.pembayaran-penjualan .modal-content .payment-card .form-actions button.muted{background:#fff;border-color:#d2d2d2;color:#585f64}.modal.pembayaran-penjualan .modal-content .payment-card .form-actions button.muted:hover{background:#f1f1f1;border-color:#b9b9b9;color:#3d3d3d}.modal.pembayaran-penjualan .modal-content .payment-card .form-actions button:disabled,.modal.pembayaran-penjualan .modal-content .payment-card .form-actions button:disabled:hover{background:#f1f1f1;border-color:#e4e4e4;color:#a5a5a5;cursor:not-allowed}.modal.pembayaran-penjualan .modal-content .allocation-bar{display:flex;width:100%;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:10px;background:#fff;border:1px solid #ececec}.modal.pembayaran-penjualan .modal-content .allocation-bar.balanced{border-color:#48ab65;background:#f3fbf5}.modal.pembayaran-penjualan .modal-content .allocation-bar>div{display:flex;flex-direction:column;gap:2px;flex:1 1 140px}.modal.pembayaran-penjualan .modal-content .allocation-bar .label{font-size:12px;color:#818489}.modal.pembayaran-penjualan .modal-content .allocation-bar .value{font-size:16px;font-weight:600;color:#3d3d3d}.modal.pembayaran-penjualan .modal-content .allocation-bar .value.sisa{color:#48ab65}.modal.pembayaran-penjualan .modal-content .allocation-bar .value.sisa.over{color:#e12a32}.modal.pembayaran-penjualan .modal-content .allocation-bar .value.saldo{color:#6b3fb5}.modal.pembayaran-penjualan .modal-content .allocation-group{display:flex;flex-direction:column;gap:8px}.modal.pembayaran-penjualan .modal-content .allocation-group+.allocation-group{margin-top:10px;padding-top:10px;border-top:1px dashed #e0e0e0}.modal.pembayaran-penjualan .modal-content .allocation-group--customer>.allocation-group__head{color:#1a1a1a;font-size:14px}.modal.pembayaran-penjualan .modal-content .allocation-group--customer .allocation-group{margin-top:8px;padding-top:0;border-top:0}.modal.pembayaran-penjualan .modal-content .allocation-group__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px;font-weight:600;color:#203eb4}.modal.pembayaran-penjualan .modal-content .allocation-group__meta{font-size:12px;font-weight:400;color:#818489}.modal.pembayaran-penjualan .modal-content .history-row.is-preferred{border-color:#203eb4;background:#f7f9ff}.modal.pembayaran-penjualan .modal-content .allocation-input{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.modal.pembayaran-penjualan .modal-content .allocation-input label{font-size:12px;color:#818489;margin:0}.modal.pembayaran-penjualan .modal-content .allocation-input input{width:140px;padding:6px 10px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;color:#3d3d3d}.modal.pembayaran-penjualan .modal-content .allocation-input input:focus{outline:none;border-color:#48ab65}.modal.pembayaran-penjualan .modal-content .allocation-input button{background:#eaf7ec;border:1px solid transparent;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;color:#2f7d43;cursor:pointer;transition:background .2s ease,color .2s ease}.modal.pembayaran-penjualan .modal-content .allocation-input button:hover{background:#48ab65;color:#fff}.modal.pembayaran-penjualan .modal-content .payment-history{width:100%;display:flex;flex-direction:column;gap:8px}.modal.pembayaran-penjualan .modal-content .payment-history .history-row{border:1px solid #ececec;border-radius:8px;padding:10px 12px;background:#fff}.modal.pembayaran-penjualan .modal-content .payment-history .history-row.is-editing{border-color:#48ab65;background:#f3fbf5}.modal.pembayaran-penjualan .modal-content .payment-history .history-main{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.modal.pembayaran-penjualan .modal-content .payment-history .history-amount{font-size:15px;font-weight:600;color:#3d3d3d}.modal.pembayaran-penjualan .modal-content .payment-history .history-date{font-size:13px;color:#818489;margin-left:auto}.modal.pembayaran-penjualan .modal-content .payment-history .history-meta{font-size:12px;color:#818489;margin-top:4px;word-break:break-word}.modal.pembayaran-penjualan .modal-content .payment-history .row-type{display:inline-block;padding:2px 8px;border-radius:5px;font-size:12px;background:#e8f3ff;color:#203eb4}.modal.pembayaran-penjualan .modal-content .payment-history .row-type.pelunasan{background:#eaf7ec;color:#2f7d43}.modal.pembayaran-penjualan .modal-content .payment-history .row-type.kredit{background:#f2ecfd;color:#6b3fb5}.modal.pembayaran-penjualan .modal-content .payment-history .row-type.diskon{background:#fdf1dc;color:#8a5d0f}.modal.pembayaran-penjualan .modal-content .payment-history .history-actions{display:flex;gap:8px;margin-top:8px}.modal.pembayaran-penjualan .modal-content .payment-history .history-actions button{background:#eef2ff;border:1px solid transparent;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:500;color:#203eb4;cursor:pointer;transition:background .2s ease,color .2s ease}.modal.pembayaran-penjualan .modal-content .payment-history .history-actions button:hover{background:#203eb4;color:#fff}.modal.pembayaran-penjualan .modal-content .payment-history .history-actions button.danger{background:#fdecee;color:#e12a32}.modal.pembayaran-penjualan .modal-content .payment-history .history-actions button.danger:hover{background:#e12a32;color:#fff}.modal.pembayaran-penjualan .modal-content .payment-history .empty{padding:16px;text-align:center;color:#818489;font-size:14px;background:#fafafa;border:1px dashed #e0e0e0;border-radius:8px}.modal.pembayaran-penjualan .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;justify-content:flex-end;gap:13px;background:#f6f6f6;border-top:none;border-radius:0 0 20px 20px}.modal.pembayaran-penjualan .modal-content .modal-footer button{min-width:140px;padding:11px 15px;border-radius:7px;font-size:16px;font-weight:500;border:1px solid transparent;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.modal.pembayaran-penjualan .modal-content .modal-footer button.primary{background:#48ab65;color:#fff;border-color:#48ab65}.modal.pembayaran-penjualan .modal-content .modal-footer button.primary:hover{background:#3b9455;border-color:#3b9455}.modal.pembayaran-penjualan .modal-content .modal-footer button.primary:active{background:#337f49;border-color:#337f49}.modal.pembayaran-penjualan .modal-content .modal-footer button.secondary{background:#fff;color:#414141;border-color:#d2d2d2}.modal.pembayaran-penjualan .modal-content .modal-footer button.secondary:hover{background:#f1f1f1;border-color:#b9b9b9;color:#3d3d3d}.modal.pembayaran-penjualan .modal-content .modal-footer button:disabled,.modal.pembayaran-penjualan .modal-content .modal-footer button:disabled:hover{background:#f1f1f1;border-color:#e4e4e4;color:#a5a5a5;cursor:not-allowed}@media(max-width:767px){.modal.pembayaran-penjualan .modal-content .payment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.modal.masukkan-pin .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.masukkan-pin .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#f6f6f6;border-radius:20px 20px 0 0;position:relative}.modal.masukkan-pin .modal-content .modal-head h3{flex:none;color:#3d3d3d;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.masukkan-pin .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.masukkan-pin .modal-content .modal-body{display:flex;padding:25px 25px 0;flex-direction:column;align-items:center;align-self:stretch;background:#f6f6f6;gap:15px;width:100%;border-top:1px solid #e7e8e9}.modal.masukkan-pin .modal-content .modal-body .pin-inputs-container{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%}.modal.masukkan-pin .modal-content .modal-body .pin-inputs-container .pin-inputs{display:flex;gap:12px;justify-content:center;width:100%}.modal.masukkan-pin .modal-content .modal-body .pin-inputs-container .pin-inputs .pin-input{width:16.66%;height:48px;border-radius:8px;border:2px solid #e9ecef;text-align:center;font-size:20px;font-weight:600;color:#333;background:#fff;transition:all .2s ease}.modal.masukkan-pin .modal-content .modal-body .pin-inputs-container .pin-inputs .pin-input:focus{outline:none;border-color:#48ab65;background:#f8fff9}.modal.masukkan-pin .modal-content .modal-body .pin-inputs-container .pin-inputs .pin-input::-webkit-outer-spin-button,.modal.masukkan-pin .modal-content .modal-body .pin-inputs-container .pin-inputs .pin-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.modal.masukkan-pin .modal-content .modal-body .pin-inputs-container .pin-inputs .pin-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.modal.masukkan-pin .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#f6f6f6;border-top:none;border-radius:0 0 20px 20px}.modal.masukkan-pin .modal-content .modal-footer button,.modal.masukkan-pin .modal-content .modal-footer a{width:46%;padding:11px 15px;border-radius:7px;font-size:16px;text-align:center}.modal.masukkan-pin .modal-content .modal-footer button.primary,.modal.masukkan-pin .modal-content .modal-footer a.primary{background:#48ab65;color:#fff;border:1px solid #48ab65}.modal.masukkan-pin .modal-content .modal-footer button.secondary,.modal.masukkan-pin .modal-content .modal-footer a.secondary{background:#fff;color:red;border:1px solid #f00}.modal.masukkan-pin .modal-content .modal-footer button.tertiary,.modal.masukkan-pin .modal-content .modal-footer a.tertiary{background-color:#d8d8d8;border:1px solid #d8d8d8;color:#3b3b3b}.modal.scan-barcode .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.scan-barcode .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#f6f6f6;border-radius:20px 20px 0 0;position:relative}.modal.scan-barcode .modal-content .modal-head h3{flex:none;color:#3d3d3d;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.scan-barcode .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.scan-barcode .modal-content .modal-body{display:flex;padding:25px 25px 0;flex-direction:column;align-items:flex-start;align-self:stretch;background:#f6f6f6;gap:15px;width:100%;border-top:1px solid #e7e8e9}.modal.scan-barcode .modal-content .modal-body .camera-wrap{width:100%;position:relative}.modal.scan-barcode .modal-content .modal-body .camera-wrap img{position:absolute;width:93%;height:88%;top:49%;left:50%;transform:translate(-50%,-50%);z-index:10}.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera2,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera3,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera4,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera5{width:100%;border:none!important}.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera canvas,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera2 canvas,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera3 canvas,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera4 canvas,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera5 canvas{display:none}.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera video,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera2 video,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera3 video,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera4 video,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera5 video{width:100%;border-radius:10px;border:none!important}.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera div,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera2 div,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera3 div,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera4 div,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera5 div{border:none!important}.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera img,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera2 img,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera3 img,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera4 img,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera5 img,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera #qr-shaded-region,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera2 #qr-shaded-region,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera3 #qr-shaded-region,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera4 #qr-shaded-region,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera5 #qr-shaded-region{display:none}.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera #reader__dashboard,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera2 #reader__dashboard,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera3 #reader__dashboard,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera4 #reader__dashboard,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera5 #reader__dashboard{border:none!important}.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera #reader__dashboard_section,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera2 #reader__dashboard_section,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera3 #reader__dashboard_section,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera4 #reader__dashboard_section,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera5 #reader__dashboard_section{padding:0!important}.modal.scan-barcode .modal-content .modal-body .qr-code{padding:24px;border-radius:12px;background:#fff}.modal.scan-barcode .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#f6f6f6;border-top:none;border-radius:0 0 20px 20px}.modal.scan-barcode .modal-content .modal-footer button{width:46%;padding:11px 15px;border-radius:7px;font-size:16px}.modal.scan-barcode .modal-content .modal-footer button.primary{background:#48ab65;color:#fff;border:1px solid #48ab65}.modal.scan-barcode .modal-content .modal-footer button.secondary{background:#fff;color:red;border:1px solid #f00}.modal.scan-barcode .modal-content .modal-footer button.tertiary-blue{background-color:#203eb4;border:1px solid #203eb4;color:#fff}.modal.scan-barcode .modal-content .modal-footer button.tertiary-gold{background-color:#ae7f26;border:1px solid #ae7f26;color:#fff}.modal.konfirmasi-pengiriman .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.konfirmasi-pengiriman .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#f6f6f6;border-radius:20px 20px 0 0;position:relative}.modal.konfirmasi-pengiriman .modal-content .modal-head h3{flex:none;color:#3d3d3d;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.konfirmasi-pengiriman .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.konfirmasi-pengiriman .modal-content .modal-body{display:flex;padding:25px 25px 0;flex-direction:column;align-items:flex-start;align-self:stretch;background:#f6f6f6;gap:15px;width:100%;border-top:1px solid #e7e8e9}.modal.konfirmasi-pengiriman .modal-content .modal-body .text-1{color:#3d3d3d;font-size:14px;font-weight:400}.modal.konfirmasi-pengiriman .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#f6f6f6;border-top:none;border-radius:0 0 20px 20px}.modal.konfirmasi-pengiriman .modal-content .modal-footer button{width:46%;padding:11px 15px;border-radius:7px;font-size:16px}.modal.konfirmasi-pengiriman .modal-content .modal-footer button.primary{background:#48ab65;color:#fff;border:1px solid #48ab65}.modal.konfirmasi-pengiriman .modal-content .modal-footer button.secondary{background:#fff;color:red;border:1px solid #f00}.modal.konfirmasi-pengiriman .modal-content .modal-footer button.tertiary{background-color:#d8d8d8;border:1px solid #d8d8d8;color:#3b3b3b}.modal.surat-jalan-produk .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.surat-jalan-produk .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#f6f6f6;border-radius:20px 20px 0 0;position:relative}.modal.surat-jalan-produk .modal-content .modal-head h3{flex:none;color:#3d3d3d;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.surat-jalan-produk .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.surat-jalan-produk .modal-content .modal-body{display:flex;padding:25px 25px 0;flex-direction:column;align-items:flex-start;align-self:stretch;background:#f6f6f6;gap:20px;width:100%;border-top:1px solid #e7e8e9}.modal.surat-jalan-produk .modal-content .modal-body .outer-group{display:flex;gap:10px}.modal.surat-jalan-produk .modal-content .modal-body .outer-group .radio-group{display:flex;gap:5px}.modal.surat-jalan-produk .modal-content .modal-body .outer-group .radio-group input[type=radio]{accent-color:#48a564}.modal.surat-jalan-produk .modal-content .modal-body .outer-group .radio-group .text-2{font-size:14px}.modal.surat-jalan-produk .modal-content .modal-body .top-section{display:flex;flex-direction:column;width:100%}.modal.surat-jalan-produk .modal-content .modal-body .top-section .input-wrap{display:flex;flex-direction:column;gap:5px;margin-top:20px}.modal.surat-jalan-produk .modal-content .modal-body .top-section .input-wrap .label{color:#3d3d3d;font-size:14px;font-weight:400}.modal.surat-jalan-produk .modal-content .modal-body .top-section .group-text{display:flex;flex-direction:column}.modal.surat-jalan-produk .modal-content .modal-body .top-section .group-text .text-1{color:#8c8c8c;font-size:14px;font-weight:400}.modal.surat-jalan-produk .modal-content .modal-body .top-section .group-text .text-2{color:#393939;font-size:16px;font-weight:400}.modal.surat-jalan-produk .modal-content .modal-body .top-section .group-text2{display:flex;justify-content:space-between;align-items:center;width:100%}.modal.surat-jalan-produk .modal-content .modal-body .bottom-section.file{display:flex;flex-direction:column;gap:20px}.modal.surat-jalan-produk .modal-content .modal-body .bottom-section.file .title{width:100%;display:flex;justify-content:space-between;padding:20px;border-radius:20px 20px 0 0;background:#fff}.modal.surat-jalan-produk .modal-content .modal-body .bottom-section.file .title .text-1{color:#414141;font-size:14px;font-weight:700}.modal.surat-jalan-produk .modal-content .modal-body .bottom-section.file .title svg{cursor:pointer}.modal.surat-jalan-produk .modal-content .modal-body .bottom-section.file .file-preview{width:100%}.modal.surat-jalan-produk .modal-content .modal-body .bottom-section.file .file-preview img{width:100%;border-radius:0 0 20px 20px;filter:grayscale(100%)}.modal.surat-jalan-produk .modal-content .modal-body .bottom-section.img-only img{width:100%;border-radius:20px}.modal.surat-jalan-produk .modal-content .modal-body .bottom-section.belum-ada{width:100%}.modal.surat-jalan-produk .modal-content .modal-body .bottom-section.belum-ada .text-1{color:#8c8c8c;font-size:14px;font-weight:400;padding:16px;width:100%;border-radius:6px;background:#dadada;text-align:center}.modal.surat-jalan-produk .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#f6f6f6;border-top:none;border-radius:0 0 20px 20px}.modal.surat-jalan-produk .modal-content .modal-footer button{width:46%;padding:11px 15px;border-radius:7px;font-size:16px}.modal.surat-jalan-produk .modal-content .modal-footer button.primary{background:#203eb4;color:#fff;border:1px solid #203eb4}.modal.surat-jalan-produk .modal-content .modal-footer button.secondary{background:#fff;color:#8c8c8c;border:1px solid #8c8c8c}.modal.surat-jalan-produk .modal-content .modal-footer button.tertiary{background-color:#d8d8d8;border:1px solid #d8d8d8;color:#3b3b3b}.modal.surat-jalan-produk2 .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.surat-jalan-produk2 .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#f6f6f6;border-radius:20px 20px 0 0;position:relative}.modal.surat-jalan-produk2 .modal-content .modal-head h3{flex:none;color:#3d3d3d;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.surat-jalan-produk2 .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.surat-jalan-produk2 .modal-content .modal-body{display:flex;padding:25px 25px 0;flex-direction:column;align-items:flex-start;align-self:stretch;background:#f6f6f6;gap:20px;width:100%;border-top:1px solid #e7e8e9}.modal.surat-jalan-produk2 .modal-content .modal-body .outer-group{display:flex;gap:10px}.modal.surat-jalan-produk2 .modal-content .modal-body .outer-group .radio-group{display:flex;gap:5px}.modal.surat-jalan-produk2 .modal-content .modal-body .outer-group .radio-group input[type=radio]{accent-color:#48a564}.modal.surat-jalan-produk2 .modal-content .modal-body .outer-group .radio-group .text-2{font-size:14px}.modal.surat-jalan-produk2 .modal-content .modal-body .top-section{padding:20px;border-radius:15px;background:#fff;display:flex;justify-content:space-between;width:100%;align-items:center}.modal.surat-jalan-produk2 .modal-content .modal-body .top-section .line{width:1px;height:60px;background:#e0e0e0}.modal.surat-jalan-produk2 .modal-content .modal-body .top-section .input-wrap{display:flex;flex-direction:column;gap:5px;margin-top:20px}.modal.surat-jalan-produk2 .modal-content .modal-body .top-section .input-wrap .label{color:#3d3d3d;font-size:14px;font-weight:400}.modal.surat-jalan-produk2 .modal-content .modal-body .top-section .group-text{display:flex;flex-direction:column}.modal.surat-jalan-produk2 .modal-content .modal-body .top-section .group-text .text-1{color:#8c8c8c;font-size:14px;font-weight:400}.modal.surat-jalan-produk2 .modal-content .modal-body .top-section .group-text .text-2{color:#393939;font-size:16px;font-weight:400}.modal.surat-jalan-produk2 .modal-content .modal-body .top-section .group-text2{display:flex;justify-content:space-between;align-items:center;width:100%}.modal.surat-jalan-produk2 .modal-content .modal-body .bottom-section.file{display:flex;flex-direction:column;gap:20px}.modal.surat-jalan-produk2 .modal-content .modal-body .bottom-section.file .title{width:100%;display:flex;justify-content:space-between;padding:20px;border-radius:20px 20px 0 0;background:#fff}.modal.surat-jalan-produk2 .modal-content .modal-body .bottom-section.file .title .text-1{color:#414141;font-size:14px;font-weight:700}.modal.surat-jalan-produk2 .modal-content .modal-body .bottom-section.file .title svg{cursor:pointer}.modal.surat-jalan-produk2 .modal-content .modal-body .bottom-section.file .file-preview{width:100%}.modal.surat-jalan-produk2 .modal-content .modal-body .bottom-section.file .file-preview img{width:100%;border-radius:0 0 20px 20px;filter:grayscale(100%)}.modal.surat-jalan-produk2 .modal-content .modal-body .bottom-section.img-only img{width:100%;border-radius:20px}.modal.surat-jalan-produk2 .modal-content .modal-body .bottom-section.belum-ada{width:100%}.modal.surat-jalan-produk2 .modal-content .modal-body .bottom-section.belum-ada .text-1{color:#fff;font-size:18px;font-weight:600;padding:16px;width:100%;border-radius:6px;background:#203eb4;text-align:center;cursor:pointer}.modal.surat-jalan-produk2 .modal-content .modal-footer{display:flex;width:100%;padding:15px;align-items:center;gap:13px;background:#f6f6f6;border:none;border-radius:0 0 20px 20px}.modal.surat-jalan-produk2 .modal-content .modal-footer button{width:46%;padding:11px 15px;border-radius:7px;font-size:16px}.modal.surat-jalan-produk2 .modal-content .modal-footer button.primary{background:#203eb4;color:#fff;border:1px solid #203eb4}.modal.surat-jalan-produk2 .modal-content .modal-footer button.secondary{background:#fff;color:#8c8c8c;border:1px solid #8c8c8c}.modal.surat-jalan-produk2 .modal-content .modal-footer button.tertiary{background-color:#d8d8d8;border:1px solid #d8d8d8;color:#3b3b3b}.modal.konfirmasi-po .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.konfirmasi-po .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#f6f6f6;border-radius:20px 20px 0 0;position:relative}.modal.konfirmasi-po .modal-content .modal-head h3{flex:none;color:#3d3d3d;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.konfirmasi-po .modal-content .modal-head button{display:flex;background:transparent;align-items:center;position:absolute;right:25px}.modal.konfirmasi-po .modal-content .nav-tabs{width:100%;background:#ffe4c6;padding:10px;border-radius:10px}.modal.konfirmasi-po .modal-content .nav-tabs .nav-item{width:50%}.modal.konfirmasi-po .modal-content .nav-tabs .nav-item .nav-link{width:100%;color:#ae7f26;font-size:14px;font-weight:400;padding:12px}.modal.konfirmasi-po .modal-content .nav-tabs .nav-item .nav-link.active{background-color:#ae7f26;border:1px solid #ae7f26;border-radius:10px;color:#fff}.modal.konfirmasi-po .modal-content .nav-tabs .nav-item .nav-link:hover{border:none;transform:none}.modal.konfirmasi-po .modal-content .modal-body{display:flex;padding:25px 25px 0;flex-direction:column;align-items:flex-start;align-self:stretch;background:#f6f6f6;gap:15px;width:100%;border-top:1px solid #e7e8e9}.modal.konfirmasi-po .modal-content .modal-body .input-date-konfirmasi{position:relative;width:100%}.modal.konfirmasi-po .modal-content .modal-body .input-date-konfirmasi svg{position:absolute;left:13%;top:50%;transform:translateY(-50%)}.modal.konfirmasi-po .modal-content .modal-body .input-date-konfirmasi input{background:#fff;border-radius:10px;border:1.5px solid #c9c9c9;padding:10px 16px 10px 25px;font-size:15px;font-weight:400;color:#4a4a4a;text-align:left;width:100%}.modal.konfirmasi-po .modal-content .modal-body .input-date-konfirmasi input:focus{outline:none;border:1.5px solid #c9c9c9}.modal.konfirmasi-po .modal-content .modal-body .input-date-konfirmasi input[type=date]{-moz-appearance:textfield}.modal.konfirmasi-po .modal-content .modal-body .input-date-konfirmasi input[type=date]::-webkit-calendar-picker-indicator{position:absolute;right:0%;background-color:#e62129;opacity:0;z-index:5;padding:16px 47%;cursor:pointer}.modal.konfirmasi-po .modal-content .modal-body .tab-content{width:100%}.modal.konfirmasi-po .modal-content .modal-body .wrap-modal{display:flex;flex-direction:column;gap:10px}.modal.konfirmasi-po .modal-content .modal-body .text-1{color:#3d3d3d;font-size:14px;font-weight:400}.modal.konfirmasi-po .modal-content .modal-body img{width:100%;padding:35px;background-color:#fff;border-radius:15px}.modal.konfirmasi-po .modal-content .modal-footer{display:flex;width:100%;padding:20px;align-items:center;gap:13px;background:#f6f6f6;border-top:none;border-radius:0 0 20px 20px}.modal.konfirmasi-po .modal-content .modal-footer button{width:46%;padding:11px 15px;border-radius:7px;font-size:16px}.modal.konfirmasi-po .modal-content .modal-footer button.primary{background:#48ab65;color:#fff;border:1px solid #48ab65}.modal.konfirmasi-po .modal-content .modal-footer button.secondary{background:#fff;color:red;border:1px solid #f00}.modal.konfirmasi-po .modal-content .modal-footer button.tertiary{background-color:#d8d8d8;border:1px solid #d8d8d8;color:#3b3b3b}.modal-dialog.modal-sm{max-width:440px}.modal-dialog.modal-sm-50{max-width:450px!important}.modal-dialog.modal-sm-72{max-width:472px!important}.modal-dialog.modal-md{max-width:607px}.modal-dialog.modal-big{max-width:867px}.header{width:100%;padding:20px 30px;background:#fff;border-radius:10px;height:auto;display:flex;justify-content:space-between;align-items:center}.header p{margin:0}.header .navbar-text{display:flex;gap:20px;align-items:center}.header .navbar-text img{cursor:pointer;transition:all .3s ease}.header .navbar-text img:hover{transform:scale(1.2)}.header .navbar-text .title{color:#4a4a4a;font-size:28px;font-weight:700;text-transform:uppercase}.header .group-right{display:flex;gap:10px;align-items:center}.header .group-right img{width:45px;height:45px}.header .group-right .user-profile-trigger{display:flex;align-items:center;gap:10px;margin:0;padding:4px 8px 4px 4px;border:none;border-radius:10px;background:transparent;cursor:pointer;text-align:left}.header .group-right .user-profile-trigger:hover,.header .group-right .user-profile-trigger:focus{background:#f3f6f4;outline:none}.header .group-right .user-profile-trigger img{width:45px;height:45px;flex-shrink:0}.header .group-right .name{color:#4a4a4a;font-size:18px;font-weight:400;line-height:20px}.header .group-right .email{color:#a8a8a8;font-size:14px;font-weight:400}.header .group-right .whatsapp-label{color:#48ab65;font-size:12px;font-weight:500;line-height:16px;margin-top:2px}.header .group-right .whatsapp-label.is-empty{color:#48ab65;text-decoration:underline;text-underline-offset:2px}.header .group-right .notification{cursor:pointer;position:relative;margin-left:20px}.header .group-right span{position:absolute;top:-5px;right:-5px;width:20px;height:20px;border-radius:50%;background:#f7384b;color:#fff;font-size:10px;font-weight:400;text-align:center;align-items:center;border:1px solid white}.notification-panel{position:fixed;top:0;right:-400px;width:400px;height:100%;background-color:#f8f8f8;box-shadow:-2px 0 5px #0003;transition:right .3s ease-in-out;z-index:9999;display:flex;flex-direction:column}.notification-panel p{margin:0;padding:0}.notification-panel.open{right:0}.notification-panel .panel-header{display:flex;align-items:center;justify-content:space-between;margin:10px 25px 0;padding:10px 0;background:#f8f8f8;border-bottom:1px solid #a4a4a4}.notification-panel .panel-header .title-notif{color:#3d3d3d;font-size:16px;font-weight:700}.notification-panel .panel-header .panel-header-actions{display:flex;align-items:center;gap:4px}.notification-panel .panel-header .btn-mark-all-read{background:none;border:none;color:#48ab65;font-size:13px;font-weight:600;cursor:pointer;padding:4px 8px;white-space:nowrap}.notification-panel .panel-header .btn-mark-all-read:hover:not(:disabled){text-decoration:underline}.notification-panel .panel-header .btn-mark-all-read:disabled{opacity:.6;cursor:not-allowed}.notification-panel .panel-header .close-panel{cursor:pointer}.notifications-list{list-style:none;margin:0 25px;overflow-y:auto;flex-grow:1}.notifications-list li{border-bottom:1px solid #dcdcdc;padding:20px 0;cursor:pointer;display:flex;gap:10px}.notifications-list li .icon-notif{margin-top:3px}.notifications-list li .group-message{display:flex;flex-direction:column;gap:5px;width:100%}.notifications-list li .group-message .title-message{color:#48ab65;font-size:16px;font-weight:600}.notifications-list li .group-message .text-message{color:#8c8c8c;font-size:16px;font-weight:500}.notifications-list li .group-message .time-message{color:#a1a1a1;font-size:16px;font-weight:400;text-align:end}.notifications-list li .group-message .time-message span{margin-left:5px}.notifications-list li .group-message .notification-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.notifications-list li .group-message .notification-footer .time-message{flex:1;text-align:start}.notifications-list li .group-message .btn-mark-read{flex-shrink:0;background:transparent;border:1px solid #48AB65;color:#48ab65;font-size:12px;font-weight:600;border-radius:4px;padding:4px 10px;cursor:pointer;white-space:nowrap}.notifications-list li .group-message .btn-mark-read:hover:not(:disabled){background:#48ab65;color:#fff}.notifications-list li .group-message .btn-mark-read:disabled{opacity:.6;cursor:not-allowed}.notifications-list li:last-child{border-bottom:none;margin-bottom:20px}.request-pin-wa-register{text-align:left;width:100%}.request-pin-wa-register input{width:100%;height:44px;border:1.5px solid #d2d2d2;border-radius:8px;padding:0 12px;font-size:15px;background:#fff}.l-sidebar{background:#fff;padding:20px;border-radius:10px;width:250px;flex-shrink:0;position:sticky;top:30px;align-self:flex-start;height:calc(100vh - 60px);display:flex;flex-direction:column}.l-sidebar .logo{justify-content:center;width:100%}.l-sidebar .day{text-align:center;color:#000;margin-top:0;font-weight:700;font-size:24px;margin-bottom:0}.l-sidebar .date{text-align:center;color:#000;margin-top:0;font-weight:600;font-size:24px;margin-bottom:0}.l-sidebar .time{text-align:center;color:#000;margin-top:0;font-weight:600;font-size:20px;margin-bottom:0}.l-sidebar nav{width:100%;display:flex;flex-direction:column;justify-content:space-between;flex:1;min-height:0}.l-sidebar nav .link-wrapper{padding-top:20px;margin-top:20px;display:flex;flex-direction:column;align-items:stretch;gap:10px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.l-sidebar nav .link-wrapper::-webkit-scrollbar{display:none}.l-sidebar nav .link-wrapper{border-top:2px solid transparent;border-image:repeating-linear-gradient(to right,#a8a8a8,#a8a8a8 5px,transparent 5px,transparent 10px) 1}.l-sidebar nav .link-wrapper hr{margin:0}.l-sidebar nav .link-wrapper .link{padding:10px 12px;display:flex;gap:8px;align-items:center;transition:background-color .3s ease,border-radius .3s ease;border-radius:10px;width:100%;position:relative}.l-sidebar nav .link-wrapper .link svg{flex-shrink:0;width:24px;height:24px}.l-sidebar nav .link-wrapper .link svg.icon-active{display:none}.l-sidebar nav .link-wrapper .link svg.icon-inactive{display:inline-block}.l-sidebar nav .link-wrapper .link p{color:#a8a8a8;text-align:left;text-transform:uppercase;font-size:16px;font-weight:500;margin-bottom:0;line-height:1.25;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.l-sidebar nav .link-wrapper .link.dropdown{padding-right:28px}.l-sidebar nav .link-wrapper .link.dropdown:before{content:"";display:block;position:absolute;top:50%;right:10px;width:14px;height:14px;background-position:center;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='19'%20viewBox='0%200%2018%2019'%20fill='none'%3E%3Cpath%20d='M14.9412%207.21289L10.0512%2012.1029C9.47366%2012.6804%208.52866%2012.6804%207.95116%2012.1029L3.06116%207.21289'%20stroke='%23494949'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E");transform:translateY(-50%);transition:transform .3s ease}.l-sidebar nav .link-wrapper .link:hover,.l-sidebar nav .link-wrapper .link.active{background:var(--Background, #48ab65)}.l-sidebar nav .link-wrapper .link:hover.blue,.l-sidebar nav .link-wrapper .link.active.blue{background:#203eb4}.l-sidebar nav .link-wrapper .link:hover.lightblue,.l-sidebar nav .link-wrapper .link.active.lightblue{background:#008bbc}.l-sidebar nav .link-wrapper .link:hover.gold,.l-sidebar nav .link-wrapper .link.active.gold{background:#ae7f26}.l-sidebar nav .link-wrapper .link:hover.darkgold,.l-sidebar nav .link-wrapper .link.active.darkgold{background:#965006}.l-sidebar nav .link-wrapper .link:hover.maroon,.l-sidebar nav .link-wrapper .link.active.maroon{background:#9f1239}.l-sidebar nav .link-wrapper .link:hover.purple,.l-sidebar nav .link-wrapper .link.active.purple{background:#7c3aed}.l-sidebar nav .link-wrapper .link:hover.orange,.l-sidebar nav .link-wrapper .link.active.orange{background:#e86a17}.l-sidebar nav .link-wrapper .link:hover.black,.l-sidebar nav .link-wrapper .link.active.black{background:#2e2e2e}.l-sidebar nav .link-wrapper .link:hover p,.l-sidebar nav .link-wrapper .link.active p{color:#fff}.l-sidebar nav .link-wrapper .link:hover svg.icon-active,.l-sidebar nav .link-wrapper .link.active svg.icon-active{display:inline-block}.l-sidebar nav .link-wrapper .link:hover svg.icon-inactive,.l-sidebar nav .link-wrapper .link.active svg.icon-inactive{display:none}.l-sidebar nav .link-wrapper .link:hover.dropdown:before,.l-sidebar nav .link-wrapper .link.active.dropdown:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='18'%20height='19'%20viewBox='0%200%2018%2019'%20fill='none'%3E%3Cpath%20d='M14.9412%207.21289L10.0512%2012.1029C9.47366%2012.6804%208.52866%2012.6804%207.95116%2012.1029L3.06116%207.21289'%20stroke='%23FFFFFF'%20stroke-width='1.5'%20stroke-miterlimit='10'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E")}.l-sidebar nav .link-wrapper .link.dropdown.active:before{transform:translateY(-50%) rotate(180deg)}.l-sidebar nav .group-dropdown{width:100%;display:flex;flex-direction:column}.l-sidebar nav .group-dropdown:has(>.submenu.show)>.link.dropdown{border-radius:10px 10px 0 0}.l-sidebar nav .submenu{list-style:none;margin:0;padding:0 12px 0 44px;background-color:#48ab65;border-radius:0 0 10px 10px;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.l-sidebar nav .submenu.blue{background-color:#203eb4}.l-sidebar nav .submenu.lightblue{background-color:#008bbc}.l-sidebar nav .submenu.black{background-color:#2e2e2e}.l-sidebar nav .submenu.gold{background-color:#ae7f26}.l-sidebar nav .submenu.maroon{background-color:#9f1239}.l-sidebar nav .submenu.purple{background-color:#7c3aed}.l-sidebar nav .submenu.orange{background-color:#e86a17}.l-sidebar nav .submenu.show{max-height:640px;opacity:1;padding:4px 12px 10px 44px}.l-sidebar nav .submenu li{margin:0}.l-sidebar nav .submenu li .submenu-item{display:block;color:#fff;font-size:14px;line-height:1.3;text-transform:uppercase;font-weight:400;position:relative;padding:6px 4px 6px 14px;border-radius:6px;transition:background-color .2s ease,font-weight .2s ease}.l-sidebar nav .submenu li .submenu-item:before{content:"";display:block;position:absolute;top:50%;left:0;width:6px;height:6px;border-radius:50%;background:#fff;opacity:0;transform:translateY(-50%);transition:opacity .2s ease}.l-sidebar nav .submenu li .submenu-item.active{font-weight:600}.l-sidebar nav .submenu li .submenu-item.active:before{opacity:1}.l-sidebar nav .submenu li .submenu-item:hover{background-color:#ffffff1f}.l-sidebar nav .link-wrapper2{display:flex;flex-direction:column;align-items:start;gap:15px;position:relative;flex-shrink:0;margin-top:15px}.l-sidebar nav .link-wrapper2 hr{margin:0}.l-sidebar nav .link-wrapper2 .link{z-index:3;padding:10px;display:flex;gap:15px;align-items:center;transition:.3s;border-radius:10px;width:100%;background:var(--Background, #f7384b);box-shadow:0 0 10px #00000040}.l-sidebar nav .link-wrapper2 .link svg{min-height:24px;width:25px}.l-sidebar nav .link-wrapper2 .link svg.icon-active{display:none}.l-sidebar nav .link-wrapper2 .link svg.icon-inactive{display:inline-block}.l-sidebar nav .link-wrapper2 .link p{color:#b0b3b8;text-align:center;font-size:16px;font-weight:300;margin-bottom:0}.card-datatable{background:#fff;position:relative;border-radius:8px;padding:30px;height:100%}.card-datatable .dataTables_scroll{margin:10px;background:#fff;border-radius:8px}.card-datatable .dataTables_wrapper{padding-bottom:55px;border-bottom:1px solid #c6c6c6}.card-datatable .dataTables_wrapper .dataTables_scrollBody{position:unset!important}.card-datatable .dataTables_wrapper div{position:static}.card-datatable .dataTables_wrapper>.row:nth-child(1),.card-datatable .dataTables_wrapper>.row:nth-child(3){margin:0 2px}.card-datatable .dataTables_wrapper:nth-child(2){margin:0}.card-datatable .dataTables_wrapper:nth-child(2)>div{padding:0}.card-datatable .dataTables_wrapper table{min-width:100%;width:100%;border-radius:20px!important}.card-datatable .dataTables_wrapper thead{border-top-left-radius:8px;border-top-right-radius:8px;background-color:#fff}.card-datatable .dataTables_wrapper th{border:none;border-top:1px solid #c6c6c6;border-bottom:1px solid #e0e0e0;padding:25px 30px 25px 18px;font-weight:600;font-size:16px;line-height:20px;color:#000;border-radius:1px!important;background-color:#fff;white-space:nowrap;position:relative;cursor:pointer;text-transform:uppercase}.card-datatable .dataTables_wrapper th.w-20{width:25%!important}.card-datatable .dataTables_wrapper th.sorting:before,.card-datatable .dataTables_wrapper th.sorting_asc:before,.card-datatable .dataTables_wrapper th.sorting_desc:before{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;background-size:contain;background-repeat:no-repeat;opacity:.5}.card-datatable .dataTables_wrapper th.sorting:after,.card-datatable .dataTables_wrapper th.sorting_asc:after,.card-datatable .dataTables_wrapper th.sorting_desc:after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:30px;height:30px;background-size:contain;background-repeat:no-repeat}.card-datatable .dataTables_wrapper th.sorting:before{background-image:url(/build/assets/sort-icon-BKtG3I3P.svg);opacity:1}.card-datatable .dataTables_wrapper th.sorting_asc:before{background-image:url(/build/assets/sort-icon-BKtG3I3P.svg);opacity:1}.card-datatable .dataTables_wrapper th.sorting_desc:before{background-image:url(/build/assets/sort-icon-BKtG3I3P.svg);opacity:1}.card-datatable .dataTables_wrapper th.sorting_disabled:before,.card-datatable .dataTables_wrapper th.sorting_disabled:after{display:none}.card-datatable .dataTables_wrapper tbody tr td{border-bottom:1px solid #e0e0e0}.card-datatable .dataTables_wrapper tbody tr td.custom-td2{display:flex!important;align-items:center!important;cursor:pointer}.card-datatable .dataTables_wrapper tbody tr{background:#d0fecf}.card-datatable .dataTables_wrapper tbody tr:nth-child(2n){background:#fff}.card-datatable .dataTables_wrapper tbody.gold tr{background:#ffe4c6}.card-datatable .dataTables_wrapper tbody.gold tr:nth-child(2n){background:#fff}.card-datatable .dataTables_wrapper tbody.darkgold tr{background:#eadccd}.card-datatable .dataTables_wrapper tbody.darkgold tr:nth-child(2n){background:#fff}.card-datatable .dataTables_wrapper tbody.maroon tr{background:#fde8ee}.card-datatable .dataTables_wrapper tbody.maroon tr:nth-child(2n){background:#fff}.card-datatable .dataTables_wrapper tbody.gray tr{background:#f9f9f9}.card-datatable .dataTables_wrapper tbody.gray tr:nth-child(2n){background:#fff}.card-datatable .dataTables_wrapper tbody.blue tr{background:#cbd5ff}.card-datatable .dataTables_wrapper tbody.blue tr:nth-child(2n){background:#fff}.card-datatable .dataTables_wrapper tbody.orange tr{background:#ffdcc4}.card-datatable .dataTables_wrapper tbody.orange tr:nth-child(2n){background:#fff}.card-datatable .dataTables_wrapper tbody.lightblue tr{background:#d9eef5}.card-datatable .dataTables_wrapper tbody.lightblue tr:nth-child(2n){background:#fff}.card-datatable .dataTables_wrapper tbody.black tr{background:#ebebeb}.card-datatable .dataTables_wrapper tbody.black tr:nth-child(2n){background:#fff}.card-datatable .dataTables_wrapper td svg{display:flex;width:100%;justify-content:center}.card-datatable .dataTables_wrapper td .image{display:inline-block;border-radius:50%;background:linear-gradient(160.75deg,#b1840f 25.85%,#c7ab26 37.53%,#e8d85f 46.2%,#ffca0d 57.12%,#e8d861 66.92%,#e7c239 75.96%,#8a4e00 98.19%),linear-gradient(180deg,#fff 23.44%,#faf4c000)}.card-datatable .dataTables_wrapper td .image img{background:#fff;margin:1px;padding:1px}.card-datatable .dataTables_wrapper td{white-space:nowrap;border:none;padding:20px 16px;font-size:15px;line-height:30px;font-weight:500;color:#575757;vertical-align:middle}.card-datatable .dataTables_wrapper td.ppn span{padding:2px 7px;border-radius:10px;color:#fff;background-color:#48ab65;font-size:10px;margin-left:5px}.card-datatable .dataTables_wrapper td .status{display:inline-block;white-space:nowrap;text-align:center;padding:2px 8px;border-radius:5px}.card-datatable .dataTables_wrapper td .status.disiapkan,.card-datatable .dataTables_wrapper td .status.diterima-sebagian,.card-datatable .dataTables_wrapper td .status.dikirim-sebagian{background-color:#fda342;color:#fff}.card-datatable .dataTables_wrapper td .status.selesai,.card-datatable .dataTables_wrapper td .status.diterima,.card-datatable .dataTables_wrapper td .status.sesuai{background-color:#56cb3f;color:#fff}.card-datatable .dataTables_wrapper td .status.pending,.card-datatable .dataTables_wrapper td .status.belum-dikirim{background-color:#e3e3e3;color:#414141}.card-datatable .dataTables_wrapper td .status.lunas{background-color:#203eb4;color:#fff}.card-datatable .dataTables_wrapper td .status.sebagian{background-color:#d4a017;color:#fff}.card-datatable .dataTables_wrapper td .status.belum-bayar{background-color:#e12a32;color:#fff}.card-datatable .dataTables_wrapper td .status.revisi{background-color:#fff4e5;color:#9a5b00;border:1px solid #e0a04a;margin-left:6px;vertical-align:middle}.card-datatable .dataTables_wrapper td .status.belum-diterima{background-color:#dfdfdf;color:#474747}.card-datatable .dataTables_wrapper td .status.aktif,.card-datatable .dataTables_wrapper td .status.diterima-semua,.card-datatable .dataTables_wrapper td .status.dikirim{background-color:#65db4d;color:#fff}.card-datatable .dataTables_wrapper td .status.dikirim2{background-color:#fda342;color:#fff}.card-datatable .dataTables_wrapper td .status.tidak-aktif,.card-datatable .dataTables_wrapper td .status.cancel,.card-datatable .dataTables_wrapper td .status.batal,.card-datatable .dataTables_wrapper td .status.tidak-sesuai{background-color:#ff485a;color:#fff}.card-datatable .dataTables_wrapper td .href{color:brown}.card-datatable .dataTables_wrapper td .avatar{display:inline-block;width:30px;height:30px;margin-right:6px;border-radius:5p;object-fit:cover;position:relative}.card-datatable .dataTables_wrapper td .avatar-datamaster{display:inline-block;width:30px;height:30px;margin-right:6px;border-radius:50%;object-fit:contain;position:relative;background:linear-gradient(180deg,#fff 23.44%,#faf4c000)}.card-datatable .dataTables_wrapper td .action-btn{width:37px;height:37px;min-width:37px;min-height:37px;right:20.73px;top:0;background:transparent;border:none;border-radius:10px;background-position:center;background-repeat:no-repeat;background-size:25px 25px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='25'%20height='25'%20viewBox='0%200%2025%2025'%20fill='none'%3E%3Cpath%20d='M5.5%2010.25C4.4%2010.25%203.5%2011.15%203.5%2012.25C3.5%2013.35%204.4%2014.25%205.5%2014.25C6.6%2014.25%207.5%2013.35%207.5%2012.25C7.5%2011.15%206.6%2010.25%205.5%2010.25Z'%20stroke='%23292D32'%20stroke-width='1.5'/%3E%3Cpath%20d='M19.5%2010.25C18.4%2010.25%2017.5%2011.15%2017.5%2012.25C17.5%2013.35%2018.4%2014.25%2019.5%2014.25C20.6%2014.25%2021.5%2013.35%2021.5%2012.25C21.5%2011.15%2020.6%2010.25%2019.5%2010.25Z'%20stroke='%23292D32'%20stroke-width='1.5'/%3E%3Cpath%20d='M12.5%2010.25C11.4%2010.25%2010.5%2011.15%2010.5%2012.25C10.5%2013.35%2011.4%2014.25%2012.5%2014.25C13.6%2014.25%2014.5%2013.35%2014.5%2012.25C14.5%2011.15%2013.6%2010.25%2012.5%2010.25Z'%20stroke='%23292D32'%20stroke-width='1.5'/%3E%3C/svg%3E")}.card-datatable .dataTables_wrapper td .action-btn.hapus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='24' viewBox='0 0 25 24' fill='none'%3E%3Cpath d='M21.5702 5.23C19.9602 5.07 18.3502 4.95 16.7302 4.86V4.85L16.5102 3.55C16.3602 2.63 16.1402 1.25 13.8002 1.25H11.1802C8.85016 1.25 8.63016 2.57 8.47016 3.54L8.26016 4.82C7.33016 4.88 6.40016 4.94 5.47016 5.03L3.43016 5.23C3.01016 5.27 2.71016 5.64 2.75016 6.05C2.79016 6.46 3.15016 6.76 3.57016 6.72L5.61016 6.52C10.8502 6 16.1302 6.2 21.4302 6.73C21.4602 6.73 21.4802 6.73 21.5102 6.73C21.8902 6.73 22.2202 6.44 22.2602 6.05C22.2902 5.64 21.9902 5.27 21.5702 5.23Z' fill='%23FF0000'/%3E%3Cpath d='M19.7302 8.14C19.4902 7.89 19.1602 7.75 18.8202 7.75H6.18024C5.84024 7.75 5.50024 7.89 5.27024 8.14C5.04024 8.39 4.91024 8.73 4.93024 9.08L5.55024 19.34C5.66024 20.86 5.80024 22.76 9.29024 22.76H15.7102C19.2002 22.76 19.3402 20.87 19.4502 19.34L20.0702 9.09C20.0902 8.73 19.9602 8.39 19.7302 8.14ZM14.1602 17.75H10.8302C10.4202 17.75 10.0802 17.41 10.0802 17C10.0802 16.59 10.4202 16.25 10.8302 16.25H14.1602C14.5702 16.25 14.9102 16.59 14.9102 17C14.9102 17.41 14.5702 17.75 14.1602 17.75ZM15.0002 13.75H10.0002C9.59024 13.75 9.25024 13.41 9.25024 13C9.25024 12.59 9.59024 12.25 10.0002 12.25H15.0002C15.4102 12.25 15.7502 12.59 15.7502 13C15.7502 13.41 15.4102 13.75 15.0002 13.75Z' fill='%23FF0000'/%3E%3C/svg%3E")}.card-datatable .dataTables_wrapper td .flag{width:27px;margin-right:9px}.card-datatable .dataTables_wrapper td .reorder-icon{width:16px;height:16px}.card-datatable .dataTables_wrapper td .icon-button{margin:0 auto;text-align:center;border:none;background:transparent;border-radius:10px;font-size:18px;display:block;height:22px;display:flex;align-items:center;justify-content:center}.card-datatable .dataTables_wrapper td .dropdown{display:flex;justify-content:center;align-items:center}.card-datatable .dataTables_wrapper td .dropdown-menu{background:#fff;box-shadow:0 4.26829px 12.8049px #0003;border-radius:6px;padding:0;min-width:8rem}.card-datatable .dataTables_wrapper td .dropdown-menu.logout{border:none}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item{position:relative;padding:11px 16px;line-height:130%;border-radius:6px;font-weight:400;font-size:14px;margin:0}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item.hapus{color:red}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item.hapus:hover{background:#f8f8f8;color:red}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item:after{content:"";position:absolute;bottom:0;left:10px;width:calc(100% - 20px);border-bottom:1px solid #e0e0e0}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item:hover{background:#f8f8f8;color:#646464}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item:last-child:after{content:none}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item2{padding:11px 16px;border-radius:6px;font-weight:400;font-size:14px;margin:0}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item2.hapus{color:red}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item2.hapus:hover{background:#f8f8f8;color:red}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item2 svg{margin-right:20px}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item2:hover{background:#f8f8f8;color:#646464}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item2:active{color:gray}.card-datatable .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;padding:0;order:1;position:absolute;height:40px;color:#3d3d3d;right:105px;bottom:30px}.card-datatable .dataTables_wrapper .dataTables_length{position:absolute;left:45px;bottom:45px;font-weight:400;font-size:13px;line-height:16px;color:#3d3d3d;letter-spacing:.5px}.card-datatable .dataTables_wrapper .dataTables_length label{margin-bottom:0}.card-datatable .dataTables_wrapper .dataTables_length select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0 20px 0 0;font-weight:400;font-size:13px;line-height:16px;color:#3d3d3d;background:transparent;position:relative}.card-datatable .dataTables_wrapper .dataTables_length select:focus{outline:none;box-shadow:none}.card-datatable .dataTables_wrapper .dataTables_length .dropdown-arrow-table{position:absolute;right:5px;top:50%;transform:translateY(-50%);pointer-events:none;width:15px;height:15px}.card-datatable .dataTables_wrapper .dataTables_length .dropdown-arrow-table path{stroke:#000}.card-datatable .dataTables_wrapper .dataTables_filter{display:none}.card-datatable .dataTables_wrapper .dataTables_paginate{position:absolute;bottom:42px;right:50px}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination{display:flex}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li{list-style:none;display:none}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li a{color:#818489;text-decoration:none;border-radius:4px;transition:all .2s ease-in;background-color:transparent;border:none;box-shadow:none!important}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li.active a{background-color:#e62129;color:#fff}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li.previous,.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li.next{width:auto;display:flex;align-items:center;justify-content:center;padding-right:0;padding-left:0}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li.previous a img,.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li.next a img{width:20px;height:auto;display:block}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li.previous a,.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li.next a,.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li.first a,.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li.last a{padding:5px 3px}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination{display:flex;gap:0px;margin-right:-10px}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li:first-child{order:0}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li:nth-child(2){order:-1}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li:nth-last-child(2){order:2}.card-datatable .dataTables_wrapper .dataTables_paginate ul.pagination li:last-child{order:1}.card-datatable2{background:#fff;position:relative;border-radius:8px;padding:30px;height:100%}.card-datatable2 .dataTables_scroll{margin:10px;background:#fff;border-radius:8px}.card-datatable2 .dataTables_wrapper{padding-bottom:55px;border-bottom:1px solid #c6c6c6;min-height:calc(100vh - 350px)}.card-datatable2 .dataTables_wrapper .dataTables_scrollBody{position:unset!important}.card-datatable2 .dataTables_wrapper div{position:static}.card-datatable2 .dataTables_wrapper>.row:nth-child(1),.card-datatable2 .dataTables_wrapper>.row:nth-child(3){margin:0 2px}.card-datatable2 .dataTables_wrapper:nth-child(2){margin:0}.card-datatable2 .dataTables_wrapper:nth-child(2)>div{padding:0}.card-datatable2 .dataTables_wrapper table{min-width:100%;width:100%;border-radius:20px!important}.card-datatable2 .dataTables_wrapper thead{border-top-left-radius:8px;border-top-right-radius:8px;background-color:#fff}.card-datatable2 .dataTables_wrapper th{border:none;border-top:1px solid #c6c6c6;border-bottom:1px solid #e0e0e0;padding:18px 30px 18px 18px;font-weight:600;font-size:16px;line-height:20px;color:#000;border-radius:1px!important;background-color:#fff;white-space:nowrap;position:relative;cursor:pointer;text-transform:uppercase}.card-datatable2 .dataTables_wrapper th.w-20{width:25%!important}.card-datatable2 .dataTables_wrapper th.sorting:before,.card-datatable2 .dataTables_wrapper th.sorting_asc:before,.card-datatable2 .dataTables_wrapper th.sorting_desc:before{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;background-size:contain;background-repeat:no-repeat;opacity:.5}.card-datatable2 .dataTables_wrapper th.sorting:after,.card-datatable2 .dataTables_wrapper th.sorting_asc:after,.card-datatable2 .dataTables_wrapper th.sorting_desc:after{content:"";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:30px;height:30px;background-size:contain;background-repeat:no-repeat}.card-datatable2 .dataTables_wrapper th.sorting:before{background-image:url(/build/assets/sort-icon-BKtG3I3P.svg);opacity:1}.card-datatable2 .dataTables_wrapper th.sorting_asc:before{background-image:url(/build/assets/sort-icon-BKtG3I3P.svg);opacity:1}.card-datatable2 .dataTables_wrapper th.sorting_desc:before{background-image:url(/build/assets/sort-icon-BKtG3I3P.svg);opacity:1}.card-datatable2 .dataTables_wrapper th.sorting_disabled:before,.card-datatable2 .dataTables_wrapper th.sorting_disabled:after{display:none}.card-datatable2 .dataTables_wrapper tbody tr td{border-bottom:1px solid #e0e0e0}.card-datatable2 .dataTables_wrapper tbody tr{background:#e5ffef}.card-datatable2 .dataTables_wrapper tbody tr:nth-child(2n){background:#fff}.card-datatable2 .dataTables_wrapper tbody.gold tr{background:#ffe4c6}.card-datatable2 .dataTables_wrapper tbody.gold tr:nth-child(2n){background:#fff}.card-datatable2 .dataTables_wrapper tbody.darkgold tr{background:#eadccd}.card-datatable2 .dataTables_wrapper tbody.darkgold tr:nth-child(2n){background:#fff}.card-datatable2 .dataTables_wrapper tbody.gray tr{background:#f9f9f9}.card-datatable2 .dataTables_wrapper tbody.gray tr:nth-child(2n){background:#fff}.card-datatable2 .dataTables_wrapper tbody.black tr{background:#ebebeb}.card-datatable2 .dataTables_wrapper tbody.black tr:nth-child(2n){background:#fff}.card-datatable2 .dataTables_wrapper tbody.blue tr{background:#cbd5ff}.card-datatable2 .dataTables_wrapper tbody.blue tr:nth-child(2n){background:#fff}.card-datatable2 .dataTables_wrapper tbody.orange tr{background:#ffdcc4}.card-datatable2 .dataTables_wrapper tbody.orange tr:nth-child(2n){background:#fff}.card-datatable2 .dataTables_wrapper tbody.lightblue tr{background:#d9eef5}.card-datatable2 .dataTables_wrapper tbody.lightblue tr:nth-child(2n){background:#fff}.card-datatable2 .dataTables_wrapper tbody.green tr{background:#d0fecf}.card-datatable2 .dataTables_wrapper tbody.green tr:nth-child(2n){background:#fff}.card-datatable2 .dataTables_wrapper tbody.maroon tr{background:#fde8ee}.card-datatable2 .dataTables_wrapper tbody.maroon tr:nth-child(2n){background:#fff}.card-datatable2 .dataTables_wrapper td svg{display:flex;width:100%;justify-content:center}.card-datatable2 .dataTables_wrapper td .image{display:inline-block;border-radius:50%;background:linear-gradient(160.75deg,#b1840f 25.85%,#c7ab26 37.53%,#e8d85f 46.2%,#ffca0d 57.12%,#e8d861 66.92%,#e7c239 75.96%,#8a4e00 98.19%),linear-gradient(180deg,#fff 23.44%,#faf4c000)}.card-datatable2 .dataTables_wrapper td .image img{background:#fff;margin:1px;padding:1px}.card-datatable2 .dataTables_wrapper td{white-space:nowrap;border:none;padding:10px 16px;font-size:15px;line-height:30px;font-weight:500;color:#575757;vertical-align:middle}.card-datatable2 .dataTables_wrapper td.ppn span{padding:2px 7px;border-radius:10px;color:#fff;background-color:#48ab65;font-size:10px;margin-left:5px}.card-datatable2 .dataTables_wrapper td .status{display:inline-block;white-space:nowrap;padding:2px 8px;border-radius:5px}.card-datatable2 .dataTables_wrapper td .status.disiapkan,.card-datatable2 .dataTables_wrapper td .status.dikirim,.card-datatable2 .dataTables_wrapper td .status.diterima-sebagian{background-color:#fda342;color:#fff;text-align:center}.card-datatable2 .dataTables_wrapper td .status.selesai{background-color:#56cb3f;color:#fff}.card-datatable2 .dataTables_wrapper td .status.pending{background-color:#e3e3e3;color:#414141}.card-datatable2 .dataTables_wrapper td .status.lunas{background-color:#203eb4;color:#fff}.card-datatable2 .dataTables_wrapper td .status.sebagian{background-color:#d4a017;color:#fff}.card-datatable2 .dataTables_wrapper td .status.belum-bayar{background-color:#e12a32;color:#fff}.card-datatable2 .dataTables_wrapper td .status.revisi{background-color:#fff4e5;color:#9a5b00;border:1px solid #e0a04a;margin-left:6px;vertical-align:middle}.card-datatable2 .dataTables_wrapper td .status.aktif,.card-datatable2 .dataTables_wrapper td .status.diterima-semua{background-color:#65db4d;color:#fff}.card-datatable2 .dataTables_wrapper td .status.tidak-aktif,.card-datatable2 .dataTables_wrapper td .status.cancel,.card-datatable2 .dataTables_wrapper td .status.batal,.card-datatable2 .dataTables_wrapper td .status.belum-diterima{background-color:#ff485a;color:#fff}.card-datatable2 .dataTables_wrapper td .href{color:brown}.card-datatable2 .dataTables_wrapper td .avatar{display:inline-block;width:30px;height:30px;margin-right:6px;border-radius:5p;object-fit:cover;position:relative}.card-datatable2 .dataTables_wrapper td .avatar-datamaster{display:inline-block;width:30px;height:30px;margin-right:6px;border-radius:50%;object-fit:contain;position:relative;background:linear-gradient(180deg,#fff 23.44%,#faf4c000)}.card-datatable2 .dataTables_wrapper td .action-btn{width:37px;height:37px;min-width:37px;min-height:37px;right:20.73px;top:0;background:transparent;border:none;border-radius:10px;background-position:center;background-repeat:no-repeat;background-size:25px 25px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='25'%20height='25'%20viewBox='0%200%2025%2025'%20fill='none'%3E%3Cpath%20d='M5.5%2010.25C4.4%2010.25%203.5%2011.15%203.5%2012.25C3.5%2013.35%204.4%2014.25%205.5%2014.25C6.6%2014.25%207.5%2013.35%207.5%2012.25C7.5%2011.15%206.6%2010.25%205.5%2010.25Z'%20stroke='%23292D32'%20stroke-width='1.5'/%3E%3Cpath%20d='M19.5%2010.25C18.4%2010.25%2017.5%2011.15%2017.5%2012.25C17.5%2013.35%2018.4%2014.25%2019.5%2014.25C20.6%2014.25%2021.5%2013.35%2021.5%2012.25C21.5%2011.15%2020.6%2010.25%2019.5%2010.25Z'%20stroke='%23292D32'%20stroke-width='1.5'/%3E%3Cpath%20d='M12.5%2010.25C11.4%2010.25%2010.5%2011.15%2010.5%2012.25C10.5%2013.35%2011.4%2014.25%2012.5%2014.25C13.6%2014.25%2014.5%2013.35%2014.5%2012.25C14.5%2011.15%2013.6%2010.25%2012.5%2010.25Z'%20stroke='%23292D32'%20stroke-width='1.5'/%3E%3C/svg%3E")}.card-datatable2 .dataTables_wrapper td .flag{width:27px;margin-right:9px}.card-datatable2 .dataTables_wrapper td .reorder-icon{width:16px;height:16px}.card-datatable2 .dataTables_wrapper td .icon-button{margin:0 auto;text-align:center;border:none;background:transparent;border-radius:10px;font-size:18px;display:block;height:22px;display:flex;align-items:center;justify-content:center}.card-datatable2 .dataTables_wrapper td .dropdown{display:flex;justify-content:center;align-items:center}.card-datatable2 .dataTables_wrapper td .dropdown-menu{background:#fff;box-shadow:0 4.26829px 12.8049px #0003;border-radius:6px;padding:0;min-width:5rem}.card-datatable2 .dataTables_wrapper td .dropdown-menu.logout{border:none}.card-datatable2 .dataTables_wrapper td .dropdown-menu .dropdown-item{position:relative;padding:11px 16px;line-height:130%;border-radius:6px;font-weight:500;font-size:14px;margin:0}.card-datatable2 .dataTables_wrapper td .dropdown-menu .dropdown-item.hapus{color:red}.card-datatable2 .dataTables_wrapper td .dropdown-menu .dropdown-item.hapus:hover{background:#f8f8f8;color:red}.card-datatable2 .dataTables_wrapper td .dropdown-menu .dropdown-item:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;border-bottom:2px solid #e8e8e8}.card-datatable2 .dataTables_wrapper td .dropdown-menu .dropdown-item:hover{background:#f8f8f8;color:#646464}.card-datatable2 .dataTables_wrapper td .dropdown-menu .dropdown-item:last-child:after{content:none}.card-datatable2 .dataTables_wrapper td .dropdown-menu .dropdown-item2{padding:11px 16px;border-radius:6px;font-weight:400;font-size:14px;margin:0}.card-datatable2 .dataTables_wrapper td .dropdown-menu .dropdown-item2.hapus{color:red}.card-datatable2 .dataTables_wrapper td .dropdown-menu .dropdown-item2.hapus:hover{background:#f8f8f8;color:red}.card-datatable2 .dataTables_wrapper td .dropdown-menu .dropdown-item2 svg{margin-right:20px}.card-datatable2 .dataTables_wrapper td .dropdown-menu .dropdown-item2:hover{background:#f8f8f8;color:#646464}.card-datatable2 .dataTables_wrapper td .dropdown-menu .dropdown-item2:active{color:gray}.card-datatable2 .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;padding:0;order:1;position:absolute;height:40px;color:#3d3d3d;right:105px;bottom:30px}.card-datatable2 .dataTables_wrapper .dataTables_length{position:absolute;left:45px;bottom:45px;font-weight:400;font-size:13px;line-height:16px;color:#3d3d3d;letter-spacing:.5px}.card-datatable2 .dataTables_wrapper .dataTables_length label{margin-bottom:0}.card-datatable2 .dataTables_wrapper .dataTables_length select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0 20px 0 0;font-weight:400;font-size:13px;line-height:16px;color:#3d3d3d;background:transparent;position:relative}.card-datatable2 .dataTables_wrapper .dataTables_length select:focus{outline:none;box-shadow:none}.card-datatable2 .dataTables_wrapper .dataTables_length .dropdown-arrow-table{position:absolute;right:5px;top:50%;transform:translateY(-50%);pointer-events:none;width:15px;height:15px}.card-datatable2 .dataTables_wrapper .dataTables_length .dropdown-arrow-table path{stroke:#000}.card-datatable2 .dataTables_wrapper .dataTables_filter{display:none}.card-datatable2 .dataTables_wrapper .dataTables_paginate{position:absolute;bottom:42px;right:50px}.card-datatable2 .dataTables_wrapper .dataTables_paginate ul.pagination{display:flex}.card-datatable2 .dataTables_wrapper .dataTables_paginate ul.pagination li{list-style:none;display:none}.card-datatable2 .dataTables_wrapper .dataTables_paginate ul.pagination li a{color:#818489;text-decoration:none;border-radius:4px;transition:all .2s ease-in;background-color:transparent;border:none;box-shadow:none!important}.card-datatable2 .dataTables_wrapper .dataTables_paginate ul.pagination li.active a{background-color:#e62129;color:#fff}.card-datatable2 .dataTables_wrapper .dataTables_paginate ul.pagination li.previous,.card-datatable2 .dataTables_wrapper .dataTables_paginate ul.pagination li.next{width:auto;display:flex;align-items:center;justify-content:center;padding-right:0;padding-left:0}.card-datatable2 .dataTables_wrapper .dataTables_paginate ul.pagination li.previous a img,.card-datatable2 .dataTables_wrapper .dataTables_paginate ul.pagination li.next a img{width:20px;height:auto;display:block}.card-datatable2 .dataTables_wrapper .dataTables_paginate ul.pagination li.previous a,.card-datatable2 .dataTables_wrapper .dataTables_paginate ul.pagination li.next a,.card-datatable2 .dataTables_wrapper .dataTables_paginate ul.pagination li.first a,.card-datatable2 .dataTables_wrapper .dataTables_paginate ul.pagination li.last a{padding:5px 3px}.card-datatable2 .dataTables_wrapper .dataTables_paginate ul.pagination{display:flex;gap:0px;margin-right:-10px}.card-datatable2 .dataTables_wrapper .dataTables_paginate ul.pagination li:first-child{order:0}.card-datatable2 .dataTables_wrapper .dataTables_paginate ul.pagination li:nth-child(2){order:-1}.card-datatable2 .dataTables_wrapper .dataTables_paginate ul.pagination li:nth-last-child(2){order:2}.card-datatable2 .dataTables_wrapper .dataTables_paginate ul.pagination li:last-child{order:1}.custom-card-datatable{border:1px solid #d3d7db;background:linear-gradient(to bottom,#f6f7f9 50%,#fff 50%)}.custom-card-datatable .table-custom .w10{width:10%!important}.custom-card-datatable .table-custom .w20{width:20%!important}.custom-card-datatable .table-custom .w15{width:15%!important}.custom-card-datatable .table-custom .w5{width:5%!important}.custom-card-datatable .table-custom .no-th{border:none;padding-bottom:15px;padding-top:12px;padding-left:15px;font-weight:400;color:#202a37}.custom-card-datatable .table-custom .no-th-center{border:none;padding-bottom:15px;padding-left:30px;padding-top:12px;font-weight:400;color:#202a37}.custom-card-datatable .table-custom .custom-tr{border-bottom:1px solid #d3d7db!important;border-top:1px solid #d3d7db!important}.custom-card-datatable .table-custom .custom-td{padding-top:12px;font-size:15px;color:#818489;position:relative}.custom-card-datatable .table-custom .custom-td.limited-text{display:inline-block;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.custom-card-datatable .table-custom .custom-td.aktif{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#29a51d;margin:auto}.custom-card-datatable .table-custom .custom-td.tidak-aktif{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#ce2d2d;margin:auto}.custom-card-datatable .table-custom .custom-td.need-sign,.custom-card-datatable .table-custom .custom-td.need-approve{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#f5aa3d;margin:auto}.custom-card-datatable .table-custom .custom-td.draft,.custom-card-datatable .table-custom .custom-td.pending{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#44a8d9;margin:auto}.custom-card-datatable .table-custom .custom-td.done,.custom-card-datatable .table-custom .custom-td.approve{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#8fe373;margin:auto}.custom-card-datatable .table-custom .custom-td.rejected{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#e1685d;margin:auto}.custom-card-datatable .table-custom .custom-td.ongoing{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#44d9bc;margin:auto}.custom-card-datatable .table-custom .custom-td.selesai{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#9cc948;margin:auto}.custom-card-datatable .table-custom .custom-td.pending{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#aeaeae;margin:auto}.custom-card-datatable .table-custom .custom-td.berlangsung{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#448ce9;margin:auto}.custom-card-datatable .table-custom .custom-td.active{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#9cc948;margin:auto}.custom-card-datatable .table-custom .custom-td.deactive{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#f05d55;margin:auto}.custom-card-datatable .table-custom .custom-td2{padding-top:12px;font-size:15px;color:#818489;position:relative;display:flex}.custom-card-datatable .table-custom .custom-td2 svg{position:absolute;right:20px}.custom-card-datatable .table-custom .custom-td2.limited-text{display:inline-block;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.custom-card-datatable .table-custom .custom-td2.aktif{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#29a51d;margin:auto}.custom-card-datatable .table-custom .custom-td2.tidak-aktif{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#ce2d2d;margin:auto}.custom-card-datatable .table-custom .custom-td2.need-sign,.custom-card-datatable .table-custom .custom-td2.need-approve{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#f5aa3d;margin:auto}.custom-card-datatable .table-custom .custom-td2.draft,.custom-card-datatable .table-custom .custom-td2.pending{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#44a8d9;margin:auto}.custom-card-datatable .table-custom .custom-td2.done,.custom-card-datatable .table-custom .custom-td2.approve{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#8fe373;margin:auto}.custom-card-datatable .table-custom .custom-td2.rejected{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#e1685d;margin:auto}.custom-card-datatable .table-custom .custom-td2.ongoing{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#44d9bc;margin:auto}.custom-card-datatable .table-custom .custom-td2.selesai{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#9cc948;margin:auto}.custom-card-datatable .table-custom .custom-td2.pending{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#aeaeae;margin:auto}.custom-card-datatable .table-custom .custom-td2.berlangsung{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#448ce9;margin:auto}.custom-card-datatable .table-custom .custom-td2.active{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#9cc948;margin:auto}.custom-card-datatable .table-custom .custom-td2.deactive{color:#fff;font-weight:400;padding:0;border-radius:50px;background-color:#f05d55;margin:auto}.dataTables_wrapper.has-sticky-columns .dataTables_scrollHeadInner,.dataTables_wrapper.has-sticky-columns .dataTables_scrollHeadInner table{box-sizing:border-box}.dataTables_wrapper.has-sticky-columns .dataTables_scrollHead th.col-sticky-action,.dataTables_wrapper.has-sticky-columns .dataTables_scrollHead th.col-sticky-status{pointer-events:none!important}.card-datatable.has-sticky-columns .dataTables_wrapper .dataTables_scrollBody,.card-datatable2.has-sticky-columns .dataTables_wrapper .dataTables_scrollBody,.custom-card-datatable.has-sticky-columns .dataTables_wrapper .dataTables_scrollBody,.pp-table-wrap.has-sticky-columns .dataTables_wrapper .dataTables_scrollBody,.table-responsive.has-sticky-columns.has-sticky-columns .dataTables_wrapper .dataTables_scrollBody{position:relative!important}.card-datatable .dataTables_wrapper table.dataTable th.col-sticky-action,.card-datatable .dataTables_wrapper table.dataTable td.col-sticky-action,.card-datatable table:not(.dataTable) th.col-sticky-action,.card-datatable table:not(.dataTable) td.col-sticky-action,.card-datatable2 .dataTables_wrapper table.dataTable th.col-sticky-action,.card-datatable2 .dataTables_wrapper table.dataTable td.col-sticky-action,.card-datatable2 table:not(.dataTable) th.col-sticky-action,.card-datatable2 table:not(.dataTable) td.col-sticky-action,.custom-card-datatable .dataTables_wrapper table.dataTable th.col-sticky-action,.custom-card-datatable .dataTables_wrapper table.dataTable td.col-sticky-action,.custom-card-datatable table:not(.dataTable) th.col-sticky-action,.custom-card-datatable table:not(.dataTable) td.col-sticky-action,.pp-table-wrap .dataTables_wrapper table.dataTable th.col-sticky-action,.pp-table-wrap .dataTables_wrapper table.dataTable td.col-sticky-action,.pp-table-wrap table:not(.dataTable) th.col-sticky-action,.pp-table-wrap table:not(.dataTable) td.col-sticky-action,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable th.col-sticky-action,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable td.col-sticky-action,.table-responsive.has-sticky-columns table:not(.dataTable) th.col-sticky-action,.table-responsive.has-sticky-columns table:not(.dataTable) td.col-sticky-action{position:sticky!important;right:0!important;z-index:4;box-sizing:border-box!important;width:80px!important;min-width:80px!important;max-width:80px!important;background-color:#fff!important;box-shadow:-8px 0 12px -6px #00000024;overflow:visible}.card-datatable .dataTables_wrapper table.dataTable th.col-sticky-status,.card-datatable .dataTables_wrapper table.dataTable td.col-sticky-status,.card-datatable table:not(.dataTable) th.col-sticky-status,.card-datatable table:not(.dataTable) td.col-sticky-status,.card-datatable2 .dataTables_wrapper table.dataTable th.col-sticky-status,.card-datatable2 .dataTables_wrapper table.dataTable td.col-sticky-status,.card-datatable2 table:not(.dataTable) th.col-sticky-status,.card-datatable2 table:not(.dataTable) td.col-sticky-status,.custom-card-datatable .dataTables_wrapper table.dataTable th.col-sticky-status,.custom-card-datatable .dataTables_wrapper table.dataTable td.col-sticky-status,.custom-card-datatable table:not(.dataTable) th.col-sticky-status,.custom-card-datatable table:not(.dataTable) td.col-sticky-status,.pp-table-wrap .dataTables_wrapper table.dataTable th.col-sticky-status,.pp-table-wrap .dataTables_wrapper table.dataTable td.col-sticky-status,.pp-table-wrap table:not(.dataTable) th.col-sticky-status,.pp-table-wrap table:not(.dataTable) td.col-sticky-status,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable th.col-sticky-status,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable td.col-sticky-status,.table-responsive.has-sticky-columns table:not(.dataTable) th.col-sticky-status,.table-responsive.has-sticky-columns table:not(.dataTable) td.col-sticky-status{position:sticky!important;right:0!important;z-index:3;box-sizing:border-box!important;width:160px!important;min-width:160px!important;max-width:160px!important;background-color:#fff!important;box-shadow:-8px 0 12px -6px #0000001a;overflow:hidden;text-overflow:ellipsis}.card-datatable .dataTables_wrapper table.dataTable.has-sticky-action th.col-sticky-status,.card-datatable .dataTables_wrapper table.dataTable.has-sticky-action td.col-sticky-status,.card-datatable table:not(.dataTable).has-sticky-action th.col-sticky-status,.card-datatable table:not(.dataTable).has-sticky-action td.col-sticky-status,.card-datatable2 .dataTables_wrapper table.dataTable.has-sticky-action th.col-sticky-status,.card-datatable2 .dataTables_wrapper table.dataTable.has-sticky-action td.col-sticky-status,.card-datatable2 table:not(.dataTable).has-sticky-action th.col-sticky-status,.card-datatable2 table:not(.dataTable).has-sticky-action td.col-sticky-status,.custom-card-datatable .dataTables_wrapper table.dataTable.has-sticky-action th.col-sticky-status,.custom-card-datatable .dataTables_wrapper table.dataTable.has-sticky-action td.col-sticky-status,.custom-card-datatable table:not(.dataTable).has-sticky-action th.col-sticky-status,.custom-card-datatable table:not(.dataTable).has-sticky-action td.col-sticky-status,.pp-table-wrap .dataTables_wrapper table.dataTable.has-sticky-action th.col-sticky-status,.pp-table-wrap .dataTables_wrapper table.dataTable.has-sticky-action td.col-sticky-status,.pp-table-wrap table:not(.dataTable).has-sticky-action th.col-sticky-status,.pp-table-wrap table:not(.dataTable).has-sticky-action td.col-sticky-status,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable.has-sticky-action th.col-sticky-status,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable.has-sticky-action td.col-sticky-status,.table-responsive.has-sticky-columns table:not(.dataTable).has-sticky-action th.col-sticky-status,.table-responsive.has-sticky-columns table:not(.dataTable).has-sticky-action td.col-sticky-status{right:80px!important}.card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-action,.card-datatable table:not(.dataTable) thead th.col-sticky-action,.card-datatable2 .dataTables_wrapper table.dataTable thead th.col-sticky-action,.card-datatable2 table:not(.dataTable) thead th.col-sticky-action,.custom-card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-action,.custom-card-datatable table:not(.dataTable) thead th.col-sticky-action,.pp-table-wrap .dataTables_wrapper table.dataTable thead th.col-sticky-action,.pp-table-wrap table:not(.dataTable) thead th.col-sticky-action,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable thead th.col-sticky-action,.table-responsive.has-sticky-columns table:not(.dataTable) thead th.col-sticky-action{z-index:6}.card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-status,.card-datatable table:not(.dataTable) thead th.col-sticky-status,.card-datatable2 .dataTables_wrapper table.dataTable thead th.col-sticky-status,.card-datatable2 table:not(.dataTable) thead th.col-sticky-status,.custom-card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-status,.custom-card-datatable table:not(.dataTable) thead th.col-sticky-status,.pp-table-wrap .dataTables_wrapper table.dataTable thead th.col-sticky-status,.pp-table-wrap table:not(.dataTable) thead th.col-sticky-status,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable thead th.col-sticky-status,.table-responsive.has-sticky-columns table:not(.dataTable) thead th.col-sticky-status{z-index:5}.card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-action,.card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-status,.card-datatable table:not(.dataTable) thead th.col-sticky-action,.card-datatable table:not(.dataTable) thead th.col-sticky-status,.card-datatable2 .dataTables_wrapper table.dataTable thead th.col-sticky-action,.card-datatable2 .dataTables_wrapper table.dataTable thead th.col-sticky-status,.card-datatable2 table:not(.dataTable) thead th.col-sticky-action,.card-datatable2 table:not(.dataTable) thead th.col-sticky-status,.custom-card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-action,.custom-card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-status,.custom-card-datatable table:not(.dataTable) thead th.col-sticky-action,.custom-card-datatable table:not(.dataTable) thead th.col-sticky-status,.pp-table-wrap .dataTables_wrapper table.dataTable thead th.col-sticky-action,.pp-table-wrap .dataTables_wrapper table.dataTable thead th.col-sticky-status,.pp-table-wrap table:not(.dataTable) thead th.col-sticky-action,.pp-table-wrap table:not(.dataTable) thead th.col-sticky-status,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable thead th.col-sticky-action,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable thead th.col-sticky-status,.table-responsive.has-sticky-columns table:not(.dataTable) thead th.col-sticky-action,.table-responsive.has-sticky-columns table:not(.dataTable) thead th.col-sticky-status{padding:10px 8px!important;text-align:center;vertical-align:middle}.card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting,.card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting_asc,.card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting_desc,.card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting,.card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting_asc,.card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting_desc,.card-datatable table:not(.dataTable) thead th.col-sticky-action.sorting,.card-datatable table:not(.dataTable) thead th.col-sticky-action.sorting_asc,.card-datatable table:not(.dataTable) thead th.col-sticky-action.sorting_desc,.card-datatable table:not(.dataTable) thead th.col-sticky-status.sorting,.card-datatable table:not(.dataTable) thead th.col-sticky-status.sorting_asc,.card-datatable table:not(.dataTable) thead th.col-sticky-status.sorting_desc,.card-datatable2 .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting,.card-datatable2 .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting_asc,.card-datatable2 .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting_desc,.card-datatable2 .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting,.card-datatable2 .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting_asc,.card-datatable2 .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting_desc,.card-datatable2 table:not(.dataTable) thead th.col-sticky-action.sorting,.card-datatable2 table:not(.dataTable) thead th.col-sticky-action.sorting_asc,.card-datatable2 table:not(.dataTable) thead th.col-sticky-action.sorting_desc,.card-datatable2 table:not(.dataTable) thead th.col-sticky-status.sorting,.card-datatable2 table:not(.dataTable) thead th.col-sticky-status.sorting_asc,.card-datatable2 table:not(.dataTable) thead th.col-sticky-status.sorting_desc,.custom-card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting,.custom-card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting_asc,.custom-card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting_desc,.custom-card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting,.custom-card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting_asc,.custom-card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting_desc,.custom-card-datatable table:not(.dataTable) thead th.col-sticky-action.sorting,.custom-card-datatable table:not(.dataTable) thead th.col-sticky-action.sorting_asc,.custom-card-datatable table:not(.dataTable) thead th.col-sticky-action.sorting_desc,.custom-card-datatable table:not(.dataTable) thead th.col-sticky-status.sorting,.custom-card-datatable table:not(.dataTable) thead th.col-sticky-status.sorting_asc,.custom-card-datatable table:not(.dataTable) thead th.col-sticky-status.sorting_desc,.pp-table-wrap .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting,.pp-table-wrap .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting_asc,.pp-table-wrap .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting_desc,.pp-table-wrap .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting,.pp-table-wrap .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting_asc,.pp-table-wrap .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting_desc,.pp-table-wrap table:not(.dataTable) thead th.col-sticky-action.sorting,.pp-table-wrap table:not(.dataTable) thead th.col-sticky-action.sorting_asc,.pp-table-wrap table:not(.dataTable) thead th.col-sticky-action.sorting_desc,.pp-table-wrap table:not(.dataTable) thead th.col-sticky-status.sorting,.pp-table-wrap table:not(.dataTable) thead th.col-sticky-status.sorting_asc,.pp-table-wrap table:not(.dataTable) thead th.col-sticky-status.sorting_desc,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting_asc,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting_desc,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting_asc,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting_desc,.table-responsive.has-sticky-columns table:not(.dataTable) thead th.col-sticky-action.sorting,.table-responsive.has-sticky-columns table:not(.dataTable) thead th.col-sticky-action.sorting_asc,.table-responsive.has-sticky-columns table:not(.dataTable) thead th.col-sticky-action.sorting_desc,.table-responsive.has-sticky-columns table:not(.dataTable) thead th.col-sticky-status.sorting,.table-responsive.has-sticky-columns table:not(.dataTable) thead th.col-sticky-status.sorting_asc,.table-responsive.has-sticky-columns table:not(.dataTable) thead th.col-sticky-status.sorting_desc{padding-right:8px!important}.card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting:before,.card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting:before,.card-datatable table:not(.dataTable) thead th.col-sticky-action.sorting:before,.card-datatable table:not(.dataTable) thead th.col-sticky-status.sorting:before,.card-datatable2 .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting:before,.card-datatable2 .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting:before,.card-datatable2 table:not(.dataTable) thead th.col-sticky-action.sorting:before,.card-datatable2 table:not(.dataTable) thead th.col-sticky-status.sorting:before,.custom-card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting:before,.custom-card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting:before,.custom-card-datatable table:not(.dataTable) thead th.col-sticky-action.sorting:before,.custom-card-datatable table:not(.dataTable) thead th.col-sticky-status.sorting:before,.pp-table-wrap .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting:before,.pp-table-wrap .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting:before,.pp-table-wrap table:not(.dataTable) thead th.col-sticky-action.sorting:before,.pp-table-wrap table:not(.dataTable) thead th.col-sticky-status.sorting:before,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting:before,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting:before,.table-responsive.has-sticky-columns table:not(.dataTable) thead th.col-sticky-action.sorting:before,.table-responsive.has-sticky-columns table:not(.dataTable) thead th.col-sticky-status.sorting:before{right:6px}.card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting:after,.card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting:after,.card-datatable table:not(.dataTable) thead th.col-sticky-action.sorting:after,.card-datatable table:not(.dataTable) thead th.col-sticky-status.sorting:after,.card-datatable2 .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting:after,.card-datatable2 .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting:after,.card-datatable2 table:not(.dataTable) thead th.col-sticky-action.sorting:after,.card-datatable2 table:not(.dataTable) thead th.col-sticky-status.sorting:after,.custom-card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting:after,.custom-card-datatable .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting:after,.custom-card-datatable table:not(.dataTable) thead th.col-sticky-action.sorting:after,.custom-card-datatable table:not(.dataTable) thead th.col-sticky-status.sorting:after,.pp-table-wrap .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting:after,.pp-table-wrap .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting:after,.pp-table-wrap table:not(.dataTable) thead th.col-sticky-action.sorting:after,.pp-table-wrap table:not(.dataTable) thead th.col-sticky-status.sorting:after,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable thead th.col-sticky-action.sorting:after,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable thead th.col-sticky-status.sorting:after,.table-responsive.has-sticky-columns table:not(.dataTable) thead th.col-sticky-action.sorting:after,.table-responsive.has-sticky-columns table:not(.dataTable) thead th.col-sticky-status.sorting:after{right:14px}.card-datatable .dataTables_wrapper table.dataTable tbody tr td.col-sticky-action,.card-datatable .dataTables_wrapper table.dataTable tbody tr td.col-sticky-status,.card-datatable table:not(.dataTable) tbody tr td.col-sticky-action,.card-datatable table:not(.dataTable) tbody tr td.col-sticky-status,.card-datatable2 .dataTables_wrapper table.dataTable tbody tr td.col-sticky-action,.card-datatable2 .dataTables_wrapper table.dataTable tbody tr td.col-sticky-status,.card-datatable2 table:not(.dataTable) tbody tr td.col-sticky-action,.card-datatable2 table:not(.dataTable) tbody tr td.col-sticky-status,.custom-card-datatable .dataTables_wrapper table.dataTable tbody tr td.col-sticky-action,.custom-card-datatable .dataTables_wrapper table.dataTable tbody tr td.col-sticky-status,.custom-card-datatable table:not(.dataTable) tbody tr td.col-sticky-action,.custom-card-datatable table:not(.dataTable) tbody tr td.col-sticky-status,.pp-table-wrap .dataTables_wrapper table.dataTable tbody tr td.col-sticky-action,.pp-table-wrap .dataTables_wrapper table.dataTable tbody tr td.col-sticky-status,.pp-table-wrap table:not(.dataTable) tbody tr td.col-sticky-action,.pp-table-wrap table:not(.dataTable) tbody tr td.col-sticky-status,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable tbody tr td.col-sticky-action,.table-responsive.has-sticky-columns .dataTables_wrapper table.dataTable tbody tr td.col-sticky-status,.table-responsive.has-sticky-columns table:not(.dataTable) tbody tr td.col-sticky-action,.table-responsive.has-sticky-columns table:not(.dataTable) tbody tr td.col-sticky-status{background-color:inherit!important}th.col-dibuat,td.col-dibuat{width:110px!important;min-width:110px!important;max-width:110px!important;white-space:normal!important;word-break:break-word;box-sizing:border-box}.col-resize-handle{position:absolute;top:0;right:0;width:10px;height:100%;cursor:col-resize;z-index:8;-webkit-user-select:none;user-select:none;touch-action:none}.col-resize-handle:after{content:"";position:absolute;top:18%;right:4px;width:2px;height:64%;border-radius:1px;background:transparent;transition:background-color .12s ease}th:hover>.col-resize-handle:after,td:hover>.col-resize-handle:after,.col-resize-handle:hover:after,body.is-col-resizing .col-resize-handle.is-active:after{background:#b0b0b0}.dataTables_wrapper.has-sticky-columns .dataTables_scrollHead th.col-sticky-action .col-resize-handle,.dataTables_wrapper.has-sticky-columns .dataTables_scrollHead th.col-sticky-status .col-resize-handle{pointer-events:auto!important}table.col-resized{table-layout:fixed!important}table.col-resized th,table.col-resized td{overflow:hidden;text-overflow:ellipsis}table.col-resized th.col-sticky-action,table.col-resized td.col-sticky-action{overflow:visible}body.is-col-resizing{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.is-col-resizing *{cursor:col-resize!important}.dashboard-card{flex:1 0 0;display:flex;padding:20px;align-items:flex-start;gap:12px;position:relative;border-radius:8px;background:linear-gradient(87deg,#08488a 22.83%,#117cc1 96.11%)}.dashboard-card:before{content:"";display:block;position:absolute;background-image:url(/public/assets/images/dashboard-card-vector.svg);background-repeat:no-repeat;background-position:right;width:100%;height:100%;border-top-right-radius:8px;border-bottom-right-radius:8px;top:0;right:0;z-index:1}.dashboard-card .img-wrapper{display:flex;width:60px;height:60px;padding:8px;border-radius:8px;justify-content:center;align-items:center;gap:10px;background:#fcfcfd1a;box-shadow:0 1px 3.4px #0000000d}.dashboard-card .text{position:relative;z-index:2;display:flex;flex-direction:column}.dashboard-card .text .title-card{color:var(--White, #FCFCFD);font-family:Helvetica Neue;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.dashboard-card .text .value{color:var(--White, #FCFCFD);font-family:Helvetica Neue;font-size:32px;font-style:normal;font-weight:700;line-height:normal}.perusahaan-hint{margin:0 20px 12px;padding:10px 14px;border-radius:10px;background:#f3f7ff;border:1px solid #cfdcfa;font-size:12px;line-height:1.6;color:#55627f}.perusahaan-chips{display:flex;flex-wrap:wrap;gap:6px}.perusahaan-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:#eef2fd;color:#33478f;font-size:12px;font-weight:500;white-space:nowrap}.perusahaan-chip .ppn-badge{margin-left:4px;padding:1px 6px;font-size:10px}.perusahaan-chip.perusahaan-chip--more{background:#f1f1f1;color:#6b7280}.perusahaan-kosong{font-size:12px;color:#9aa1ad}.perusahaan-customer .perusahaan-modal-dialog{max-width:560px;width:calc(100% - 32px)}.perusahaan-customer .modal-content .modal-body{gap:16px}.perusahaan-customer .field-hint{margin:8px 0 0;font-size:12px;line-height:1.5;color:#818489}.perusahaan-customer .optional{color:#818489;font-weight:400}.perusahaan-customer .select2-container{width:100%!important}.perusahaan-customer .perusahaan-saldo{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 14px;border-radius:10px;background:#faf7ff;border:1px solid #e6dbfa}.perusahaan-customer .perusahaan-saldo .perusahaan-saldo__label{font-size:13px;font-weight:600;color:#55307f}.perusahaan-customer .perusahaan-saldo .perusahaan-saldo__value{font-size:18px;font-weight:600;color:#6b3fb5;white-space:nowrap}.perusahaan-customer .perusahaan-detail-section{width:100%}.perusahaan-customer .perusahaan-anggota{display:flex;flex-direction:column;gap:8px;margin-top:8px;width:100%}.perusahaan-customer .perusahaan-anggota__row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #ececec;border-radius:10px;background:#fff}.perusahaan-customer .perusahaan-anggota__info{min-width:0;flex:1 1 auto}.perusahaan-customer .perusahaan-anggota__name{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;font-size:14px;font-weight:500;color:#33383d}.perusahaan-customer .perusahaan-anggota__meta{margin:2px 0 0;font-size:12px;color:#818489}.perusahaan-customer .perusahaan-anggota__detach{flex:0 0 auto;height:auto;padding:0;border:0;background:transparent;color:#d9534f;font-size:12px;font-weight:500;cursor:pointer}.perusahaan-customer .perusahaan-anggota__detach:hover{text-decoration:underline}.perusahaan-customer .ppn-badge-toggle{display:inline-flex;align-items:center;justify-content:center;margin:0;height:22px;padding:0 8px;border-radius:12px;border:1px solid #c9c9c9;background:#fff;color:#8c8c8c;font-size:11px;font-weight:600;line-height:1;cursor:pointer}.perusahaan-customer .ppn-badge-toggle:hover{border-color:#28a745;color:#28a745}.perusahaan-customer .ppn-badge-toggle.is-on{border-color:#28a745;background:#28a745;color:#fff}.perusahaan-customer .ppn-badge-toggle:disabled{opacity:.65;cursor:wait}.perusahaan-customer .perusahaan-member-ppn-panel{margin-top:12px;padding:10px;border:1px solid #ececec;border-radius:10px;background:#fff;width:100%}.perusahaan-customer .perusahaan-member-ppn-panel__title{margin:0 0 8px;font-size:12px;font-weight:600;color:#55627f}.perusahaan-customer .perusahaan-member-ppn-list{display:flex;flex-direction:column;gap:6px}.perusahaan-customer .perusahaan-member-ppn{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 2px;margin:0}.perusahaan-customer .perusahaan-member-ppn__name{min-width:0;font-size:13px;color:#33383d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perusahaan-customer .perusahaan-ppn-switch{display:inline-flex;align-items:center;margin:0;cursor:pointer}.perusahaan-customer .perusahaan-ppn-switch input{position:absolute;opacity:0;pointer-events:none}.perusahaan-customer .perusahaan-ppn-switch .perusahaan-ppn-switch__ui{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 8px;border-radius:12px;border:1px solid #c9c9c9;background:#fff;color:#8c8c8c;font-size:11px;font-weight:600}.perusahaan-customer .perusahaan-ppn-switch input:checked+.perusahaan-ppn-switch__ui{border-color:#28a745;background:#28a745;color:#fff}.perusahaan-customer .perusahaan-catatan-textarea{width:100%;height:auto;min-height:88px;resize:vertical;line-height:1.5;padding:10px 12px;background:#fff;color:#33383d;font-weight:400}.perusahaan-customer .perusahaan-catatan-preview{margin:8px 0 0;padding:10px 12px;border:1px solid #ececec;border-radius:10px;background:#fff;white-space:pre-wrap;font-size:13px;line-height:1.5;color:#33383d}.perusahaan-customer .perusahaan-catatan-preview.is-empty{color:#9aa1ad;font-style:italic}.supplier .box-form .input-wrap .field-hint{margin:6px 0 0;font-size:12px;line-height:1.5;color:#818489}.supplier .box-form .input-wrap .optional{color:#818489;font-weight:400}.fill-qty-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;width:100%;padding:12px 16px;margin-bottom:16px;border:1px solid #cfdcfa;border-radius:10px;background:#f3f7ff}.fill-qty-toolbar.is-empty{opacity:.6}.fill-qty-toolbar .fill-qty-toolbar__text{flex:1 1 240px;min-width:0}.fill-qty-toolbar .fill-qty-toolbar__title{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;color:#203eb4}.fill-qty-toolbar .fill-qty-toolbar__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:#203eb4;color:#fff;font-size:11px;font-weight:600}.fill-qty-toolbar .fill-qty-toolbar__hint{margin:4px 0 0;font-size:12px;line-height:1.5;color:#55627f}.fill-qty-toolbar .fill-qty-toolbar__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fill-qty-btn{height:38px;padding:0 16px;border-radius:8px;border:1px solid #d2d2d2;background:#fff;color:#585f64;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.fill-qty-btn:hover{background:#f1f1f1;border-color:#b9b9b9;color:#3d3d3d}.fill-qty-btn.fill-qty-btn--primary{border-color:#203eb4;background:#203eb4;color:#fff}.fill-qty-btn.fill-qty-btn--primary:hover{background:#1a3293;border-color:#1a3293}.fill-qty-btn:disabled,.fill-qty-btn:disabled:hover{background:#f1f1f1;border-color:#e4e4e4;color:#a5a5a5;cursor:not-allowed}.fill-qty-host{position:relative;display:block;width:100%}.fill-qty-host>input{padding-right:72px;width:100%}.fill-qty-host input[type=number]::-webkit-outer-spin-button,.fill-qty-host input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fill-qty-host input[type=number]{-moz-appearance:textfield}.fill-qty-inline{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:2;height:26px;padding:0 10px;border-radius:6px;border:1px solid #cfdcfa;background:#fff;color:#203eb4;font-size:11px;font-weight:600;line-height:1;cursor:pointer;transition:background .2s ease,color .2s ease}.fill-qty-inline:hover{background:#203eb4;color:#fff}@media(max-width:768px){.fill-qty-toolbar .fill-qty-toolbar__actions{width:100%}.fill-qty-toolbar .fill-qty-toolbar__actions .fill-qty-btn{flex:1 1 auto}}.auth{height:100vh;width:100vw;display:flex;background:#f5f5f5;align-items:center;justify-content:center}.auth .box-auth{background:#fff;padding:110px 40px;border-radius:20px;width:500px;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center}.auth .box-auth p{margin:0}.auth .box-auth .logo{width:43.993px;height:50px}.auth .box-auth .text-1{font-size:28px;font-weight:500;text-align:center;color:#4c4c4c}.auth .box-auth .text-2{font-size:20px;font-weight:400;margin-top:0;text-align:center;color:#a1a1a1;margin-bottom:20px}.auth .box-auth .text-warning{font-size:18px;color:#ff485a!important;margin-top:10px;display:none}.auth .box-auth .btn-sign-in{width:100%;padding:14px 0;background:#48ab65!important;color:#fff;border-radius:10px;margin-top:50px;font-size:24px;font-weight:600;text-align:center}.dashboard{padding-top:30px;width:100%;display:flex;flex-direction:column;gap:30px}.dashboard p{margin:0;padding:0}.dashboard .group-menu-rekap{padding-top:30px;width:100%;display:flex;flex-direction:column}.dashboard .group-menu-rekap .nav-tabs{width:100%}.dashboard .group-menu-rekap .nav-tabs .nav-item{width:50%}.dashboard .group-menu-rekap .nav-tabs .nav-item .nav-link{width:100%;padding:15px;color:#585858;background:#dfdfdf;border-radius:0}.dashboard .group-menu-rekap .nav-tabs .nav-item .nav-link.active{background-color:#48ab65;color:#fff}.dashboard .first-row-card{width:100%;display:flex;gap:30px}.dashboard .first-row-card .search-card{width:100%;height:100px;background:#fff;border-radius:10px;padding:20px;display:flex;flex-direction:row;border:none;gap:20px;align-items:center}.dashboard .first-row-card .search-card img{width:60px;height:60px}.dashboard .first-row-card .search-card .right-text{display:flex;flex-direction:column;flex-grow:1;justify-content:center}.dashboard .first-row-card .search-card .right-text .search-wrapper{position:relative;width:100%;display:flex;align-items:center}.dashboard .first-row-card .search-card .right-text .search-wrapper .search-icon{position:absolute;left:15px;width:20px;height:20px;color:#a1a1aa;pointer-events:none;transition:color .2s ease;z-index:10}.dashboard .first-row-card .search-card .right-text .search-wrapper:focus-within .search-icon{color:#48ab65}.dashboard .first-row-card .search-card .right-text .search-wrapper .search-input{width:100%;padding:12px 20px 12px 45px;border:1px solid #e4e4e7;border-radius:50px;font-size:15px;font-weight:500;color:#18181b;background-color:#f4f4f5;transition:all .2s ease;outline:none}.dashboard .first-row-card .search-card .right-text .search-wrapper .search-input::placeholder{color:#a1a1aa}.dashboard .first-row-card .search-card .right-text .search-wrapper .search-input:focus{background-color:#fff;border-color:#48ab65;box-shadow:0 4px 12px #48ab6526}.dashboard .first-row-card .search-card .right-text .search-wrapper .search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:10px;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-height:400px;overflow-y:auto;z-index:1000;padding:12px;border:1px solid #f0f0f0}.dashboard .first-row-card .search-card .right-text .search-wrapper .search-dropdown::-webkit-scrollbar{width:6px}.dashboard .first-row-card .search-card .right-text .search-wrapper .search-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dashboard .first-row-card .search-card .right-text .search-wrapper .search-dropdown::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:3px}.dashboard .first-row-card .search-card .right-text .search-wrapper .search-dropdown .search-group{margin-bottom:8px}.dashboard .first-row-card .search-card .right-text .search-wrapper .search-dropdown .search-group:last-child{margin-bottom:0}.dashboard .first-row-card .search-card .right-text .search-wrapper .search-dropdown .search-group .group-title{font-size:16px;font-weight:600;color:#3f3f46;padding:8px 12px 4px;text-transform:uppercase;letter-spacing:.5px}.dashboard .first-row-card .search-card .right-text .search-wrapper .search-dropdown .search-group .group-items .search-item{display:block;text-decoration:none;color:#a1a1aa;font-size:16px;border-radius:8px;transition:background-color .15s ease;font-weight:500;padding:10px 12px 10px 35px;cursor:pointer}.dashboard .first-row-card .search-card .right-text .search-wrapper .search-dropdown .search-group .group-items .search-item:hover{background-color:#f4f4f5;color:#48ab65}.dashboard .first-row-card .search-card .right-text .search-wrapper .search-dropdown .search-group .group-items .search-item .item-name{text-transform:capitalize}.dashboard .first-row-card .search-card .right-text .search-wrapper .search-dropdown .no-results{padding:20px;text-align:center;color:#a1a1aa;font-size:14px}.dashboard .first-row-card .card{width:33.3%;height:100px;background:#fff;border-radius:10px;padding:20px;display:flex;flex-direction:row;border:none;gap:20px;align-items:center}.dashboard .first-row-card .card img{width:60px;height:60px}.dashboard .first-row-card .card .right-text{display:flex;flex-direction:column}.dashboard .first-row-card .card .right-text .text-1{color:#71717a;font-size:16px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.dashboard .first-row-card .card .right-text .text-2{color:#18181b;font-size:21px;font-weight:700;line-height:32px}.dashboard .outer-card{display:flex;flex-direction:column;gap:30px;background-color:#fff;padding:25px;border-radius:15px}.dashboard .outer-card .top-select{display:flex;justify-content:space-between;align-items:center}.dashboard .outer-card .top-select .left-text{font-size:21px;font-weight:700;width:15%}.dashboard .outer-card .top-select .right-select{width:85%;display:flex;gap:10px;justify-content:flex-end}.dashboard .outer-card .second-row-card{width:100%;display:flex;gap:30px}.dashboard .outer-card .second-row-card .card{width:50%;background:#f9f9f9;border:1px solid #c0c0c0;border-radius:10px;padding:20px;display:flex;flex-direction:row;gap:20px;height:170px;align-items:center;justify-content:space-between}.dashboard .outer-card .second-row-card .card .left-side{display:flex;flex-direction:column;justify-content:space-between;height:100%}.dashboard .outer-card .second-row-card .card .left-side .text-1{color:#3d3d3d;font-size:20px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.dashboard .outer-card .second-row-card .card .left-side .bottom-text{display:flex;flex-direction:column}.dashboard .outer-card .second-row-card .card .left-side .bottom-text .text-2{color:#48ab65;font-size:25px;font-weight:700;line-height:32px}.dashboard .outer-card .second-row-card .card .left-side .bottom-text .text-2.blue{color:#203eb4}.dashboard .outer-card .second-row-card .card .left-side .bottom-text .text-2.gold{color:#ae7f26}.dashboard .outer-card .second-row-card .card .left-side .bottom-text .gainer{display:flex;gap:5px;align-items:center}.dashboard .outer-card .second-row-card .card .left-side .bottom-text .gainer .text-3{color:#969696;font-size:15px;font-weight:400;line-height:20px}.dashboard .outer-card .second-row-card .card .left-side .bottom-text .gainer .icon{width:20px;height:20px}.dashboard .outer-card .second-row-card .card .right-side{display:flex;flex-direction:column;justify-content:space-between;gap:20px}.dashboard .outer-card .second-row-card .card .right-side .outer-select{width:100%;display:flex;justify-content:end}.dashboard .outer-card .second-row-card .card .right-side .outer-select .select-wrapper{width:80%}.dashboard .outer-card .second-row-card .card .right-side .outer-select .select-wrapper select{padding:10px;border:none;border-radius:5px;background:#fff;color:#48ab65;border:1px solid #48ab65}.dashboard .outer-card .second-row-card .card .right-side .outer-select .select-wrapper select:focus{outline:none;box-shadow:none}.dashboard .outer-card .second-row-card .card .right-side .outer-select .select-wrapper svg{position:absolute;right:10px}.dashboard .outer-card .second-row-card .card .right-side img{width:200px}.dashboard .outer-card .third-row-card{width:100%;display:flex;gap:30px}.dashboard .outer-card .third-row-card .card{width:50%;background:#f9f9f9;border:1px solid #c0c0c0;border-radius:10px;padding:20px;display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:space-between}.dashboard .outer-card .third-row-card .card .left-side{display:flex;flex-direction:column;justify-content:space-between;height:100%}.dashboard .outer-card .third-row-card .card .left-side .text-1{color:#3d3d3d;font-size:20px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.dashboard .outer-card .third-row-card .card .left-side .bottom-text{display:flex;flex-direction:column}.dashboard .outer-card .third-row-card .card .left-side .bottom-text .text-2{color:#48ab65;font-size:25px;font-weight:700;line-height:40px}.dashboard .outer-card .third-row-card .card .left-side .bottom-text .text-2.blue{color:#203eb4}.dashboard .outer-card .third-row-card .card .left-side .bottom-text .text-2.gold{color:#ae7f26}.dashboard .outer-card .third-row-card .card .left-side .bottom-text .gainer{display:flex;gap:5px;align-items:center}.dashboard .outer-card .third-row-card .card .left-side .bottom-text .gainer .text-3{color:#969696;font-size:15px;font-weight:400;line-height:20px}.dashboard .outer-card .third-row-card .card .left-side .bottom-text .gainer .icon{width:20px;height:20px}.dashboard .outer-card .third-row-card .card .right-side{display:flex;flex-direction:column;justify-content:flex-end;height:130px;gap:15px;width:35%}.dashboard .outer-card .third-row-card .card .right-side .outer-select{width:100%;display:flex;justify-content:end}.dashboard .outer-card .third-row-card .card .right-side .outer-select .select-wrapper{width:80%}.dashboard .outer-card .third-row-card .card .right-side .outer-select .select-wrapper select{padding:10px;border:1px solid #48ab65;border-radius:5px;background:#fff;color:#48ab65}.dashboard .outer-card .third-row-card .card .right-side .outer-select .select-wrapper select:focus{outline:none;box-shadow:none}.dashboard .outer-card .third-row-card .card .right-side .outer-select .select-wrapper svg{position:absolute;right:10px}.dashboard .outer-card .third-row-card .card .right-side .bottom-text{width:100%;display:flex;flex-direction:column;gap:8px}.dashboard .outer-card .third-row-card .card .right-side .bottom-text .group-text{display:flex;justify-content:space-between;align-items:center}.dashboard .outer-card .third-row-card .card .right-side .bottom-text .group-text .inner-text{display:flex;align-items:center;gap:10px}.dashboard .outer-card .third-row-card .card .right-side .bottom-text .group-text .inner-text .text-1{color:#4c4c4c;font-size:14px;font-weight:400;align-items:center}.dashboard .outer-card .third-row-card .card .right-side .bottom-text .group-text .text-2{color:#4c4c4c;font-size:14px;font-weight:400;padding:2px;text-align:center;border-radius:5px;border:1px solid #a8a8a8;width:50px}.dashboard .table-dashboard .text-1{color:#4a4a4a;font-size:20px;font-weight:700;padding-bottom:10px}.customer{padding-top:30px;width:100%;display:flex;flex-direction:column;gap:30px}.customer p{margin:0;padding:0}.customer .top{display:flex;gap:10px;margin-bottom:15px}.customer.detail .top-card{width:100%;display:flex;gap:20px}.customer.detail .top-card .card-1{height:fit-content;padding:20px 24px;background:#fff;border-radius:10px;border:1px solid #d9d9d9}.customer.detail .top-card .card-1 .heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.customer.detail .top-card .card-1 .text-1{color:var(--Primary, #2e2e2e);font-size:20px;font-weight:600;text-transform:capitalize;display:flex;align-items:center;gap:8px}.customer.detail .top-card .card-1 .text-1 .ppn-badge{text-transform:none}.customer.detail .top-card .card-1 .text-2{color:#fff;font-size:16px;font-weight:400;padding:4px 12px;border-radius:4px}.customer.detail .top-card .card-1 .text-2.aktif{background:#46a034}.customer.detail .top-card .card-1 .text-2.tidak-aktif{background:#ff485a}.customer.detail .top-card .card-1 .text-3{color:#696969;font-size:14px;font-weight:400;margin-bottom:10px}.customer.detail .top-card .card-1 .text-4{margin-bottom:10px}.customer.detail .top-card .card-1 .text-4,.customer.detail .top-card .card-1 .text-5{color:#696969;font-size:14px;font-weight:400}.customer.detail .top-card .card-2{width:30%;padding:10px 24px;background:#fff;border-radius:10px;display:flex;gap:20px;align-items:center;border:1px solid #d9d9d9}.customer.detail .top-card .card-2 svg{width:60px;height:60px;padding:15px;border-radius:36px;background:#008bbc}.customer.detail .top-card .card-2 svg.darkgold{background-color:#965006}.customer.detail .top-card .card-2 .group-text .text-1{color:#8c8c8c;font-size:1p6x;font-weight:600}.customer.detail .top-card .card-2 .group-text .text-2{color:#393939;font-size:21px;font-weight:700}.customer .first-top .input-group-search{margin-bottom:12px}.customer .first-top .group{display:flex;align-items:center;gap:12px}.customer .first-top .group .input-date svg{left:10%}.customer .first-top .group .input-date input{padding-left:20px}.customer .first-top{margin-bottom:15px}.customer .customer-history-hint{margin:0 0 10px;font-size:12px;line-height:1.5;color:#818489;font-weight:400}.customer .so-row-expandable{cursor:pointer}.customer .so-row-toggle{display:inline-block;width:0;height:0;margin-right:8px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:5px solid #818489;vertical-align:middle;transition:transform .15s ease}.customer tr.shown .so-row-toggle{transform:rotate(90deg)}.customer tr.so-payment-child>td,.customer tr.child.so-payment-child>td{padding:0!important;background:#f7f8fb;border-top:0;cursor:default}.customer .so-payment-accordion{padding:14px 16px 16px;text-align:left}.customer .so-payment-accordion__summary{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:12px}.customer .so-payment-accordion__summary>div{min-width:120px}.customer .so-payment-accordion__summary span{display:block;font-size:11px;color:#818489;font-weight:500}.customer .so-payment-accordion__summary strong{display:block;margin-top:2px;font-size:14px;color:#2e2e2e;font-weight:600}.customer .so-payment-log{display:flex;flex-direction:column;gap:8px}.customer .so-payment-log__item{padding:10px 12px;background:#fff;border:1px solid #ececec;border-radius:8px;border-left:3px solid #48ab65}.customer .so-payment-log__item.is-pelunasan{border-left-color:#203eb4}.customer .so-payment-log__item.is-batch,.customer .so-payment-log__item.is-credit{border-left-color:#6b3fb5}.customer .so-payment-log__item.is-discount{border-left-color:#8a5d0f}.customer .so-payment-log__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 12px}.customer .so-payment-log__type{font-size:12px;font-weight:700;color:#2e2e2e}.customer .so-payment-log__amount{font-size:14px;font-weight:700;color:#2e2e2e}.customer .so-payment-log__date{margin-left:auto;font-size:12px;font-weight:600;color:#33478f}.customer .so-payment-log__meta{margin:4px 0 0;font-size:12px;line-height:1.5;color:#6b7280}.customer .so-payment-log__batch{margin-top:8px;padding:8px 10px;background:#faf7ff;border:1px solid #e6dbfa;border-radius:6px}.customer .so-payment-log__batch p{margin:0;font-size:12px;color:#55307f;font-weight:600}.customer .so-payment-log__batch ul{margin:6px 0 0;padding-left:16px;font-size:12px;color:#6b3fb5}.customer .so-payment-log__batch li.is-current{font-weight:700}.customer .so-payment-log__batch em{font-style:normal;color:#55307f}.customer .so-payment-accordion__empty{margin:0;padding:10px 4px;font-size:13px;color:#818489;text-align:left}.supplier{padding-top:30px;width:100%;display:flex;flex-direction:column;gap:30px}.supplier p{margin:0;padding:0}.supplier .top{display:flex;gap:10px;margin-bottom:15px}.supplier .warning-text{padding:15px;width:100%;display:flex;gap:10px;align-items:center;background-color:#dbdbdb;border-radius:10px}.supplier .warning-text .text-1{color:#1d1d1d;font-size:14px;font-weight:400}.supplier .title .text-1{color:#000;font-size:16px;font-weight:700;padding-bottom:15px;border-bottom:1px solid #e7e8e9}.supplier .button-add-input{padding:10px;width:100%;font-weight:700;color:#2a2a2a;font-size:16px;border-radius:10px;background-color:#ccc;text-align:center;cursor:pointer}.supplier .box-form{display:flex;padding:36px;flex-direction:column;gap:36px;border-radius:12px;background:#fff}.supplier .box-form .first-form,.supplier .box-form .second-form{display:flex;gap:24px}.supplier .box-form .first-form .input-wrap{width:100%}.supplier .box-form .first-form .input-wrap .label{color:#000;font-size:16px;font-weight:500;margin-bottom:10px}.supplier .box-form .first-form .input-wrap .label .input-group-add input:placeholder{color:#d3d3d3;font-size:16px;font-weight:400}.supplier .box-form .first-form .input-wrap select{background:#fff;border-radius:10px;border:1.5px solid #c9c9c9;padding:11px;width:100%;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:400;color:#4a4a4a}.supplier .box-form .first-form .input-wrap select:focus{outline:none;border:1.5px solid #c9c9c9}.supplier .box-form .first-form .input-wrap .select2-container{width:100%!important}.supplier .box-form .first-form .input-wrap .select2-container--default .select2-selection--single{background:#fff;border-radius:10px;border:1.5px solid #c9c9c9;padding:11px;min-height:48px;height:auto;display:flex;align-items:center}.supplier .box-form .first-form .input-wrap .select2-container--default .select2-selection--single .select2-selection__rendered{color:#000;font-size:16px;font-weight:400;padding:0;line-height:normal}.supplier .box-form .first-form .input-wrap .select2-container--default .select2-selection--single .select2-selection__arrow{padding-top:45px}.supplier .box-form .first-form .input-wrap .select2-container .select2-dropdown{border:1px solid #d3d3d3;border-radius:10px;overflow:hidden;z-index:3001}.supplier .box-form .first-form .input-wrap .select2-container .select2-search--dropdown .select2-search__field{border:1px solid #d2d2d2;border-radius:8px;padding:6px 8px;font-size:14px;color:#4a4a4a}.supplier .box-form .first-form .input-wrap .select2-container .select2-results__option{padding:8px 10px;font-size:14px;color:#414141}.supplier .box-form .first-form .input-wrap .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#f6f7f9;color:#414141}.supplier .box-form .second-form .form-group{width:100%;margin-bottom:0}.supplier .box-form .second-form .phone-input{padding:6px;border-radius:6px;border:1px solid #d3d3d3;display:flex;align-items:center}.supplier .box-form .second-form .phone-input .btn-code{border-radius:2px;background-color:#eee;padding:4px 6px;font-weight:500;color:#353535;font-size:14px;height:24px;display:flex;align-items:center}.supplier .box-form .second-form .phone-input .custom-check-green{accent-color:#28a745}.supplier .box-form .second-form .phone-input .form-control{border:none}.supplier .box-form .second-form .phone-input .input-group-prepend .btn{border-top-right-radius:0;border-bottom-right-radius:0}.supplier .box-form .second-form .phone-input .form-control{border-top-left-radius:0;border-bottom-left-radius:0}.supplier .box-form .option{gap:20px;justify-content:space-between}.supplier .box-form .option .text{color:var(--Primary, #393939);font-size:16px;font-weight:400}.supplier .box-form .option .button-option{display:flex;align-items:center;gap:24px}.supplier .box-form .option .button-option .check{display:flex;align-items:center;gap:6px;color:var(--Primary, #393939);font-size:16px;font-weight:400}.supplier .box-form .custom-check-green{accent-color:#28a745}.supplier .button-container{display:flex;align-items:center;gap:12px}.supplier .button-container .button-form{padding:10px;border-radius:8px;text-align:center;font-size:16px;font-weight:400;width:100%}.supplier .button-container .button-form.button-cancel{color:#f7384b;border:1px solid #f7384b;background:#fff}.supplier .button-container .button-form.button-success{color:#fff;border:1px solid #48ab65;background:#48ab65}.beban{padding-top:30px;width:100%;display:flex;flex-direction:column;gap:30px}.beban p{margin:0;padding:0}.beban .top{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.beban .box-form{display:flex;padding:36px;flex-direction:column;gap:24px;border-radius:12px;background:#fff}.beban .box-form .first-form,.beban .box-form .second-form{display:flex;gap:24px}.beban .box-form .input-wrap{width:100%}.beban .box-form .input-wrap .label{color:#000;font-size:16px;font-weight:500;margin-bottom:10px}.beban .box-form .input-wrap textarea{width:100%;min-height:96px;border-radius:10px;border:1.5px solid #c9c9c9;padding:11px;font-size:16px;color:#4a4a4a;resize:vertical}.beban .box-form .input-wrap .select2-container{width:100%!important}.beban .box-form .input-wrap .select2-container--default .select2-selection--single{background:#fff;border-radius:10px;border:1.5px solid #c9c9c9;padding:11px;min-height:48px;height:auto;display:flex;align-items:center}.beban .button-container{display:flex;align-items:center;gap:12px}.beban .button-container .button-form{padding:10px;border-radius:8px;text-align:center;font-size:16px;font-weight:400;width:100%}.beban .button-container .button-form.button-cancel{color:#f7384b;border:1px solid #f7384b;background:#fff}.beban .button-container .button-form.button-success{color:#fff;border:1px solid #9f1239;background:#9f1239}.beban .detail-card{background:#fff;border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:20px}.beban .detail-card .detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.beban .detail-card .detail-item .label{color:#8c8c8c;font-size:13px;font-weight:500;margin-bottom:4px}.beban .detail-card .detail-item .value{color:#1d1d1d;font-size:16px;font-weight:600}.beban .detail-card .detail-note{grid-column:1/-1}.beban .detail-card .detail-actions{display:flex;gap:12px}.beban .beban-images-grid{display:flex;flex-wrap:wrap;gap:12px}.beban .beban-image-card{width:140px;display:flex;flex-direction:column;gap:6px}.beban .beban-image-tile,.beban .beban-upload-tile{position:relative;width:140px;height:140px;border-radius:10px;overflow:hidden;border:1px solid #e4e4e4;background:#fff;cursor:pointer}.beban .beban-upload-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-style:dashed;border-color:#c9c9c9;background:#f7f8fa;color:#9f1239;font-weight:600;font-size:14px}.beban .beban-image-tile img{width:100%;height:100%;object-fit:cover;display:block}.beban .beban-image-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border:0;border-radius:50%;background:#0000008c;color:#fff;font-size:16px;line-height:1;cursor:pointer}.beban .beban-image-caption{width:100%;min-height:48px;resize:none;border:1px solid #d2d2d2;border-radius:8px;padding:6px 8px;font-size:12px;color:#414141;box-sizing:border-box}.beban .beban-draft-hint{padding:12px 14px;border-radius:10px;background:#fff7f9;border:1px solid #f1d0da;color:#6b1d33;font-size:14px;line-height:1.45}.beban .beban-photo-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.beban .beban-mobile-qr-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 14px;border-radius:10px;border:1px solid #9f1239;background:#fff7f9;color:#9f1239;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap;cursor:pointer}.beban .beban-mobile-qr__box{display:flex;justify-content:center;align-items:center;min-height:240px;margin-bottom:12px;border-radius:10px;background:#fff}.beban .beban-mobile-qr__title{margin-bottom:4px;font-size:13px;font-weight:700;color:#333}.beban .beban-mobile-qr__hint{margin:0;color:#6c757d;font-size:12px;line-height:1.35}.beban .beban-status-chips{display:flex;flex-wrap:wrap;gap:8px;flex:1}.beban .beban-status-chip{border:1px solid #e4c3cd;background:#fff;color:#9f1239;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer}.beban .beban-status-chip.is-active{background:#9f1239;border-color:#9f1239;color:#fff}.beban .beban-status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;background:#fff7ed;color:#c2410c}.beban .beban-status-badge.is-pending{background:#fff7ed;color:#c2410c}.beban .beban-status-badge.is-processed{background:#ecfdf5;color:#047857}.beban .beban-inbox{background:#fff;border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:14px;border:1px solid #f1d0da}.beban .beban-inbox-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.beban .beban-inbox-title{font-size:16px;font-weight:700;color:#9f1239}.beban .beban-inbox-sub{margin-top:4px;color:#6b1d33;font-size:13px;line-height:1.4}.beban .beban-inbox-all{color:#9f1239;font-size:13px;font-weight:700;white-space:nowrap}.beban .beban-inbox-list{display:flex;flex-direction:column;gap:8px;max-height:340px;overflow:auto}.beban .beban-inbox-card{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid #f1d0da;background:#fff7f9;border-radius:10px;padding:10px 12px;cursor:pointer}.beban .beban-inbox-card:hover{border-color:#9f1239;background:#fff}.beban .beban-inbox-card-thumbs{display:flex;gap:4px;min-width:76px}.beban .beban-inbox-card-thumbs img{width:36px;height:36px;object-fit:cover;border-radius:6px;border:1px solid #ead7dd}.beban .beban-inbox-no-photo{color:#8c8c8c;font-size:11px}.beban .beban-inbox-card-body{flex:1;min-width:0}.beban .beban-inbox-card-title{font-size:14px;font-weight:700;color:#1d1d1d}.beban .beban-inbox-card-meta{margin-top:2px;font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beban .beban-inbox-card-action{color:#9f1239;font-size:12px;font-weight:700;white-space:nowrap}.beban .classify-draft-ref{padding:12px;border-radius:10px;background:#fff7f9;border:1px solid #f1d0da}.beban .classify-draft-meta p{margin:0 0 4px;font-size:13px;color:#414141}.modal.beban-export .group-input{margin-bottom:16px}.modal.beban-export .group-input .text-1{margin-bottom:8px;font-weight:500}.modal.beban-export .group-input .period-options{display:flex;gap:16px}.rekap-penjualan{padding-top:30px;width:100%;display:flex;flex-direction:column;gap:30px}.rekap-penjualan p{margin:0;padding:0}.rekap-penjualan .top{display:flex;gap:10px;margin-bottom:15px}.rekap-penjualan.detail .top-card,.rekap-penjualan.rekap .top-card{width:100%;display:flex;gap:20px}.rekap-penjualan.detail .top-card .card-1,.rekap-penjualan.rekap .top-card .card-1{width:30%;padding:20px;background:#fff;border-radius:10px;display:flex;flex-direction:column;justify-content:center;border:1px solid #d9d9d9}.rekap-penjualan.detail .top-card .card-1 .text-1,.rekap-penjualan.rekap .top-card .card-1 .text-1{color:#2e2e2e;font-size:20px;font-weight:700}.rekap-penjualan.detail .top-card .card-1 .text-2,.rekap-penjualan.rekap .top-card .card-1 .text-2{color:#8c8c8c;font-size:14px;font-weight:400}.rekap-penjualan.detail .top-card .card-2,.rekap-penjualan.rekap .top-card .card-2{width:35%;padding:20px;background:#fff;border-radius:10px;display:flex;gap:20px;align-items:center;border:1px solid #d9d9d9}.rekap-penjualan.detail .top-card .card-2 svg,.rekap-penjualan.rekap .top-card .card-2 svg{width:60px;height:60px;padding:15px;border-radius:36px;background:#48ab65}.rekap-penjualan.detail .top-card .card-2 .group-text .text-1,.rekap-penjualan.rekap .top-card .card-2 .group-text .text-1{color:#8c8c8c;font-size:14px;font-weight:400}.rekap-penjualan.detail .top-card .card-2 .group-text .text-2,.rekap-penjualan.rekap .top-card .card-2 .group-text .text-2{color:#393939;font-size:16px;font-weight:400}.rekap-penjualan.detail .group-menu-rekap,.rekap-penjualan.rekap .group-menu-rekap{padding-top:30px;width:100%;display:flex;flex-direction:column}.rekap-penjualan.detail .group-menu-rekap .nav-tabs,.rekap-penjualan.rekap .group-menu-rekap .nav-tabs{width:100%;display:flex;flex-wrap:nowrap;border-bottom:none}.rekap-penjualan.detail .group-menu-rekap .nav-tabs .nav-item,.rekap-penjualan.rekap .group-menu-rekap .nav-tabs .nav-item{flex:1;width:auto;min-width:0}.rekap-penjualan.detail .group-menu-rekap .nav-tabs .nav-item .nav-link,.rekap-penjualan.rekap .group-menu-rekap .nav-tabs .nav-item .nav-link{width:100%;padding:15px;color:#585858;background:#dfdfdf;border-radius:0;white-space:nowrap}.rekap-penjualan.detail .group-menu-rekap .nav-tabs .nav-item .nav-link.active,.rekap-penjualan.rekap .group-menu-rekap .nav-tabs .nav-item .nav-link.active{background-color:#48ab65;color:#fff}.data-master{padding-top:30px;width:100%;display:flex;flex-direction:column;gap:30px}.data-master p{margin:0;padding:0}.data-master .top{display:flex;gap:10px;margin-bottom:15px}.data-master.detail .top-card{width:100%;display:flex;gap:20px}.data-master.detail .top-card .card-1{width:25%;padding:20px;background:#fff;border-radius:10px;display:flex;justify-content:space-between;border:1px solid #d9d9d9;align-items:center}.data-master.detail .top-card .card-1 .text-1{color:#2e2e2e;font-size:20px;font-weight:700}.data-master.detail .top-card .card-1 .text-2{color:#fff;font-size:12px;font-weight:400;border-radius:5px;padding:5px 10px;height:max-content}.data-master.detail .top-card .card-1 .text-2.aktif{background:#65db4d}.data-master.detail .top-card .card-1 .text-2.tidak-aktif{background:#ff485a}.data-master.detail .top-card .card-2{width:25%;padding:20px;background:#fff;border-radius:10px;display:flex;gap:20px;align-items:center;border:1px solid #d9d9d9}.data-master.detail .top-card .card-2 svg{width:60px;height:60px;padding:15px;border-radius:36px;background:#888}.data-master.detail .top-card .card-2 .group-text .text-1{color:#8c8c8c;font-size:14px;font-weight:400}.data-master.detail .top-card .card-2 .group-text .text-2{color:#393939;font-size:16px;font-weight:400}.btn-open-delete{color:red!important}.produk{padding-top:30px}.produk .label{color:#000;font-size:16px;font-weight:600}.produk p{margin:0}.produk.home{padding-top:30px;width:100%;display:flex;flex-direction:column}.produk.home p{margin:0;padding:0}.produk.home .nav-tabs{width:100%}.produk.home .nav-tabs .nav-item{width:14.2857142857%}.produk.home .nav-tabs .nav-item .nav-link{width:100%;padding:15px;background-color:#dfdfdf;border-right:.5px solid var(--Primary, #d2d2d2);border-left:.5px solid var(--Primary, #d2d2d2);color:#818181;border-radius:0}.produk.home .nav-tabs .nav-item .nav-link.active{background-color:#414141;color:#fff}.produk.home .first-top{display:flex;gap:10px;margin-bottom:15px;align-items:stretch}.produk.home .first-top .input-group-search{width:auto;flex:1 1 auto;min-width:160px}.produk.home .first-top>.select-wrapper4{flex:0 0 auto;width:140px!important}.produk.home .first-top>.button-add,.produk.home .first-top>.dropdown{flex:0 0 auto;width:auto!important}.produk.home .first-top .button-add{width:auto!important;white-space:nowrap;flex-shrink:0;padding-left:16px;padding-right:16px}.produk.home .first-top .dropdown .dropdown-toggle:after{display:none}.produk.home .first-top .dropdown .dropdown-menu{border-radius:12px;border:1px solid #e3e3e3;box-shadow:0 10px 15px -3px #00000012,0 4px 6px -2px #0000000a;padding:8px 0;margin-top:8px;min-width:200px}.produk.home .first-top .dropdown .dropdown-menu .dropdown-item{padding:10px 20px;font-size:14px;color:#4a4a4a;font-weight:500;display:flex;align-items:center;gap:10px;transition:all .2s ease}.produk.home .first-top .dropdown .dropdown-menu .dropdown-item:hover{background-color:#f8f9fa;color:#203eb4;padding-left:25px}.produk.home .first-top .dropdown .dropdown-menu .dropdown-item:active{background-color:#e9ecef;color:#203eb4}.produk.home .second-top{display:flex;gap:10px}.produk.tambah{display:flex;flex-direction:column;gap:30px;width:100%}.produk.tambah.baut .first-box{display:flex;width:100%;padding:36px;background:#fff;border-radius:10px;gap:24px}.produk.tambah.baut .first-box .upload-img{width:30%;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;padding:10px 18px 18px 10px;border-radius:10px;cursor:pointer;border:none;background:url("data:image/svg+xml;utf8,                    <svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='100%' height='100%'>                    <rect x='1' y='1' width='98%' height='98%' rx='10' ry='10' fill='none' stroke='%234C4C4C' stroke-width='1' stroke-dasharray='15,15'/>                    </svg>") no-repeat;background-size:100% 100%}.produk.tambah.baut .first-box .upload-img .upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.produk.tambah.baut .first-box .upload-img .upload-placeholder .text-1{color:#4c4c4c;font-size:16px;font-weight:400;text-align:center}.produk.tambah.baut .first-box .upload-img .upload-placeholder .text-2{color:#5a5959;font-size:14px;font-weight:300}.produk.tambah.baut .first-box .upload-img .upload-placeholder .upload-btn{display:flex;gap:10px;align-items:center;background:#424242;color:#fff;border-radius:20px;padding:10px 20px}.produk.tambah.baut .first-box .upload-img .upload-placeholder .upload-btn.black{background:#424242}.produk.tambah.baut .first-box .input-box{width:35%;display:flex;flex-direction:column;gap:20px}.produk.tambah.baut .first-box .input-box .input-wrap,.produk.tambah.baut .first-box .input-box .input-wrap2{display:flex;flex-direction:column;gap:5px}.produk.tambah.baut .first-box .input-box .input-wrap .checkbox-container,.produk.tambah.baut .first-box .input-box .input-wrap2 .checkbox-container{display:flex;gap:20px}.produk.tambah.baut .first-box .input-box .input-wrap .checkbox-container .checkbox-label,.produk.tambah.baut .first-box .input-box .input-wrap2 .checkbox-container .checkbox-label{font-size:14px;display:flex;gap:5px;align-items:center;color:#000;font-size:16px;font-weight:600;margin:0}.produk.tambah.baut .first-box .input-box .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.baut .first-box .input-box .input-wrap2 .checkbox-container .checkbox-label input[type=checkbox]{accent-color:#48a564;margin-left:5px;width:15px;height:15px;background:#d1d1d6}.produk.tambah.baut .first-box .input-box .input-wrap input,.produk.tambah.baut .first-box .input-box .input-wrap2 input{font-size:15px}.produk.tambah.baut .first-box .input-box .input-wrap input:disabled,.produk.tambah.baut .first-box .input-box .input-wrap2 input:disabled{background:#dbdbdb}.produk.tambah.baut .first-box .input-box .input-wrap .select-wrapper4,.produk.tambah.baut .first-box .input-box .input-wrap2 .select-wrapper4{width:100%}.produk.tambah.baut .second-box{display:flex;flex-direction:column;width:100%;padding:30px;background:#fff;border-radius:10px;gap:20px}.produk.tambah.baut .second-box .top-switch{display:flex;align-items:center;justify-content:space-between}.produk.tambah.baut .second-box .top-switch .outer-group{display:flex;gap:30px}.produk.tambah.baut .second-box .top-switch .outer-group .radio-group{display:flex;gap:5px}.produk.tambah.baut .second-box .top-switch .outer-group .radio-group input[type=radio]{accent-color:#48a564}.produk.tambah.baut .second-box .input-ya{display:flex;flex-direction:column;width:100%;gap:20px}.produk.tambah.baut .second-box .input-ya .first-group{display:flex;gap:20px}.produk.tambah.baut .second-box .input-ya .first-group .input-wrap{display:flex;flex-direction:column;gap:5px;width:100%}.produk.tambah.baut .second-box .input-ya .first-group .input-wrap input{font-size:15px;padding-left:35px}.produk.tambah.baut .second-box .input-ya .second-group{display:flex;gap:20px}.produk.tambah.baut .second-box .input-ya .second-group .input-wrap{display:flex;flex-direction:column;gap:5px;width:33.3%}.produk.tambah.baut .second-box .input-ya .second-group .input-wrap input{font-size:15px}.produk.tambah.baut .second-box .input-ya .third-group,.produk.tambah.baut .second-box .input-ya .fourth-group{display:flex;gap:20px}.produk.tambah.baut .second-box .input-ya .third-group .input-wrap,.produk.tambah.baut .second-box .input-ya .fourth-group .input-wrap{display:flex;flex-direction:column;gap:5px;width:50%}.produk.tambah.baut .second-box .input-ya .third-group .input-wrap input,.produk.tambah.baut .second-box .input-ya .fourth-group .input-wrap input{font-size:15px}.produk.tambah.baut .second-box .input-tidak{display:flex;flex-direction:column;width:100%;gap:20px}.produk.tambah.baut .second-box .input-tidak .first-group{display:flex;gap:20px}.produk.tambah.baut .second-box .input-tidak .first-group .input-wrap{display:flex;flex-direction:column;gap:5px;width:50%}.produk.tambah.baut .second-box .input-tidak .first-group .input-wrap input{font-size:15px;padding-left:35px}.produk.tambah.baut .second-box .input-tidak .second-group{display:flex;gap:20px}.produk.tambah.baut .second-box .input-tidak .second-group .input-wrap{display:flex;flex-direction:column;gap:5px;width:100%}.produk.tambah.baut .second-box .input-tidak .second-group .input-wrap input{font-size:15px}.produk.tambah.baut .second-box .input-tidak .third-group,.produk.tambah.baut .second-box .input-tidak .fourth-group{display:flex;gap:20px}.produk.tambah.baut .second-box .input-tidak .third-group .input-wrap,.produk.tambah.baut .second-box .input-tidak .fourth-group .input-wrap{display:flex;flex-direction:column;gap:5px;width:50%}.produk.tambah.baut .second-box .input-tidak .third-group .input-wrap input,.produk.tambah.baut .second-box .input-tidak .fourth-group .input-wrap input{font-size:15px}.produk.tambah.baut .third-box{display:flex;flex-direction:column;width:100%;padding:30px;background:#fff;border-radius:10px;gap:20px}.produk.tambah.baut .third-box .top-table{display:flex;justify-content:space-between;align-items:center;margin:10px 10px 0}.produk.tambah.baut .third-box .top-table .text-1{color:#4a4a4a;font-weight:700;font-size:20px}.produk.tambah.baut .third-box .top-table .text-2{padding:10px 20px;justify-content:center;align-items:center;background:#414141;color:#fff;border-radius:10px;cursor:pointer}.produk.tambah.ring .first-box,.produk.tambah.angkur .first-box,.produk.tambah.trekstang .first-box,.produk.tambah.lonjor .first-box,.produk.tambah.custom .first-box{display:flex;width:100%;padding:30px;background:#fff;border-radius:10px;gap:20px}.produk.tambah.ring .first-box .upload-img,.produk.tambah.angkur .first-box .upload-img,.produk.tambah.trekstang .first-box .upload-img,.produk.tambah.lonjor .first-box .upload-img,.produk.tambah.custom .first-box .upload-img{width:30%;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;padding:10px 18px 18px 10px;border-radius:10px;cursor:pointer;border:none;background:url("data:image/svg+xml;utf8,                    <svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='100%' height='100%'>                    <rect x='1' y='1' width='98%' height='98%' rx='10' ry='10' fill='none' stroke='%234C4C4C' stroke-width='1' stroke-dasharray='15,15'/>                    </svg>") no-repeat;background-size:100% 100%}.produk.tambah.ring .first-box .upload-img .upload-placeholder,.produk.tambah.angkur .first-box .upload-img .upload-placeholder,.produk.tambah.trekstang .first-box .upload-img .upload-placeholder,.produk.tambah.lonjor .first-box .upload-img .upload-placeholder,.produk.tambah.custom .first-box .upload-img .upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.produk.tambah.ring .first-box .upload-img .upload-placeholder .text-1,.produk.tambah.angkur .first-box .upload-img .upload-placeholder .text-1,.produk.tambah.trekstang .first-box .upload-img .upload-placeholder .text-1,.produk.tambah.lonjor .first-box .upload-img .upload-placeholder .text-1,.produk.tambah.custom .first-box .upload-img .upload-placeholder .text-1{color:#4c4c4c;font-size:16px;font-weight:400;text-align:center}.produk.tambah.ring .first-box .upload-img .upload-placeholder .text-2,.produk.tambah.angkur .first-box .upload-img .upload-placeholder .text-2,.produk.tambah.trekstang .first-box .upload-img .upload-placeholder .text-2,.produk.tambah.lonjor .first-box .upload-img .upload-placeholder .text-2,.produk.tambah.custom .first-box .upload-img .upload-placeholder .text-2{color:#5a5959;font-size:14px;font-weight:300}.produk.tambah.ring .first-box .upload-img .upload-placeholder .upload-btn,.produk.tambah.angkur .first-box .upload-img .upload-placeholder .upload-btn,.produk.tambah.trekstang .first-box .upload-img .upload-placeholder .upload-btn,.produk.tambah.lonjor .first-box .upload-img .upload-placeholder .upload-btn,.produk.tambah.custom .first-box .upload-img .upload-placeholder .upload-btn{display:flex;gap:10px;align-items:center;background:#424242;color:#fff;border-radius:20px;padding:10px 20px}.produk.tambah.ring .first-box .upload-img .upload-placeholder .upload-btn.black,.produk.tambah.angkur .first-box .upload-img .upload-placeholder .upload-btn.black,.produk.tambah.trekstang .first-box .upload-img .upload-placeholder .upload-btn.black,.produk.tambah.lonjor .first-box .upload-img .upload-placeholder .upload-btn.black,.produk.tambah.custom .first-box .upload-img .upload-placeholder .upload-btn.black{background:#424242}.produk.tambah.ring .first-box .input-box,.produk.tambah.angkur .first-box .input-box,.produk.tambah.trekstang .first-box .input-box,.produk.tambah.lonjor .first-box .input-box,.produk.tambah.custom .first-box .input-box{width:35%;display:flex;flex-direction:column;gap:20px}.produk.tambah.ring .first-box .input-box.angkur-input,.produk.tambah.angkur .first-box .input-box.angkur-input,.produk.tambah.trekstang .first-box .input-box.angkur-input,.produk.tambah.lonjor .first-box .input-box.angkur-input,.produk.tambah.custom .first-box .input-box.angkur-input,.produk.tambah.ring .first-box .input-box.angkur-input .input-wrap,.produk.tambah.ring .first-box .input-box.angkur-input .input-wrap2,.produk.tambah.angkur .first-box .input-box.angkur-input .input-wrap,.produk.tambah.angkur .first-box .input-box.angkur-input .input-wrap2,.produk.tambah.trekstang .first-box .input-box.angkur-input .input-wrap,.produk.tambah.trekstang .first-box .input-box.angkur-input .input-wrap2,.produk.tambah.lonjor .first-box .input-box.angkur-input .input-wrap,.produk.tambah.lonjor .first-box .input-box.angkur-input .input-wrap2,.produk.tambah.custom .first-box .input-box.angkur-input .input-wrap,.produk.tambah.custom .first-box .input-box.angkur-input .input-wrap2{width:100%}.produk.tambah.ring .first-box .input-box .input-box-card,.produk.tambah.angkur .first-box .input-box .input-box-card,.produk.tambah.trekstang .first-box .input-box .input-box-card,.produk.tambah.lonjor .first-box .input-box .input-box-card,.produk.tambah.custom .first-box .input-box .input-box-card,.produk.tambah.ring .first-box .input-box .input-box-card-3,.produk.tambah.angkur .first-box .input-box .input-box-card-3,.produk.tambah.trekstang .first-box .input-box .input-box-card-3,.produk.tambah.lonjor .first-box .input-box .input-box-card-3,.produk.tambah.custom .first-box .input-box .input-box-card-3{display:flex;align-items:center;gap:10px}.produk.tambah.ring .first-box .input-box .input-wrap,.produk.tambah.ring .first-box .input-box .input-wrap2,.produk.tambah.angkur .first-box .input-box .input-wrap,.produk.tambah.angkur .first-box .input-box .input-wrap2,.produk.tambah.trekstang .first-box .input-box .input-wrap,.produk.tambah.trekstang .first-box .input-box .input-wrap2,.produk.tambah.lonjor .first-box .input-box .input-wrap,.produk.tambah.lonjor .first-box .input-box .input-wrap2,.produk.tambah.custom .first-box .input-box .input-wrap,.produk.tambah.custom .first-box .input-box .input-wrap2{display:flex;flex-direction:column;gap:5px}.produk.tambah.ring .first-box .input-box .input-wrap .checkbox-container,.produk.tambah.ring .first-box .input-box .input-wrap2 .checkbox-container,.produk.tambah.angkur .first-box .input-box .input-wrap .checkbox-container,.produk.tambah.angkur .first-box .input-box .input-wrap2 .checkbox-container,.produk.tambah.trekstang .first-box .input-box .input-wrap .checkbox-container,.produk.tambah.trekstang .first-box .input-box .input-wrap2 .checkbox-container,.produk.tambah.lonjor .first-box .input-box .input-wrap .checkbox-container,.produk.tambah.lonjor .first-box .input-box .input-wrap2 .checkbox-container,.produk.tambah.custom .first-box .input-box .input-wrap .checkbox-container,.produk.tambah.custom .first-box .input-box .input-wrap2 .checkbox-container{display:flex;gap:20px}.produk.tambah.ring .first-box .input-box .input-wrap .checkbox-container .checkbox-label,.produk.tambah.ring .first-box .input-box .input-wrap2 .checkbox-container .checkbox-label,.produk.tambah.angkur .first-box .input-box .input-wrap .checkbox-container .checkbox-label,.produk.tambah.angkur .first-box .input-box .input-wrap2 .checkbox-container .checkbox-label,.produk.tambah.trekstang .first-box .input-box .input-wrap .checkbox-container .checkbox-label,.produk.tambah.trekstang .first-box .input-box .input-wrap2 .checkbox-container .checkbox-label,.produk.tambah.lonjor .first-box .input-box .input-wrap .checkbox-container .checkbox-label,.produk.tambah.lonjor .first-box .input-box .input-wrap2 .checkbox-container .checkbox-label,.produk.tambah.custom .first-box .input-box .input-wrap .checkbox-container .checkbox-label,.produk.tambah.custom .first-box .input-box .input-wrap2 .checkbox-container .checkbox-label{font-size:14px;display:flex;gap:5px;align-items:center;color:#000;font-size:16px;font-weight:600;margin:0}.produk.tambah.ring .first-box .input-box .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.ring .first-box .input-box .input-wrap2 .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.angkur .first-box .input-box .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.angkur .first-box .input-box .input-wrap2 .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.trekstang .first-box .input-box .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.trekstang .first-box .input-box .input-wrap2 .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.lonjor .first-box .input-box .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.lonjor .first-box .input-box .input-wrap2 .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.custom .first-box .input-box .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.custom .first-box .input-box .input-wrap2 .checkbox-container .checkbox-label input[type=checkbox]{accent-color:#48a564;margin-left:5px;width:15px;height:15px}.produk.tambah.ring .first-box .input-box .input-wrap input,.produk.tambah.ring .first-box .input-box .input-wrap2 input,.produk.tambah.angkur .first-box .input-box .input-wrap input,.produk.tambah.angkur .first-box .input-box .input-wrap2 input,.produk.tambah.trekstang .first-box .input-box .input-wrap input,.produk.tambah.trekstang .first-box .input-box .input-wrap2 input,.produk.tambah.lonjor .first-box .input-box .input-wrap input,.produk.tambah.lonjor .first-box .input-box .input-wrap2 input,.produk.tambah.custom .first-box .input-box .input-wrap input,.produk.tambah.custom .first-box .input-box .input-wrap2 input{font-size:15px}.produk.tambah.ring .first-box .input-box .input-wrap input:disabled,.produk.tambah.ring .first-box .input-box .input-wrap2 input:disabled,.produk.tambah.angkur .first-box .input-box .input-wrap input:disabled,.produk.tambah.angkur .first-box .input-box .input-wrap2 input:disabled,.produk.tambah.trekstang .first-box .input-box .input-wrap input:disabled,.produk.tambah.trekstang .first-box .input-box .input-wrap2 input:disabled,.produk.tambah.lonjor .first-box .input-box .input-wrap input:disabled,.produk.tambah.lonjor .first-box .input-box .input-wrap2 input:disabled,.produk.tambah.custom .first-box .input-box .input-wrap input:disabled,.produk.tambah.custom .first-box .input-box .input-wrap2 input:disabled{background:#dbdbdb}.produk.tambah.ring .first-box .input-box .input-wrap .select-wrapper4,.produk.tambah.ring .first-box .input-box .input-wrap2 .select-wrapper4,.produk.tambah.angkur .first-box .input-box .input-wrap .select-wrapper4,.produk.tambah.angkur .first-box .input-box .input-wrap2 .select-wrapper4,.produk.tambah.trekstang .first-box .input-box .input-wrap .select-wrapper4,.produk.tambah.trekstang .first-box .input-box .input-wrap2 .select-wrapper4,.produk.tambah.lonjor .first-box .input-box .input-wrap .select-wrapper4,.produk.tambah.lonjor .first-box .input-box .input-wrap2 .select-wrapper4,.produk.tambah.custom .first-box .input-box .input-wrap .select-wrapper4,.produk.tambah.custom .first-box .input-box .input-wrap2 .select-wrapper4{width:100%}.produk.tambah.ring .second-box,.produk.tambah.angkur .second-box,.produk.tambah.trekstang .second-box,.produk.tambah.lonjor .second-box,.produk.tambah.custom .second-box{display:flex;flex-direction:column;width:100%;padding:30px;background:#fff;border-radius:10px;gap:20px}.produk.tambah.ring .second-box .text-judul,.produk.tambah.angkur .second-box .text-judul,.produk.tambah.trekstang .second-box .text-judul,.produk.tambah.lonjor .second-box .text-judul,.produk.tambah.custom .second-box .text-judul{color:#4a4a4a;font-weight:700;font-size:20px;padding-bottom:20px;width:100%;border-bottom:1px solid #e3e3e3}.produk.tambah.ring .second-box .top-switch,.produk.tambah.angkur .second-box .top-switch,.produk.tambah.trekstang .second-box .top-switch,.produk.tambah.lonjor .second-box .top-switch,.produk.tambah.custom .second-box .top-switch{display:flex;align-items:center;justify-content:space-between}.produk.tambah.ring .second-box .top-switch .outer-group,.produk.tambah.angkur .second-box .top-switch .outer-group,.produk.tambah.trekstang .second-box .top-switch .outer-group,.produk.tambah.lonjor .second-box .top-switch .outer-group,.produk.tambah.custom .second-box .top-switch .outer-group{display:flex;gap:30px}.produk.tambah.ring .second-box .top-switch .outer-group .radio-group,.produk.tambah.angkur .second-box .top-switch .outer-group .radio-group,.produk.tambah.trekstang .second-box .top-switch .outer-group .radio-group,.produk.tambah.lonjor .second-box .top-switch .outer-group .radio-group,.produk.tambah.custom .second-box .top-switch .outer-group .radio-group{display:flex;gap:5px}.produk.tambah.ring .second-box .top-switch .outer-group .radio-group input[type=radio],.produk.tambah.angkur .second-box .top-switch .outer-group .radio-group input[type=radio],.produk.tambah.trekstang .second-box .top-switch .outer-group .radio-group input[type=radio],.produk.tambah.lonjor .second-box .top-switch .outer-group .radio-group input[type=radio],.produk.tambah.custom .second-box .top-switch .outer-group .radio-group input[type=radio]{accent-color:#8c8c8c}.produk.tambah.ring .second-box .input-ya,.produk.tambah.angkur .second-box .input-ya,.produk.tambah.trekstang .second-box .input-ya,.produk.tambah.lonjor .second-box .input-ya,.produk.tambah.custom .second-box .input-ya{display:flex;flex-direction:column;width:100%;gap:20px}.produk.tambah.ring .second-box .input-ya .first-group,.produk.tambah.angkur .second-box .input-ya .first-group,.produk.tambah.trekstang .second-box .input-ya .first-group,.produk.tambah.lonjor .second-box .input-ya .first-group,.produk.tambah.custom .second-box .input-ya .first-group{display:flex;gap:20px}.produk.tambah.ring .second-box .input-ya .first-group .input-wrap,.produk.tambah.angkur .second-box .input-ya .first-group .input-wrap,.produk.tambah.trekstang .second-box .input-ya .first-group .input-wrap,.produk.tambah.lonjor .second-box .input-ya .first-group .input-wrap,.produk.tambah.custom .second-box .input-ya .first-group .input-wrap{display:flex;flex-direction:column;gap:5px;width:25%}.produk.tambah.ring .second-box .input-ya .first-group .input-wrap input,.produk.tambah.angkur .second-box .input-ya .first-group .input-wrap input,.produk.tambah.trekstang .second-box .input-ya .first-group .input-wrap input,.produk.tambah.lonjor .second-box .input-ya .first-group .input-wrap input,.produk.tambah.custom .second-box .input-ya .first-group .input-wrap input{font-size:15px;padding-left:35px}.produk.tambah.ring .second-box .input-ya .second-group,.produk.tambah.angkur .second-box .input-ya .second-group,.produk.tambah.trekstang .second-box .input-ya .second-group,.produk.tambah.lonjor .second-box .input-ya .second-group,.produk.tambah.custom .second-box .input-ya .second-group{display:flex;gap:20px}.produk.tambah.ring .second-box .input-ya .second-group .input-wrap,.produk.tambah.angkur .second-box .input-ya .second-group .input-wrap,.produk.tambah.trekstang .second-box .input-ya .second-group .input-wrap,.produk.tambah.lonjor .second-box .input-ya .second-group .input-wrap,.produk.tambah.custom .second-box .input-ya .second-group .input-wrap{display:flex;flex-direction:column;gap:5px;width:33.3%}.produk.tambah.ring .second-box .input-ya .second-group .input-wrap input,.produk.tambah.angkur .second-box .input-ya .second-group .input-wrap input,.produk.tambah.trekstang .second-box .input-ya .second-group .input-wrap input,.produk.tambah.lonjor .second-box .input-ya .second-group .input-wrap input,.produk.tambah.custom .second-box .input-ya .second-group .input-wrap input{font-size:15px}.produk.tambah.ring .second-box .input-ya .third-group,.produk.tambah.ring .second-box .input-ya .fourth-group,.produk.tambah.angkur .second-box .input-ya .third-group,.produk.tambah.angkur .second-box .input-ya .fourth-group,.produk.tambah.trekstang .second-box .input-ya .third-group,.produk.tambah.trekstang .second-box .input-ya .fourth-group,.produk.tambah.lonjor .second-box .input-ya .third-group,.produk.tambah.lonjor .second-box .input-ya .fourth-group,.produk.tambah.custom .second-box .input-ya .third-group,.produk.tambah.custom .second-box .input-ya .fourth-group{display:flex;gap:20px}.produk.tambah.ring .second-box .input-ya .third-group .input-wrap,.produk.tambah.ring .second-box .input-ya .fourth-group .input-wrap,.produk.tambah.angkur .second-box .input-ya .third-group .input-wrap,.produk.tambah.angkur .second-box .input-ya .fourth-group .input-wrap,.produk.tambah.trekstang .second-box .input-ya .third-group .input-wrap,.produk.tambah.trekstang .second-box .input-ya .fourth-group .input-wrap,.produk.tambah.lonjor .second-box .input-ya .third-group .input-wrap,.produk.tambah.lonjor .second-box .input-ya .fourth-group .input-wrap,.produk.tambah.custom .second-box .input-ya .third-group .input-wrap,.produk.tambah.custom .second-box .input-ya .fourth-group .input-wrap{display:flex;flex-direction:column;gap:5px;width:50%}.produk.tambah.ring .second-box .input-ya .third-group .input-wrap input,.produk.tambah.ring .second-box .input-ya .fourth-group .input-wrap input,.produk.tambah.angkur .second-box .input-ya .third-group .input-wrap input,.produk.tambah.angkur .second-box .input-ya .fourth-group .input-wrap input,.produk.tambah.trekstang .second-box .input-ya .third-group .input-wrap input,.produk.tambah.trekstang .second-box .input-ya .fourth-group .input-wrap input,.produk.tambah.lonjor .second-box .input-ya .third-group .input-wrap input,.produk.tambah.lonjor .second-box .input-ya .fourth-group .input-wrap input,.produk.tambah.custom .second-box .input-ya .third-group .input-wrap input,.produk.tambah.custom .second-box .input-ya .fourth-group .input-wrap input{font-size:15px}.produk.tambah.ring .second-box .input-ya .third-group .input-wrap .label.lonjor,.produk.tambah.ring .second-box .input-ya .fourth-group .input-wrap .label.lonjor,.produk.tambah.angkur .second-box .input-ya .third-group .input-wrap .label.lonjor,.produk.tambah.angkur .second-box .input-ya .fourth-group .input-wrap .label.lonjor,.produk.tambah.trekstang .second-box .input-ya .third-group .input-wrap .label.lonjor,.produk.tambah.trekstang .second-box .input-ya .fourth-group .input-wrap .label.lonjor,.produk.tambah.lonjor .second-box .input-ya .third-group .input-wrap .label.lonjor,.produk.tambah.lonjor .second-box .input-ya .fourth-group .input-wrap .label.lonjor,.produk.tambah.custom .second-box .input-ya .third-group .input-wrap .label.lonjor,.produk.tambah.custom .second-box .input-ya .fourth-group .input-wrap .label.lonjor{display:flex;justify-content:space-between}.produk.tambah.ring .second-box .input-ya .five-group,.produk.tambah.angkur .second-box .input-ya .five-group,.produk.tambah.trekstang .second-box .input-ya .five-group,.produk.tambah.lonjor .second-box .input-ya .five-group,.produk.tambah.custom .second-box .input-ya .five-group{display:flex;align-items:center;gap:20px}.produk.tambah.ring .second-box .input-ya .five-group .file-upload,.produk.tambah.angkur .second-box .input-ya .five-group .file-upload,.produk.tambah.trekstang .second-box .input-ya .five-group .file-upload,.produk.tambah.lonjor .second-box .input-ya .five-group .file-upload,.produk.tambah.custom .second-box .input-ya .five-group .file-upload{width:100%;height:fit-content}.produk.tambah.ring .second-box .input-ya .five-group .file-upload__label,.produk.tambah.angkur .second-box .input-ya .five-group .file-upload__label,.produk.tambah.trekstang .second-box .input-ya .five-group .file-upload__label,.produk.tambah.lonjor .second-box .input-ya .five-group .file-upload__label,.produk.tambah.custom .second-box .input-ya .five-group .file-upload__label{display:flex;justify-content:space-between;align-items:center;border:2px dashed #ddd;border-radius:8px;padding:6px 16px;cursor:pointer;transition:border-color .2s}.produk.tambah.ring .second-box .input-ya .five-group .file-upload__label:hover,.produk.tambah.angkur .second-box .input-ya .five-group .file-upload__label:hover,.produk.tambah.trekstang .second-box .input-ya .five-group .file-upload__label:hover,.produk.tambah.lonjor .second-box .input-ya .five-group .file-upload__label:hover,.produk.tambah.custom .second-box .input-ya .five-group .file-upload__label:hover{border-color:#aaa}.produk.tambah.ring .second-box .input-ya .five-group .file-upload__left,.produk.tambah.angkur .second-box .input-ya .five-group .file-upload__left,.produk.tambah.trekstang .second-box .input-ya .five-group .file-upload__left,.produk.tambah.lonjor .second-box .input-ya .five-group .file-upload__left,.produk.tambah.custom .second-box .input-ya .five-group .file-upload__left{display:flex;align-items:center;gap:12px}.produk.tambah.ring .second-box .input-ya .five-group .file-upload__left svg,.produk.tambah.angkur .second-box .input-ya .five-group .file-upload__left svg,.produk.tambah.trekstang .second-box .input-ya .five-group .file-upload__left svg,.produk.tambah.lonjor .second-box .input-ya .five-group .file-upload__left svg,.produk.tambah.custom .second-box .input-ya .five-group .file-upload__left svg{flex-shrink:0}.produk.tambah.ring .second-box .input-ya .five-group .file-upload__title,.produk.tambah.angkur .second-box .input-ya .five-group .file-upload__title,.produk.tambah.trekstang .second-box .input-ya .five-group .file-upload__title,.produk.tambah.lonjor .second-box .input-ya .five-group .file-upload__title,.produk.tambah.custom .second-box .input-ya .five-group .file-upload__title{font-weight:600;font-size:12px;margin:0}.produk.tambah.ring .second-box .input-ya .five-group .file-upload__desc,.produk.tambah.angkur .second-box .input-ya .five-group .file-upload__desc,.produk.tambah.trekstang .second-box .input-ya .five-group .file-upload__desc,.produk.tambah.lonjor .second-box .input-ya .five-group .file-upload__desc,.produk.tambah.custom .second-box .input-ya .five-group .file-upload__desc{color:#888d91;font-size:10px;font-weight:400}.produk.tambah.ring .second-box .input-ya .five-group .file-upload__right,.produk.tambah.angkur .second-box .input-ya .five-group .file-upload__right,.produk.tambah.trekstang .second-box .input-ya .five-group .file-upload__right,.produk.tambah.lonjor .second-box .input-ya .five-group .file-upload__right,.produk.tambah.custom .second-box .input-ya .five-group .file-upload__right{background:var(--Text-Cell, #424242);padding:6.034px;border-radius:50%;display:flex;align-items:center;justify-content:center}.produk.tambah.ring .second-box .input-ya .five-group .file-upload__right svg,.produk.tambah.angkur .second-box .input-ya .five-group .file-upload__right svg,.produk.tambah.trekstang .second-box .input-ya .five-group .file-upload__right svg,.produk.tambah.lonjor .second-box .input-ya .five-group .file-upload__right svg,.produk.tambah.custom .second-box .input-ya .five-group .file-upload__right svg{display:block}.produk.tambah.ring .second-box .input-ya .five-group .input-wrap,.produk.tambah.angkur .second-box .input-ya .five-group .input-wrap,.produk.tambah.trekstang .second-box .input-ya .five-group .input-wrap,.produk.tambah.lonjor .second-box .input-ya .five-group .input-wrap,.produk.tambah.custom .second-box .input-ya .five-group .input-wrap{width:100%}.produk.tambah.ring .second-box .input-tidak,.produk.tambah.angkur .second-box .input-tidak,.produk.tambah.trekstang .second-box .input-tidak,.produk.tambah.lonjor .second-box .input-tidak,.produk.tambah.custom .second-box .input-tidak{display:flex;flex-direction:column;width:100%;gap:20px}.produk.tambah.ring .second-box .input-tidak .first-group,.produk.tambah.angkur .second-box .input-tidak .first-group,.produk.tambah.trekstang .second-box .input-tidak .first-group,.produk.tambah.lonjor .second-box .input-tidak .first-group,.produk.tambah.custom .second-box .input-tidak .first-group{display:flex;gap:20px}.produk.tambah.ring .second-box .input-tidak .first-group .input-wrap,.produk.tambah.angkur .second-box .input-tidak .first-group .input-wrap,.produk.tambah.trekstang .second-box .input-tidak .first-group .input-wrap,.produk.tambah.lonjor .second-box .input-tidak .first-group .input-wrap,.produk.tambah.custom .second-box .input-tidak .first-group .input-wrap{display:flex;flex-direction:column;gap:5px;width:50%}.produk.tambah.ring .second-box .input-tidak .first-group .input-wrap input,.produk.tambah.angkur .second-box .input-tidak .first-group .input-wrap input,.produk.tambah.trekstang .second-box .input-tidak .first-group .input-wrap input,.produk.tambah.lonjor .second-box .input-tidak .first-group .input-wrap input,.produk.tambah.custom .second-box .input-tidak .first-group .input-wrap input{font-size:15px;padding-left:35px}.produk.tambah.ring .second-box .input-tidak .second-group,.produk.tambah.angkur .second-box .input-tidak .second-group,.produk.tambah.trekstang .second-box .input-tidak .second-group,.produk.tambah.lonjor .second-box .input-tidak .second-group,.produk.tambah.custom .second-box .input-tidak .second-group{display:flex;gap:20px}.produk.tambah.ring .second-box .input-tidak .second-group .input-wrap,.produk.tambah.angkur .second-box .input-tidak .second-group .input-wrap,.produk.tambah.trekstang .second-box .input-tidak .second-group .input-wrap,.produk.tambah.lonjor .second-box .input-tidak .second-group .input-wrap,.produk.tambah.custom .second-box .input-tidak .second-group .input-wrap{display:flex;flex-direction:column;gap:5px;width:100%}.produk.tambah.ring .second-box .input-tidak .second-group .input-wrap input,.produk.tambah.angkur .second-box .input-tidak .second-group .input-wrap input,.produk.tambah.trekstang .second-box .input-tidak .second-group .input-wrap input,.produk.tambah.lonjor .second-box .input-tidak .second-group .input-wrap input,.produk.tambah.custom .second-box .input-tidak .second-group .input-wrap input{font-size:15px}.produk.tambah.ring .second-box .input-tidak .third-group,.produk.tambah.ring .second-box .input-tidak .fourth-group,.produk.tambah.angkur .second-box .input-tidak .third-group,.produk.tambah.angkur .second-box .input-tidak .fourth-group,.produk.tambah.trekstang .second-box .input-tidak .third-group,.produk.tambah.trekstang .second-box .input-tidak .fourth-group,.produk.tambah.lonjor .second-box .input-tidak .third-group,.produk.tambah.lonjor .second-box .input-tidak .fourth-group,.produk.tambah.custom .second-box .input-tidak .third-group,.produk.tambah.custom .second-box .input-tidak .fourth-group{display:flex;gap:20px}.produk.tambah.ring .second-box .input-tidak .third-group .input-wrap,.produk.tambah.ring .second-box .input-tidak .fourth-group .input-wrap,.produk.tambah.angkur .second-box .input-tidak .third-group .input-wrap,.produk.tambah.angkur .second-box .input-tidak .fourth-group .input-wrap,.produk.tambah.trekstang .second-box .input-tidak .third-group .input-wrap,.produk.tambah.trekstang .second-box .input-tidak .fourth-group .input-wrap,.produk.tambah.lonjor .second-box .input-tidak .third-group .input-wrap,.produk.tambah.lonjor .second-box .input-tidak .fourth-group .input-wrap,.produk.tambah.custom .second-box .input-tidak .third-group .input-wrap,.produk.tambah.custom .second-box .input-tidak .fourth-group .input-wrap{display:flex;flex-direction:column;gap:5px;width:50%}.produk.tambah.ring .second-box .input-tidak .third-group .input-wrap .checkbox-container,.produk.tambah.ring .second-box .input-tidak .fourth-group .input-wrap .checkbox-container,.produk.tambah.angkur .second-box .input-tidak .third-group .input-wrap .checkbox-container,.produk.tambah.angkur .second-box .input-tidak .fourth-group .input-wrap .checkbox-container,.produk.tambah.trekstang .second-box .input-tidak .third-group .input-wrap .checkbox-container,.produk.tambah.trekstang .second-box .input-tidak .fourth-group .input-wrap .checkbox-container,.produk.tambah.lonjor .second-box .input-tidak .third-group .input-wrap .checkbox-container,.produk.tambah.lonjor .second-box .input-tidak .fourth-group .input-wrap .checkbox-container,.produk.tambah.custom .second-box .input-tidak .third-group .input-wrap .checkbox-container,.produk.tambah.custom .second-box .input-tidak .fourth-group .input-wrap .checkbox-container{display:flex;gap:20px}.produk.tambah.ring .second-box .input-tidak .third-group .input-wrap .checkbox-container .checkbox-label,.produk.tambah.ring .second-box .input-tidak .fourth-group .input-wrap .checkbox-container .checkbox-label,.produk.tambah.angkur .second-box .input-tidak .third-group .input-wrap .checkbox-container .checkbox-label,.produk.tambah.angkur .second-box .input-tidak .fourth-group .input-wrap .checkbox-container .checkbox-label,.produk.tambah.trekstang .second-box .input-tidak .third-group .input-wrap .checkbox-container .checkbox-label,.produk.tambah.trekstang .second-box .input-tidak .fourth-group .input-wrap .checkbox-container .checkbox-label,.produk.tambah.lonjor .second-box .input-tidak .third-group .input-wrap .checkbox-container .checkbox-label,.produk.tambah.lonjor .second-box .input-tidak .fourth-group .input-wrap .checkbox-container .checkbox-label,.produk.tambah.custom .second-box .input-tidak .third-group .input-wrap .checkbox-container .checkbox-label,.produk.tambah.custom .second-box .input-tidak .fourth-group .input-wrap .checkbox-container .checkbox-label{font-size:14px;display:flex;gap:5px;align-items:center;color:#000;font-size:16px;font-weight:400;margin:0}.produk.tambah.ring .second-box .input-tidak .third-group .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.ring .second-box .input-tidak .fourth-group .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.angkur .second-box .input-tidak .third-group .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.angkur .second-box .input-tidak .fourth-group .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.trekstang .second-box .input-tidak .third-group .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.trekstang .second-box .input-tidak .fourth-group .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.lonjor .second-box .input-tidak .third-group .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.lonjor .second-box .input-tidak .fourth-group .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.custom .second-box .input-tidak .third-group .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.custom .second-box .input-tidak .fourth-group .input-wrap .checkbox-container .checkbox-label input[type=checkbox]{accent-color:#48a564;margin-left:5px;width:15px;height:15px}.produk.tambah.ring .second-box .input-tidak .third-group .input-wrap input,.produk.tambah.ring .second-box .input-tidak .fourth-group .input-wrap input,.produk.tambah.angkur .second-box .input-tidak .third-group .input-wrap input,.produk.tambah.angkur .second-box .input-tidak .fourth-group .input-wrap input,.produk.tambah.trekstang .second-box .input-tidak .third-group .input-wrap input,.produk.tambah.trekstang .second-box .input-tidak .fourth-group .input-wrap input,.produk.tambah.lonjor .second-box .input-tidak .third-group .input-wrap input,.produk.tambah.lonjor .second-box .input-tidak .fourth-group .input-wrap input,.produk.tambah.custom .second-box .input-tidak .third-group .input-wrap input,.produk.tambah.custom .second-box .input-tidak .fourth-group .input-wrap input{font-size:15px}.produk.tambah.ring .second-box .input-tidak .third-group .input-wrap .input-dart,.produk.tambah.ring .second-box .input-tidak .fourth-group .input-wrap .input-dart,.produk.tambah.angkur .second-box .input-tidak .third-group .input-wrap .input-dart,.produk.tambah.angkur .second-box .input-tidak .fourth-group .input-wrap .input-dart,.produk.tambah.trekstang .second-box .input-tidak .third-group .input-wrap .input-dart,.produk.tambah.trekstang .second-box .input-tidak .fourth-group .input-wrap .input-dart,.produk.tambah.lonjor .second-box .input-tidak .third-group .input-wrap .input-dart,.produk.tambah.lonjor .second-box .input-tidak .fourth-group .input-wrap .input-dart,.produk.tambah.custom .second-box .input-tidak .third-group .input-wrap .input-dart,.produk.tambah.custom .second-box .input-tidak .fourth-group .input-wrap .input-dart{display:flex;flex-direction:row;gap:5px;width:50%}.produk.tambah.ring .second-box .third-group,.produk.tambah.ring .second-box .fourth-group,.produk.tambah.angkur .second-box .third-group,.produk.tambah.angkur .second-box .fourth-group,.produk.tambah.trekstang .second-box .third-group,.produk.tambah.trekstang .second-box .fourth-group,.produk.tambah.lonjor .second-box .third-group,.produk.tambah.lonjor .second-box .fourth-group,.produk.tambah.custom .second-box .third-group,.produk.tambah.custom .second-box .fourth-group{display:flex;gap:20px}.produk.tambah.ring .second-box .third-group .input-wrap,.produk.tambah.ring .second-box .fourth-group .input-wrap,.produk.tambah.angkur .second-box .third-group .input-wrap,.produk.tambah.angkur .second-box .fourth-group .input-wrap,.produk.tambah.trekstang .second-box .third-group .input-wrap,.produk.tambah.trekstang .second-box .fourth-group .input-wrap,.produk.tambah.lonjor .second-box .third-group .input-wrap,.produk.tambah.lonjor .second-box .fourth-group .input-wrap,.produk.tambah.custom .second-box .third-group .input-wrap,.produk.tambah.custom .second-box .fourth-group .input-wrap{display:flex;flex-direction:column;gap:5px;width:100%}.produk.tambah.ring .second-box .third-group .input-wrap .checkbox-container,.produk.tambah.ring .second-box .fourth-group .input-wrap .checkbox-container,.produk.tambah.angkur .second-box .third-group .input-wrap .checkbox-container,.produk.tambah.angkur .second-box .fourth-group .input-wrap .checkbox-container,.produk.tambah.trekstang .second-box .third-group .input-wrap .checkbox-container,.produk.tambah.trekstang .second-box .fourth-group .input-wrap .checkbox-container,.produk.tambah.lonjor .second-box .third-group .input-wrap .checkbox-container,.produk.tambah.lonjor .second-box .fourth-group .input-wrap .checkbox-container,.produk.tambah.custom .second-box .third-group .input-wrap .checkbox-container,.produk.tambah.custom .second-box .fourth-group .input-wrap .checkbox-container{display:flex;gap:20px}.produk.tambah.ring .second-box .third-group .input-wrap .checkbox-container .checkbox-label,.produk.tambah.ring .second-box .fourth-group .input-wrap .checkbox-container .checkbox-label,.produk.tambah.angkur .second-box .third-group .input-wrap .checkbox-container .checkbox-label,.produk.tambah.angkur .second-box .fourth-group .input-wrap .checkbox-container .checkbox-label,.produk.tambah.trekstang .second-box .third-group .input-wrap .checkbox-container .checkbox-label,.produk.tambah.trekstang .second-box .fourth-group .input-wrap .checkbox-container .checkbox-label,.produk.tambah.lonjor .second-box .third-group .input-wrap .checkbox-container .checkbox-label,.produk.tambah.lonjor .second-box .fourth-group .input-wrap .checkbox-container .checkbox-label,.produk.tambah.custom .second-box .third-group .input-wrap .checkbox-container .checkbox-label,.produk.tambah.custom .second-box .fourth-group .input-wrap .checkbox-container .checkbox-label{font-size:14px;display:flex;gap:5px;align-items:center;color:#000;font-size:16px;font-weight:600;margin:0}.produk.tambah.ring .second-box .third-group .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.ring .second-box .fourth-group .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.angkur .second-box .third-group .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.angkur .second-box .fourth-group .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.trekstang .second-box .third-group .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.trekstang .second-box .fourth-group .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.lonjor .second-box .third-group .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.lonjor .second-box .fourth-group .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.custom .second-box .third-group .input-wrap .checkbox-container .checkbox-label input[type=checkbox],.produk.tambah.custom .second-box .fourth-group .input-wrap .checkbox-container .checkbox-label input[type=checkbox]{accent-color:#48a564;margin-left:5px;width:15px;height:15px}.produk.tambah.ring .second-box .third-group .input-wrap input,.produk.tambah.ring .second-box .fourth-group .input-wrap input,.produk.tambah.angkur .second-box .third-group .input-wrap input,.produk.tambah.angkur .second-box .fourth-group .input-wrap input,.produk.tambah.trekstang .second-box .third-group .input-wrap input,.produk.tambah.trekstang .second-box .fourth-group .input-wrap input,.produk.tambah.lonjor .second-box .third-group .input-wrap input,.produk.tambah.lonjor .second-box .fourth-group .input-wrap input,.produk.tambah.custom .second-box .third-group .input-wrap input,.produk.tambah.custom .second-box .fourth-group .input-wrap input{font-size:15px}.produk.tambah.ring .second-box .third-group .input-wrap .input-dart,.produk.tambah.ring .second-box .fourth-group .input-wrap .input-dart,.produk.tambah.angkur .second-box .third-group .input-wrap .input-dart,.produk.tambah.angkur .second-box .fourth-group .input-wrap .input-dart,.produk.tambah.trekstang .second-box .third-group .input-wrap .input-dart,.produk.tambah.trekstang .second-box .fourth-group .input-wrap .input-dart,.produk.tambah.lonjor .second-box .third-group .input-wrap .input-dart,.produk.tambah.lonjor .second-box .fourth-group .input-wrap .input-dart,.produk.tambah.custom .second-box .third-group .input-wrap .input-dart,.produk.tambah.custom .second-box .fourth-group .input-wrap .input-dart{display:flex;flex-direction:row;gap:5px;width:100%}.produk.tambah.ring .third-box,.produk.tambah.angkur .third-box,.produk.tambah.trekstang .third-box,.produk.tambah.lonjor .third-box,.produk.tambah.custom .third-box{display:flex;flex-direction:column;width:100%;padding:30px;background:#fff;border-radius:10px;gap:20px}.produk.tambah.ring .third-box .input-wrap.angkur .label,.produk.tambah.angkur .third-box .input-wrap.angkur .label,.produk.tambah.trekstang .third-box .input-wrap.angkur .label,.produk.tambah.lonjor .third-box .input-wrap.angkur .label,.produk.tambah.custom .third-box .input-wrap.angkur .label{margin-bottom:10px}.produk.tambah.ring .third-box .input-wrap.angkur .harga,.produk.tambah.angkur .third-box .input-wrap.angkur .harga,.produk.tambah.trekstang .third-box .input-wrap.angkur .harga,.produk.tambah.lonjor .third-box .input-wrap.angkur .harga,.produk.tambah.custom .third-box .input-wrap.angkur .harga{padding-left:12px}.produk.tambah.ring .third-box .top-table,.produk.tambah.angkur .third-box .top-table,.produk.tambah.trekstang .third-box .top-table,.produk.tambah.lonjor .third-box .top-table,.produk.tambah.custom .third-box .top-table{display:flex;justify-content:space-between;align-items:center;margin:10px 10px 0}.produk.tambah.ring .third-box .top-table .text-1,.produk.tambah.angkur .third-box .top-table .text-1,.produk.tambah.trekstang .third-box .top-table .text-1,.produk.tambah.lonjor .third-box .top-table .text-1,.produk.tambah.custom .third-box .top-table .text-1{color:#4a4a4a;font-weight:700;font-size:20px}.produk.tambah.ring .third-box .top-table .text-2,.produk.tambah.angkur .third-box .top-table .text-2,.produk.tambah.trekstang .third-box .top-table .text-2,.produk.tambah.lonjor .third-box .top-table .text-2,.produk.tambah.custom .third-box .top-table .text-2{padding:10px 20px;justify-content:center;align-items:center;background:#414141!important;color:#fff;border-radius:10px;cursor:pointer}.produk.tambah.custom .first-box{align-items:flex-start}.produk.tambah.custom .first-box .upload-img{min-height:280px;flex-shrink:0}.produk.tambah.custom .first-box .input-box-card,.produk.tambah.custom .first-box .input-box-card-3{align-items:flex-end;flex-wrap:wrap}.produk.tambah.custom .first-box .input-box-card>.input-wrap,.produk.tambah.custom .first-box .input-box-card>.input-wrap2,.produk.tambah.custom .first-box .input-box-card-3>.input-wrap,.produk.tambah.custom .first-box .input-box-card-3>.input-wrap2{flex:1 1 180px;min-width:160px;width:auto}.produk.tambah.as .first-box{display:flex;width:100%;padding:30px;background:#fff;border-radius:10px;gap:20px}.produk.tambah.as .first-box .upload-img{width:30%;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;padding:10px 18px 18px 10px;border-radius:10px;cursor:pointer;border:none;background:url("data:image/svg+xml;utf8,                    <svg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' width='100%' height='100%'>                    <rect x='1' y='1' width='98%' height='98%' rx='10' ry='10' fill='none' stroke='%234C4C4C' stroke-width='1' stroke-dasharray='15,15'/>                    </svg>") no-repeat;background-size:100% 100%}.produk.tambah.as .first-box .upload-img .upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.produk.tambah.as .first-box .upload-img .upload-placeholder .text-1{color:#4c4c4c;font-size:16px;font-weight:400;text-align:center}.produk.tambah.as .first-box .upload-img .upload-placeholder .text-2{color:#5a5959;font-size:14px;font-weight:300}.produk.tambah.as .first-box .upload-img .upload-placeholder .upload-btn{display:flex;gap:10px;align-items:center;background:#424242;color:#fff;border-radius:20px;padding:10px 20px}.produk.tambah.as .first-box .input-box{width:70%;display:flex;flex-direction:column;gap:30px}.produk.tambah.as .first-box .input-box .input-wrap,.produk.tambah.as .first-box .input-box .input-wrap2{display:flex;flex-direction:column;gap:5px}.produk.tambah.as .first-box .input-box .input-wrap input,.produk.tambah.as .first-box .input-box .input-wrap2 input{font-size:15px}.produk.tambah.as .first-box .input-box .input-wrap input:disabled,.produk.tambah.as .first-box .input-box .input-wrap2 input:disabled{background:#dbdbdb}.produk.tambah.as .first-box .input-box .input-wrap .select-wrapper4,.produk.tambah.as .first-box .input-box .input-wrap2 .select-wrapper4{width:100%}.produk.tambah.as .second-box{display:flex;flex-direction:column;width:100%;padding:30px;background:#fff;border-radius:10px;gap:20px}.produk.tambah.as .second-box .top{display:flex;justify-content:space-between;align-items:center}.produk.tambah.as .second-box .top .text-1{color:#4a4a4a;font-weight:700;font-size:20px;padding-bottom:20px;width:100%;border-bottom:1px solid #e3e3e3}.produk.tambah.as .second-box .bottom{display:flex;gap:20px}.produk.tambah.as .second-box .bottom .input-wrap{display:flex;flex-direction:column;gap:5px;width:50%}.produk.tambah.as .second-box .bottom .input-wrap input{font-size:15px}.produk.tambah.as .second-box .bottom .input-wrap input:disabled{background:#dbdbdb}.produk.tambah.as .second-box .bottom .input-wrap .select-wrapper4{width:100%}.produk.tambah.as .third-box{display:flex;flex-direction:column;width:100%;padding:30px;background:#fff;border-radius:10px;gap:20px}.produk.tambah.as .third-box .top-table{display:flex;justify-content:space-between;align-items:center;margin:10px 10px 0}.produk.tambah.as .third-box .top-table .text-1{color:#4a4a4a;font-weight:700;font-size:20px}.produk.tambah.as .third-box .top-table .text-2{padding:10px 20px;justify-content:center;align-items:center;background:#414141;color:#fff;border-radius:10px;cursor:pointer}.produk.tambah .button-group{display:flex;gap:20px;width:100%}.produk.tambah .button-group a{width:50%;padding:10px 0;border-radius:10px;border:1px solid #ff0000;background:#fff;color:red;text-align:center;cursor:pointer}.produk.tambah .button-group .tambah{background:#48ab65;color:#fff;border:1px solid #48ab65}.produk.tambah.pengrajin .label{color:#000;font-size:16px;font-weight:500;margin-bottom:10px}.produk.tambah.pengrajin .purchase-types .checkbox-group{margin-top:10px;display:flex;gap:1.5rem;flex-wrap:wrap}.produk.tambah.pengrajin .purchase-types .checkbox-group label{display:flex;align-items:center;gap:.3rem;cursor:pointer;font-size:.9rem}.produk.tambah.pengrajin .purchase-types .checkbox-group label input[type=checkbox]{width:18px;height:18px;accent-color:#333;cursor:pointer}.produk.tambah.pengrajin .price-inputs{display:flex;gap:24px}.produk.tambah.pengrajin .price-inputs div{width:100%}.produk.tambah.pengrajin .price-inputs div input{margin-top:6px;padding:12px;border:1px solid #ccc;border-radius:6px;font-size:.9rem;width:80%;-moz-appearance:textfield}.produk.tambah.pengrajin .price-inputs div input::-webkit-inner-spin-button,.produk.tambah.pengrajin .price-inputs div input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.produk.tambah.pengrajin .price-inputs div input:focus{outline:none;border:1px solid #d3d3d3;box-shadow:none}.produk.tambah.pengrajin .price-inputs div input:disabled{background:#f3f3f3;color:#999;cursor:not-allowed}.produk.tambah.pengrajin .third-box .top-table{display:flex;justify-content:space-between;align-items:center;margin:10px 10px 0}.produk.tambah.pengrajin .third-box .top-table .text-1{color:#4a4a4a;font-weight:700;font-size:20px}.produk.tambah.pengrajin .third-box .top-table .text-2{padding:10px 20px;justify-content:center;align-items:center;background:#414141;color:#fff;border-radius:4px;cursor:pointer}.produk.detail{display:flex;flex-direction:column;gap:20px;width:100%}.produk.detail .first-row{display:flex;gap:10px}.produk.detail .first-row .left-box{width:100%;display:flex;gap:20px;padding:20px;border-radius:10px;background-color:#fff;border:1px solid #d9d9d9}.produk.detail .first-row .left-box img{width:160px;height:160px;border-radius:10px}.produk.detail .first-row .left-box img.grid-1{width:128px;height:128px}.produk.detail .first-row .left-box .right-row{width:100%;display:flex;flex-direction:column}.produk.detail .first-row .left-box .right-row .top-text{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;margin-bottom:16px;border-bottom:2px solid #e4e4e4}.produk.detail .first-row .left-box .right-row .top-text .group-text{display:flex;flex-direction:column;margin-right:30px}.produk.detail .first-row .left-box .right-row .top-text .group-text .text-1{color:#999;font-size:16px;font-weight:500;letter-spacing:-.8px}.produk.detail .first-row .left-box .right-row .top-text .group-text .text-2{color:#2e2e2e;font-size:18px;font-weight:500}.produk.detail .first-row .left-box .right-row .top-text .group-text .text-2.tms span{font-size:12px;padding:4px 12px;background-color:#ececec;color:#555;border-radius:50px;margin-left:4px}.produk.detail .first-row .left-box .right-row .top-text .group-text .text-3{color:#2e2e2e;font-size:18px;font-weight:500}.produk.detail .first-row .left-box .right-row .top-text .status{padding:8px 12px;border-radius:5px;width:fit-content;line-height:1.1;background-color:#56cb3f;color:#fff}.produk.detail .first-row .left-box .right-row .top-text .status.tidak-aktif{background-color:#ff4d4d!important}.produk.detail .first-row .left-box .right-row .bottom-text{display:flex;align-items:center;gap:20px;width:100%}.produk.detail .first-row .left-box .right-row .bottom-text .info{width:100%}.produk.detail .first-row .left-box .right-row .bottom-text .info .outer-group{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;width:100%;padding:5px 0}.produk.detail .first-row .left-box .right-row .bottom-text .info .outer-group.grid-2{grid-template-columns:1fr 1fr}.produk.detail .first-row .left-box .right-row .bottom-text .info .outer-group.grid-4{grid-template-columns:1fr 1fr 1fr 1fr}.produk.detail .first-row .left-box .right-row .bottom-text .info .outer-group.grid-5{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.produk.detail .first-row .left-box .right-row .bottom-text .info .outer-group .group-text{display:flex;flex-direction:column;width:100%}.produk.detail .first-row .left-box .right-row .bottom-text .info .outer-group .group-text .text-1{color:#999;font-size:14px;font-weight:500;letter-spacing:-.7px}.produk.detail .first-row .left-box .right-row .bottom-text .info .outer-group .group-text .text-2{color:#2e2e2e;font-size:16px;font-weight:500;letter-spacing:-.7px}.produk.detail .first-row .left-box .right-row .bottom-text .info .outer-group .group-text .text-2.sertifikat{display:flex;justify-content:space-between;align-items:center}.produk.detail .first-row .left-box .right-row .bottom-text .info .outer-group:nth-child(1){border-bottom:1px solid #e4e4e4}.produk.detail .first-row .left-box .right-row .bottom-text .info .outer-group:nth-child(2){border-bottom:1px solid #e4e4e4}.produk.detail .first-row .left-box .right-row .bottom-text.as .text-1{color:#999;font-size:13px;font-weight:400}.produk.detail .first-row .left-box .right-row .bottom-text.as .group-text{display:flex;justify-content:space-between;align-items:center}.produk.detail .first-row .left-box .right-row .bottom-text.as .group-text .text-2{color:#4c4c4c;font-size:14px;font-weight:400}.produk.detail .first-row .left-box .right-row .bottom-text.as .group-text .text-3{color:#4c4c4c;font-size:14px;font-weight:400;padding:2px 10px;border-radius:20px;border:1px solid #a8a8a8}.produk.detail .first-row .middle-box{width:15%;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;padding:20px;border-radius:10px;background-color:#fff;border:1px solid #d9d9d9}.produk.detail .first-row .middle-box.left{gap:20px}.produk.detail .first-row .middle-box.left .text-1{font-size:12px}.produk.detail .first-row .middle-box.left .text-2{font-size:14px;font-weight:600}.produk.detail .first-row .middle-box.right{width:25%;flex-direction:column;background-color:transparent;border:none;padding:0;gap:10px}.produk.detail .first-row .middle-box.right .middle-box{height:100%;width:100%;flex-direction:row;gap:10px}.produk.detail .first-row .middle-box.right .middle-box .text-1,.produk.detail .first-row .middle-box.right .middle-box .text-2{text-align:left;white-space:nowrap}.produk.detail .first-row .middle-box img{width:60px;height:60px}.produk.detail .first-row .middle-box .text-1{color:#8c8c8c;font-size:15px;font-weight:400;text-align:center}.produk.detail .first-row .middle-box .text-2{color:#000;text-align:center;font-size:16px;font-weight:400}.produk.detail .first-row .right-box{width:20%;display:flex;flex-direction:column;gap:10px}.produk.detail .first-row .right-box .top-text{display:flex;align-items:center;justify-content:space-between}.produk.detail .first-row .right-box .top-text .status{padding:6px 12px;border-radius:8px;font-size:14px;font-weight:700;color:#fff;background:#4a4a4a}.produk.detail .first-row .right-box .top-text .status.tidak-aktif{background:#ff4d4d;color:#fff}.produk.detail .first-row .right-box{justify-content:center;padding:20px;border-radius:10px;background-color:#fff;border:1px solid #d9d9d9}.produk.detail .first-row .right-box .image-box{padding:20px;border-radius:10px;border:1px solid #d9d9d9;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.produk.detail .first-row .right-box .image-box svg{width:300px;height:90px}.produk.detail .first-row .right-box .print{width:100%;padding:10px 0;border-radius:10px;background:#424242;color:#fff;text-align:center;cursor:pointer;font-size:15px;font-weight:700}.produk.detail .first-row .right-box .print svg{margin-left:5px}.produk.detail .second-row{width:100%;display:flex;gap:20px}.produk.detail .second-row .first-box{display:flex;gap:10px;padding:20px;border-radius:10px;background-color:#fff;border:1px solid #d9d9d9}.produk.detail .second-row .first-box .group-text{display:flex;flex-direction:column;justify-content:center}.produk.detail .second-row .first-box .group-text .text-1{color:#999;font-size:16px;font-weight:600}.produk.detail .second-row .first-box .group-text .text-2{color:#2e2e2e;font-size:21px;font-weight:700}.produk.detail .second-row .all-box{display:flex;padding:20px;border-radius:10px;background-color:#fff;border:1px solid #d9d9d9}.produk.detail .second-row .all-box .group-text{display:flex;flex-direction:column;justify-content:center;width:100%}.produk.detail .second-row .all-box .group-text .text-1{color:#999;font-size:13px;font-weight:400}.produk.detail .second-row .all-box .group-text .text-2{color:#2e2e2e;font-size:15px;font-weight:400}.produk.detail .second-row.baut .first-box{width:40%}.produk.detail .second-row.baut .first-box .group-text{width:25%}.produk.detail .second-row.baut .all-box{width:15%}.produk.detail .second-row.baut-set .first-box{width:30%}.produk.detail .second-row.baut-set .first-box .group-text{width:50%}.produk.detail .second-row.baut-set .all-box{width:17.5%}.produk.detail .second-row.angkur .first-box,.produk.detail .second-row.trekstang .first-box,.produk.detail .second-row.ring .first-box{width:100%}.produk.detail .second-row.angkur .first-box .group-text,.produk.detail .second-row.trekstang .first-box .group-text,.produk.detail .second-row.ring .first-box .group-text{width:100%;flex-direction:row;gap:10px;justify-content:flex-start}.produk.detail .nav-tabs{width:100%}.produk.detail .nav-tabs .nav-item{width:33.3%}.produk.detail .nav-tabs .nav-item .nav-link{width:100%;padding:15px;background-color:#e5e5e5;color:#818181;border-radius:0;border-right:.5px solid #d2d2d2;border-left:.5px solid #d2d2d2}.produk.detail .nav-tabs .nav-item .nav-link.active{background-color:#414141;color:#fff;border:.5px solid #414141!important}.produk.detail .card-datatable .first-top{display:flex;gap:10px;margin-bottom:15px}.produk.detail .card-datatable .second-top{display:flex;gap:10px}.produk.update-stock .card-update{padding:36px;border-radius:12px;background:#fff;margin-bottom:36px}.produk.update-stock .card-update hr{background:#eaeaea}.produk.update-stock .card-update .text-1{color:#1d1d1d;font-size:20px;font-weight:700}.produk.update-stock .card-update .input-wrap .label{margin-bottom:10px}.produk.update-stock .button-container{display:flex;align-items:center;gap:12px}.produk.update-stock .button-container .button-form{padding:10px;border-radius:8px;text-align:center;font-size:16px;font-weight:400;width:100%}.produk.update-stock .button-container .button-form.button-cancel{color:#f7384b;border:1px solid #f7384b;background:#fff}.produk.update-stock .button-container .button-form.button-success{color:#fff;border:1px solid #48ab65;background:#48ab65}.produk.update-stock.lonjor .group-input{display:flex;gap:12px;align-items:center;width:100%}.produk.update-stock.lonjor .group-input .input-wrap{width:100%}.produk.update-stock.baut .group-stok{display:flex;align-items:center;gap:24px}.produk.update-stock.pengrajin .group-pengrajin{display:grid;gap:12px}.produk .urutan-penamaan-section,.produk .ukuran-builder-section{width:100%}.produk .ukuran-builder-section{margin-bottom:16px}.produk .urutan-penamaan-card{padding:24px 28px 28px;border-radius:10px;background:#fff}.produk .urutan-penamaan-card .urutan-penamaan-header{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:16px}.produk .urutan-penamaan-card .urutan-penamaan-header .text-1{margin-bottom:0;color:#4c4c4c;font-size:16px;font-weight:500}.produk .urutan-penamaan-card .urutan-penamaan-header .text-2{margin-bottom:0;color:#5a5959;font-size:13px;font-weight:300}.produk .urutan-penamaan-list{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:4px 0 8px}.produk .urutan-item{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #dedddd;border-radius:20px;background:#fafafa;color:#424242;font-size:13px;font-weight:500;cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.produk .urutan-item svg{color:#9a9a9a;flex-shrink:0}.produk .urutan-item:active{cursor:grabbing}.produk .urutan-item.dragging{opacity:.55;background:#f0f0f0}.produk .urutan-item.over{border-color:#48ab65;box-shadow:0 0 0 2px #48ab652e;background:#f3fbf6}.produk .urutan-penamaan-preview-wrap{margin-top:18px}.produk .urutan-penamaan-preview-wrap .label{margin-bottom:8px;color:#4c4c4c;font-size:14px;font-weight:500}.produk .urutan-penamaan-preview{padding:12px 16px;border:1px dashed #48ab65;border-radius:8px;background:#f8faf9;color:#2f7a47;font-size:15px;font-weight:600;word-break:break-word}.pembelian{padding-top:30px;width:100%;display:flex;flex-direction:column;gap:30px}.pembelian p{margin:0;padding:0}.pembelian .top{display:flex;gap:10px;margin-bottom:15px}.pembelian.add{padding:20px;background:#fff;margin-top:30px;border-radius:10px;display:flex;flex-direction:column;gap:20px}.pembelian.add .top-section{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pembelian.add .top-section .input-wrap{width:auto;min-width:0}.pembelian.add .top-section .input-wrap .label,.pembelian.add .top-section .input-wrap>label,.pembelian.add .top-section .input-wrap .input-date2>label,.pembelian.add .top-section .input-wrap .cv-field-head label{color:#000;font-size:16px;font-weight:600}.pembelian.add .top-section .input-wrap .select-wrapper4{width:100%!important}.pembelian.add .top-section .input-wrap.manual-nota-block label{display:block;margin-bottom:.5rem;color:#000;font-size:16px;font-weight:600;line-height:1.5}.pembelian.add .top-section .input-wrap.manual-nota-block .pembelian-nota-input{box-sizing:border-box;width:100%;min-height:48px;background:#fff;border-radius:10px;border:1.5px solid #c9c9c9;padding:11px 14px;font-size:16px;font-weight:400;color:#4a4a4a;line-height:normal}.pembelian.add .top-section .input-wrap.manual-nota-block .pembelian-nota-input:focus{outline:none;border-color:#c9c9c9}.pembelian.add .nav-tabs{padding:12px;border-radius:6px;border-bottom:none;background-color:#fff3e6}.pembelian.add .nav-tabs .nav-item .nav-link{padding:5px 24px;border-radius:4px;color:var(--Penjualan, #ae7f26);background-color:transparent;font-family:Calibri,sans-serif;font-size:16px;font-weight:600}.pembelian.add .nav-tabs .nav-item .nav-link.active,.pembelian.add .nav-tabs .nav-item .nav-link:hover{background-color:#ae7f26;color:#fff}.pembelian.add .outer-table{border:1px solid #d9d9d9;border-radius:10px}.pembelian.add .outer-table .card-datatable{padding:0 20px 30px}.pembelian.add .outer-table .card-datatable .top{display:flex;justify-content:space-between;align-items:center;padding-top:20px;margin:0 10px}.pembelian.add .outer-table .card-datatable .top .text-1{color:#4a4a4a;font-size:16px;font-weight:700}.pembelian.add .outer-table .card-datatable .top .text-2{color:#000;font-size:18px;font-weight:600;margin-bottom:0}.pembelian.add .button-group{display:flex;gap:20px;width:100%}.pembelian.add .button-group a{flex:1;padding:10px 0;border-radius:10px;border:1px solid #ff485a;background:#fff;color:#ff485a;text-align:center;cursor:pointer}.pembelian.add .button-group .save-draft{background:#fdf8ef;color:#ae7f26;border:1px solid #ae7f26}.pembelian.add .button-group .submit{background:#ae7f26;color:#fff;border:1px solid #ae7f26}.pembelian.detail .top-section{display:flex;align-items:center;padding:20px;background-color:#fff;border-radius:10px;gap:20px}.pembelian.detail .top-section .left-section .top .text-2{padding:5px 10px;color:#fff;font-size:15px;border-radius:5px}.pembelian.detail .top-section .left-section .top .text-2.batal{background-color:#f7384b}.pembelian.detail .top-section .left-section .top .text-2.dikirim{background-color:#fda342}.pembelian.detail .top-section .left-section .top .text-2.selesai{background-color:#46a034}.pembelian.detail .top-section .right-section{width:50%;height:100%;border:1px solid #d9d9d9;border-radius:10px;padding:20px;display:flex;gap:10px;align-items:center}.pembelian.detail .top-section .file-upload{width:100%;height:fit-content}.pembelian.detail .top-section .file-upload__label{display:flex;justify-content:space-between;align-items:center;border:2px dashed #ddd;border-radius:8px;padding:6px 16px;cursor:pointer;transition:border-color .2s;margin-bottom:0}.pembelian.detail .top-section .file-upload__label:hover{border-color:#aaa}.pembelian.detail .top-section .file-upload__left{display:flex;align-items:center;gap:12px}.pembelian.detail .top-section .file-upload__left svg{flex-shrink:0}.pembelian.detail .top-section .file-upload__title{font-weight:600;font-size:10px;margin:0}.pembelian.detail .top-section .file-upload__desc{color:#888d91;font-size:10px;font-weight:400}.pembelian.detail .top-section .file-upload__right{background:#ae7f26;padding:6.034px;border-radius:50%;display:flex;align-items:center;justify-content:center}.pembelian.detail .top-section .file-upload__right svg{display:block}.pembelian.detail .top-section .date-format-container{width:100%}.pembelian.detail .top-section .date-format-container .date-format{height:100%;justify-content:space-between}.pembelian.detail .top-section .date-format-container .date-format p{color:var(--Primary, #414141);font-size:14px;font-weight:400}.pembelian.detail .top-section .date-format-container .label{color:#000;font-size:16px;font-weight:500;margin-bottom:8px}.pembelian.detail .top-section .input-wrap.konfirmasi{width:100%;height:100%}.pembelian.detail .top-section .input-wrap.konfirmasi .label{color:#000;font-size:16px;font-weight:500;margin-bottom:8px}.pembelian.detail .bottom-section{display:flex;padding:36px;flex-direction:column;gap:24px;border-radius:12px;background:#fff}.pembelian.detail .bottom-section .konfirmasi-card .top.atas{margin-bottom:0}.pembelian.detail .bottom-section .konfirmasi-card .top{display:flex;align-items:center;gap:24px}.pembelian.detail .bottom-section .konfirmasi-card .top .group{padding-left:10px;width:150px}.pembelian.detail .bottom-section .konfirmasi-card .top .group .text-1{color:var(--Secondary, #8c8c8c);font-size:14px;font-weight:400;margin-bottom:0}.pembelian.detail .bottom-section .konfirmasi-card .top .group .text-2{color:var(--Primary, #393939);font-size:16px;font-weight:400}.pembelian.detail .bottom-section .konfirmasi-card .top .rule{width:1px;height:48px;background:#e7e7e7}.pembelian.detail .bottom-section .konfirmasi-card .top{margin-bottom:16px}.pembelian.detail .bottom-section .konfirmasi-card .bottom .input-wrap.konfirmasi{width:100%;height:100%}.pembelian.detail .bottom-section .konfirmasi-card .bottom .input-wrap.konfirmasi .label{color:#000;font-size:14px;font-weight:500;margin-bottom:7px}.pembelian.detail .bottom-section .header-konfirmasi{display:flex;justify-content:space-between;align-items:center}.pembelian.detail .bottom-section .header-konfirmasi .text-1{color:var(--Primary, #3d3d3d);font-size:18px;font-weight:700;text-align:start}.pembelian.detail .bottom-section .header-konfirmasi .button-qr{display:flex;align-items:center;padding:12px;gap:10px;border-radius:6px;background:var(--Pembelian, #ae7f26)}.pembelian.detail .bottom-section .header-konfirmasi .button-qr img{padding:4px;border-radius:4px;background:#fff}.pembelian.detail .bottom-section .header-konfirmasi .button-qr span{color:#fff;font-size:16px;font-weight:700}.pembelian.detail .bottom-section .nota{padding:16px;border-radius:12px;background:#f8f8f8}.pembelian.detail .bottom-section .nota .text1{color:var(--Primary, #3d3d3d);font-size:16px;font-weight:500;margin-bottom:10px}.pembelian.detail .bottom-section .file-upload{width:100%;height:fit-content}.pembelian.detail .bottom-section .file-upload__label{display:flex;justify-content:space-between;align-items:center;border:2px dashed #ddd;border-radius:8px;padding:16px;cursor:pointer;transition:border-color .2s;margin-bottom:0}.pembelian.detail .bottom-section .file-upload__label:hover{border-color:#aaa}.pembelian.detail .bottom-section .file-upload__left{display:flex;align-items:center;gap:12px}.pembelian.detail .bottom-section .file-upload__left svg{flex-shrink:0}.pembelian.detail .bottom-section .file-upload__title{color:#1e1e1e;font-size:12px;font-weight:500}.pembelian.detail .bottom-section .file-upload__desc{color:#888d91;font-size:12px;font-weight:400}.pembelian.detail .bottom-section .file-upload__right{background:#ae7f26;padding:6.034px;border-radius:50%;display:flex;align-items:center;justify-content:center}.pembelian.detail .bottom-section .file-upload__right svg{display:block}.pembelian.detail .bottom-section .file-upload-load{width:100%;height:fit-content}.pembelian.detail .bottom-section .file-upload-load_label{width:100%;border-radius:8px;border:1px solid #eaecf0;background:#fff;padding:16px;cursor:pointer;transition:border-color .2s;margin-bottom:0}.pembelian.detail .bottom-section .file-upload-load_label:hover{border-color:#aaa}.pembelian.detail .bottom-section .file-upload-load_top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:10px}.pembelian.detail .bottom-section .file-upload-load_left{display:flex;align-items:center;gap:12px}.pembelian.detail .bottom-section .file-upload-load_left svg{border-radius:6.4px;background:var(--Pembelian, #ae7f26);padding:8px;width:30px;height:100%}.pembelian.detail .bottom-section .file-upload-load_title{color:#293056;font-size:12px;font-weight:600}.pembelian.detail .bottom-section .file-upload-load_desc{color:#9ca3af;font-size:12px;font-weight:500;line-height:.8}.pembelian.detail .bottom-section .file-upload-load_right{border-radius:var(--button, 6px);background:#f7384b;padding:6px;display:flex;align-items:center;justify-content:center}.pembelian.detail .bottom-section .file-upload-load_right svg{display:block}.pembelian.detail .bottom-section .file-upload-load .send-bar{width:100%;height:7px;border-radius:16px;background:var(--Cell-Pembelian, #ffe4c6)}.pembelian.detail .bottom-section .file-upload-load .send-bar.active{width:290px;height:7px;border-radius:16px;background:var(--Pembelian, #ae7f26)}.pembelian.detail .bottom-section.konfirmasi{border-radius:0 0 12px 12px}.pembelian.detail .nav-tabs .nav-item .nav-link{width:100%;padding:15px;background-color:#ffe4c6;color:#ae7f26;border-radius:0}.pembelian.detail .table-box,.pembelian.detail .table-box .date-format-container{width:100%}.pembelian.detail .table-box .date-format-container .date-format{height:100%;justify-content:space-between}.pembelian.detail .table-box .date-format-container .date-format p{color:var(--Primary, #414141);font-size:14px;font-weight:400}.pembelian.detail .table-box .date-format-container .label{color:#000;font-size:16px;font-weight:500;margin-bottom:8px}.pembelian.detail .table-box .first-top2 .text-1{color:#4a4a4a;font-size:16px;font-weight:700}.pembelian.detail .table-box .first-top2 .text-2{color:#000;font-size:18px;font-weight:600;margin-bottom:0}.pembelian.detail .table-box .first-top2 .group-btn .outer-btn{padding:10px 16px;background:#7e7e7e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.pembelian.detail .table-box .first-top2 .group-btn .outer-btn2{padding:10px 16px;background:#2e2e2e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.pembelian.detail .table-box .first-top2 .group-btn .outer-btn2 svg{margin-right:5px}.pembelian.detail .table-box .first-top2 .group-btn .outer-btn3{padding:10px 20px;border-radius:8px;color:#414141;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#fff}.pembelian.detail .table-box .first-top2 .group-btn .outer-btn4{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141}.pembelian.detail .table-box .first-top2 .group-btn .outer-btn5{padding:10px 20px;border-radius:8px;color:#414141;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #e5e5e5;background:#e5e5e5;display:flex;align-items:center;gap:5px}.pembelian.detail .table-box input.form-check-input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:25px;height:25px;margin:auto;transform:translateY(6px);border:2px solid #ccc;border-radius:8px;cursor:pointer;position:relative;transition:all .2s}.pembelian.detail .table-box input.form-check-input[type=checkbox]:checked{background-color:#b5832f;border-color:#b5832f}.pembelian.detail .table-box input.form-check-input[type=checkbox]:checked:after{content:"✔";color:#fff;font-size:15px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pembelian.detail .table-box table .check-status input{accent-color:#414141;height:18px;width:18px;margin:0;padding:0;display:flex;align-items:center}.pembelian.konfirmasi{display:flex;flex-direction:column;gap:30px;width:100%}.pembelian.konfirmasi .input-date-konfirmasi{position:relative;width:100%}.pembelian.konfirmasi .input-date-konfirmasi svg{position:absolute;left:13%;top:50%;transform:translateY(-50%)}.pembelian.konfirmasi .input-date-konfirmasi input{background:#fff;border-radius:10px;border:1.5px solid #c9c9c9;padding:10px 16px 10px 25px;font-size:15px;font-weight:400;color:#4a4a4a;text-align:left;width:100%}.pembelian.konfirmasi .input-date-konfirmasi input:focus{outline:none;border:1.5px solid #c9c9c9}.pembelian.konfirmasi .input-date-konfirmasi input[type=date]::-webkit-calendar-picker-indicator{position:absolute;right:0%;background-color:#e62129;opacity:0;z-index:5;padding:16px 47%}.pembelian.konfirmasi .top-section{display:flex;padding:20px;background-color:#fff;border-radius:10px;gap:20px}.pembelian.konfirmasi .top-section .left-section{width:40%;border-right:1px solid #d9d9d9;padding:20px;display:flex}.pembelian.konfirmasi .top-section .left-section.center{justify-content:center}.pembelian.konfirmasi .top-section .left-section .group-text{display:flex;flex-direction:column}.pembelian.konfirmasi .top-section .left-section .group-text .text-1{color:#8c8c8c;font-size:14px;font-weight:400}.pembelian.konfirmasi .top-section .left-section .group-text .text-2{color:#393939;font-size:16px;font-weight:400}.pembelian.konfirmasi .top-section .right-section{width:20%;padding:20px;display:flex;justify-content:center}.pembelian.konfirmasi .top-section .right-section .group-text{display:flex;flex-direction:column}.pembelian.konfirmasi .top-section .right-section .group-text .text-1{color:#8c8c8c;font-size:14px;font-weight:400}.pembelian.konfirmasi .top-section .right-section .group-text .text-2{color:#393939;font-size:16px;font-weight:400}.pembelian.konfirmasi .middle-section{display:flex;flex-direction:column;padding:20px;background-color:#fff;border-radius:10px;gap:20px;width:100%}.pembelian.konfirmasi .middle-section .inner-group .text-1{color:#8c8c8c}.pembelian.konfirmasi .middle-section .input-group-add{display:flex;flex-direction:column;gap:5px}.pembelian.konfirmasi .middle-section .input-group-add .text-1{color:#3d3d3d;font-size:14px;font-weight:500}.pembelian.konfirmasi .middle-section .selected-products{display:flex;flex-direction:column;gap:10px;width:100%;padding-bottom:20px;border-bottom:1px dashed #e7e7e7}.pembelian.konfirmasi .middle-section .selected-products__row{display:flex;width:100%;gap:20px}.pembelian.konfirmasi .middle-section .selected-products__column{display:flex;flex-direction:column;flex:1 1 15%;gap:4px;margin-left:0;padding-right:16px;border-right:1px solid #d9d9d9}.pembelian.konfirmasi .middle-section .selected-products__column:last-child{border-right:none;padding-right:0}.pembelian.konfirmasi .middle-section .selected-products__column .text-1{color:#8c8c8c;font-size:14px;font-weight:400}.pembelian.konfirmasi .middle-section .selected-products__column .text-2{color:#393939;font-size:16px;font-weight:500}.pembelian.konfirmasi .middle-section .selected-products__column--product{flex:2 1 40%}.pembelian.konfirmasi .middle-section .selected-products__meta{color:#7a7a7a;font-size:12px}@media(max-width:1200px){.pembelian.konfirmasi .middle-section .selected-products__row{gap:12px}.pembelian.konfirmasi .middle-section .selected-products__column{padding-right:12px}}@media(max-width:992px){.pembelian.konfirmasi .middle-section .selected-products__row{flex-wrap:wrap;row-gap:12px}.pembelian.konfirmasi .middle-section .selected-products__column{flex:1 1 45%;border-right:none;padding-right:0}.pembelian.konfirmasi .middle-section .selected-products__column--product{flex-basis:100%}}.pembelian.konfirmasi .middle-section .bottom-box{display:flex;flex-direction:column;gap:15px;width:100%;padding:20px;background:#f6f6f6;border-radius:10px}.pembelian.konfirmasi .middle-section .bottom-box .upper-radio{display:flex;justify-content:space-between;align-items:center;width:100%}.pembelian.konfirmasi .middle-section .bottom-box .upper-radio .text-1{color:#393939;font-size:16px;font-weight:400}.pembelian.konfirmasi .middle-section .bottom-box .upper-radio .outer-group{display:flex;gap:30px}.pembelian.konfirmasi .middle-section .bottom-box .upper-radio .outer-group .radio-group{display:flex;gap:5px}.pembelian.konfirmasi .middle-section .bottom-box .upper-radio .outer-group .radio-group input[type=radio]{accent-color:#ae7f26}.pembelian.konfirmasi .middle-section .bottom-box .input-box-group{display:flex;gap:20px;width:100%}.pembelian.konfirmasi .middle-section .bottom-box .input-box-group .input-wrap{width:50%;display:flex;flex-direction:column;gap:5px}.pembelian.konfirmasi .middle-section .bottom-box .input-box-group .input-wrap .text-1{color:#3d3d3d;font-size:14px;font-weight:500}.pembelian.konfirmasi .middle-section .bottom-box .input-box-group .input-wrap .select-wrapper4{width:100%}.pembelian.konfirmasi .middle-section .bottom-box .input-box-group .input-wrap input{padding:12px 10px}.pembelian.konfirmasi .middle-section .bottom-box button.add-change-product{padding:12px;border-radius:10px;background:#ae7f26;color:#fff;font-weight:500;display:flex;justify-content:center;align-items:center}.pembelian.konfirmasi .button-group{display:flex;gap:20px;width:100%}.pembelian.konfirmasi .button-group a{width:50%;padding:10px 0;border-radius:10px;border:1px solid #f00;background:#fff;color:red;text-align:center;cursor:pointer}.pembelian.konfirmasi .button-group .tambah{background:#ae7f26;color:#fff;border:1px solid #ae7f26}.pembelian.konfirmasi .button-group .simpan{background:#ae7f26!important;color:#fff;border:1px solid #ae7f26!important}.pembelian.detail{display:flex;flex-direction:column;gap:30px;width:100%}.pembelian.detail .top-section{display:flex;padding:20px;background-color:#fff;border-radius:10px;gap:20px}.pembelian.detail .top-section .left-section{width:50%;border:1px solid #d9d9d9;border-radius:10px;padding:20px}.pembelian.detail .top-section .left-section .top{display:flex;justify-content:space-between;align-items:center}.pembelian.detail .top-section .left-section .top .text-1{color:#2e2e2e;font-size:20px;font-weight:700}.pembelian.detail .top-section .left-section .top .text-2{padding:5px 10px;background-color:#414141;color:#fff;font-size:15px;border-radius:5px}.pembelian.detail .top-section .left-section .bottom{display:flex;gap:20px}.pembelian.detail .top-section .left-section .bottom .half-bottom{width:50%;display:flex;flex-direction:column}.pembelian.detail .top-section .left-section .bottom .half-bottom .text-box{color:#696969;font-size:16px;font-weight:400}.pembelian.detail .top-section .left-section .bottom .half-bottom .text-box svg{margin-right:5px}.pembelian.detail .top-section .right-section{width:50%;border:1px solid #d9d9d9;border-radius:10px;padding:43px 20px;display:flex;gap:10px;align-items:center}.pembelian.detail .top-section .right-section img{width:50px}.pembelian.detail .top-section .right-section .text-group{display:flex;flex-direction:column}.pembelian.detail .top-section .right-section .text-group .text-1{color:#8c8c8c;font-size:16px;font-weight:600}.pembelian.detail .top-section .right-section .text-group .text-2{color:#393939;font-size:21px;font-weight:700}.pembelian.detail .nav-tabs{width:100%}.pembelian.detail .nav-tabs .nav-item{width:50%}.pembelian.detail .nav-tabs .nav-item .nav-link{width:100%;padding:15px;background-color:#dfdfdf;color:#585858;border-radius:0}.pembelian.detail .nav-tabs .nav-item .nav-link.active{background-color:#ae7f26;color:#fff}.pembelian.detail .table-box{width:100%}.pembelian.detail .table-box .first-top{display:flex;gap:10px;margin-bottom:15px}.pembelian.detail .table-box .first-top .text-1{color:#4a4a4a;font-size:16px;font-weight:700}.pembelian.detail .table-box .first-top2{display:flex;margin-bottom:15px;justify-content:space-between;align-items:center}.pembelian.detail .table-box .first-top2 .nav-tabs{padding:12px;border-radius:6px;border-bottom:none;background-color:#fff3e6;width:auto}.pembelian.detail .table-box .first-top2 .nav-tabs .nav-item{width:auto}.pembelian.detail .table-box .first-top2 .nav-tabs .nav-item .nav-link{padding:5px 24px;border-radius:4px;color:var(--Penjualan, #ae7f26);background-color:transparent;font-family:Calibri,sans-serif;font-size:16px;font-weight:600}.pembelian.detail .table-box .first-top2 .nav-tabs .nav-item .nav-link.active,.pembelian.detail .table-box .first-top2 .nav-tabs .nav-item .nav-link:hover{background-color:#ae7f26;color:#fff}.pembelian.detail .table-box .first-top2 .group-btn{display:flex;gap:10px}.pembelian.detail .table-box .first-top2 .group-btn.konfirmasi{display:none}.pembelian.detail .table-box .first-top2 .group-btn .outer-btn{padding:10px 16px;background:#ae7f26;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.pembelian.detail .table-box .first-top2 .group-btn .outer-btn svg{margin-right:5px}.pembelian.detail .table-box .first-top2 .group-btn .outer-btn3{padding:10px 20px;border-radius:8px;color:red;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #f00;background:#fff}.pembelian.detail .table-box .first-top2 .group-btn .outer-btn5{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;border:1px solid #ffe4c6;background:var(--Pembelian, #ae7f26);display:flex;align-items:center;gap:5px}.pembelian.detail .table-box .first-top2 .group-btn .outer-btn6{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141;display:flex;align-items:center;gap:5px}.pembelian.detail .table-box .first-top2 .group-btn .outer-btn7{padding:10px 30px;border-radius:8px;border:1px solid var(--Red-1, #f00);background:#fff;color:var(--Red-1, #f00);font-size:16px;font-weight:400}.pembelian.detail .table-box .first-top2 .group-btn .outer-btn8{padding:10px 30px;border-radius:8px;background:#48ab65;color:#fff;font-size:16px;font-weight:400}.pembelian.detail .table-box table .convert img{margin-left:5px;margin-bottom:2px}.pembelian.detail .table-box table .check-status{display:none}.pembelian.detail .table-box table .check-status input{accent-color:#12b38c;height:18px;width:18px;margin:0;padding:0;display:flex;align-items:center}.pembelian.detail .table-box .button-group{display:flex;gap:20px;width:100%;margin:30px 0}.pembelian.detail .table-box .button-group a{width:49.5%;padding:10px 0;border-radius:10px;border:1px solid #f00;background:#fff;color:red;text-align:center;cursor:pointer}.pembelian.detail .table-box .button-group .submit{background:#ae7f26;color:#fff;border:1px solid #ae7f26}.pembelian.detail .button-group{display:flex;gap:20px;width:100%}.pembelian.detail .button-group a{width:50%;padding:10px 0;border-radius:10px;border:1px solid #f00;background:#fff;color:red;text-align:center;cursor:pointer}.pembelian.detail .button-group .tambah{background:#ae7f26;color:#fff;border:1px solid #ae7f26}.pembelian.detail .button-group .simpan{background:#ae7f26!important;color:#fff;border:1px solid #ae7f26!important}.pembelian.tanda-terima{display:flex;flex-direction:column;gap:30px;width:100%}.pembelian.tanda-terima .table-box{width:100%;padding:30px 0;background-color:#fff;border-radius:10px}.pembelian.tanda-terima .table-box .card-datatable{padding-top:0}.pembelian.tanda-terima .table-box .input-group-add input{padding:5px 10px}.pembelian.tanda-terima .table-box .button-group{display:flex;gap:20px;width:100%;margin:0 30px}.pembelian.tanda-terima .table-box .button-group a{width:47.5%;padding:10px 0;border-radius:10px;border:1px solid #f00;background:#fff;color:red;text-align:center;cursor:pointer}.pembelian.tanda-terima .table-box .button-group .submit{background:#ae7f26;color:#fff;border:1px solid #ae7f26}#tableSemuaDikirim th.so-reorder-th,#tableSemuaDikirim td.so-reorder-td,#tableSemua th.so-reorder-th,#tableSemua td.so-reorder-td,#tableJasa th.so-reorder-th,#tableJasa td.so-reorder-td,#tableProduk th.so-reorder-th,#tableProduk td.so-reorder-td,#tableBaut th.so-reorder-th,#tableBaut td.so-reorder-td{width:56px!important;min-width:56px!important;max-width:56px!important;padding-left:4px!important;padding-right:4px!important;vertical-align:middle!important;box-sizing:border-box}#tableSemuaDikirim th.so-pilih-th,#tableSemuaDikirim td.so-pilih-td,#tableSemua th.so-pilih-th,#tableSemua td.so-pilih-td,#tableJasa th.so-pilih-th,#tableJasa td.so-pilih-td,#tableProduk th.so-pilih-th,#tableProduk td.so-pilih-td,#tableBaut th.so-pilih-th,#tableBaut td.so-pilih-td{width:48px!important;min-width:48px!important;max-width:48px!important;padding-left:6px!important;padding-right:6px!important;vertical-align:middle!important;box-sizing:border-box}#tableSemuaDikirim .so-reorder-th-icon,#tableSemua .so-reorder-th-icon,#tableJasa .so-reorder-th-icon,#tableProduk .so-reorder-th-icon,#tableBaut .so-reorder-th-icon{display:inline-block;color:#9ca3af;font-size:12px;letter-spacing:-1px;line-height:1;transform:rotate(90deg)}#tableSemuaDikirim .so-reorder-controls,#tableSemua .so-reorder-controls,#tableJasa .so-reorder-controls,#tableProduk .so-reorder-controls,#tableBaut .so-reorder-controls{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:0;height:28px;margin:0 auto}#tableSemuaDikirim .so-reorder-spacer,#tableSemua .so-reorder-spacer,#tableJasa .so-reorder-spacer,#tableProduk .so-reorder-spacer,#tableBaut .so-reorder-spacer{display:inline-block;width:28px;height:28px}#tableSemuaDikirim .so-reorder-btn,#tableSemua .so-reorder-btn,#tableJasa .so-reorder-btn,#tableProduk .so-reorder-btn,#tableBaut .so-reorder-btn{border:none;background:transparent;color:#9ca3af;cursor:pointer;width:16px;height:16px;padding:0;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}#tableSemuaDikirim .so-reorder-btn:hover,#tableSemua .so-reorder-btn:hover,#tableJasa .so-reorder-btn:hover,#tableProduk .so-reorder-btn:hover,#tableBaut .so-reorder-btn:hover{background:#eef2ff;color:#203eb4}#tableSemuaDikirim .so-reorder-grip,#tableSemua .so-reorder-grip,#tableJasa .so-reorder-grip,#tableProduk .so-reorder-grip,#tableBaut .so-reorder-grip{cursor:grab;color:#6b7280;width:18px;height:22px;padding:0;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none}#tableSemuaDikirim .so-reorder-grip:hover,#tableSemua .so-reorder-grip:hover,#tableJasa .so-reorder-grip:hover,#tableProduk .so-reorder-grip:hover,#tableBaut .so-reorder-grip:hover{background:#eef2ff;color:#203eb4}#tableSemuaDikirim .so-reorder-grip:active,#tableSemua .so-reorder-grip:active,#tableJasa .so-reorder-grip:active,#tableProduk .so-reorder-grip:active,#tableBaut .so-reorder-grip:active{cursor:grabbing}#tableSemuaDikirim td.so-pilih-td input[type=checkbox],#tableSemua td.so-pilih-td input[type=checkbox],#tableJasa td.so-pilih-td input[type=checkbox],#tableProduk td.so-pilih-td input[type=checkbox],#tableBaut td.so-pilih-td input[type=checkbox]{margin:0;width:16px;height:16px;accent-color:#203eb4;cursor:pointer;vertical-align:middle}#tableSemuaDikirim tbody.so-reorder-disabled .so-reorder-controls,#tableSemua tbody.so-reorder-disabled .so-reorder-controls,#tableJasa tbody.so-reorder-disabled .so-reorder-controls,#tableProduk tbody.so-reorder-disabled .so-reorder-controls,#tableBaut tbody.so-reorder-disabled .so-reorder-controls{opacity:.25;pointer-events:none}#tableSemuaDikirim tbody tr.so-dragging,#tableSemua tbody tr.so-dragging,#tableJasa tbody tr.so-dragging,#tableProduk tbody tr.so-dragging,#tableBaut tbody tr.so-dragging{opacity:.45;background:#f3f4f6}.file-upload-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.file-upload-placeholder{color:#888d91;font-size:12px;font-weight:500}.file-upload-load_label.is-static{cursor:default}.file-upload-status{font-size:12px;font-weight:500}.file-upload-status--uploading{color:#ae7f26}.file-upload-status--success{color:#1f9254}.file-upload-status--error{color:#f04438}.file-upload-action{display:inline-flex;align-items:center;gap:6px;color:#ae7f26;font-size:12px;font-weight:600;text-decoration:none}.file-upload-action:hover{text-decoration:underline}.send-bar__fill{height:100%;border-radius:inherit;background:var(--Pembelian, #ae7f26);transition:width .2s ease}.file-upload-card__meta{color:#888d91;font-size:12px;font-weight:400}.file-upload-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.penjualan{padding-top:30px;width:100%;display:flex;flex-direction:column;gap:30px}.penjualan .group-btn2{display:flex;gap:10px}.penjualan .group-btn2.konfirmasi{display:none}.penjualan .group-btn2 .outer-btn{padding:10px 16px;background:#7e7e7e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.penjualan .group-btn2 .outer-btn.different{background:#e4e8ff;color:#203eb4}.penjualan .group-btn2 .outer-btn.different svg path{fill:#203eb4}.penjualan .group-btn2 .outer-btn svg{margin-right:5px}.penjualan .group-btn2 .outer-btn2{padding:10px 16px;background:#2e2e2e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.penjualan .group-btn2 .outer-btn2 svg{margin-right:5px}.penjualan .group-btn2 .outer-btn3{padding:10px 20px;border-radius:8px;color:red;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #f00;background:#fff;width:50%;text-align:center}.penjualan .group-btn2 .outer-btn4{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141}.penjualan .group-btn2 .outer-btn5{padding:10px 20px;border-radius:8px;color:#ae7f26;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #ffe4c6;background:#ffe4c6;display:flex;align-items:center;gap:5px}.penjualan .group-btn2 .outer-btn6{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141;display:flex;align-items:center;gap:5px}.penjualan .group-btn2 .outer-btn7{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #48ab65;background:#48ab65;display:flex;align-items:center;gap:5px;width:50%;text-align:center;justify-content:center}.penjualan .file-upload{width:100%;height:fit-content}.penjualan .file-upload__label{display:flex;justify-content:space-between;align-items:center;border:2px dashed #ddd;border-radius:8px;padding:6px 16px;cursor:pointer;transition:border-color .2s;margin-bottom:0}.penjualan .file-upload__label:hover{border-color:#aaa}.penjualan .file-upload__left{display:flex;align-items:center;gap:12px}.penjualan .file-upload__left svg{flex-shrink:0}.penjualan .file-upload__title{font-weight:600;font-size:10px;margin:0}.penjualan .file-upload__desc{color:#888d91;font-size:10px;font-weight:400}.penjualan .file-upload__right{background:#203eb4;padding:6.034px;border-radius:50%;display:flex;align-items:center;justify-content:center}.penjualan .file-upload__right svg{display:block}.penjualan p{margin:0;padding:0}.penjualan .top{display:flex;gap:10px;margin-bottom:15px}.penjualan.add{display:flex;flex-direction:column;gap:20px}.penjualan.add .top-section{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;background:#fff;border-radius:10px;padding:20px}.penjualan.add .top-section .input-wrap{min-width:0}.penjualan.add .top-section .input-wrap .input-date2 .date-wrap input{height:48px;box-sizing:border-box;padding:11px 16px;font-size:16px}.penjualan.add .top-section .input-wrap .label,.penjualan.add .top-section .input-wrap>label,.penjualan.add .top-section .input-wrap .input-date2>label,.penjualan.add .top-section .input-wrap .cv-field-head label{color:#000;font-size:16px;font-weight:600}.penjualan.add .top-section .input-wrap .select2-container{width:100%!important}.penjualan.add .top-section .input-wrap .select2-container--default .select2-selection--single{background:#fff;border-radius:10px;border:1.5px solid #c9c9c9;padding:11px;min-height:48px;height:auto;display:flex;align-items:center}.penjualan.add .top-section .input-wrap .select2-container--default .select2-selection--single .select2-selection__rendered{color:#000;font-size:16px;font-weight:400;padding:0;line-height:normal}.penjualan.add .top-section .input-wrap .select2-container--default .select2-selection--single .select2-selection__arrow{padding-top:45px}.penjualan.add .top-section .input-wrap .select2-container .select2-dropdown{border:1px solid #d3d3d3;border-radius:10px;overflow:hidden;z-index:3001}.penjualan.add .top-section .input-wrap .select2-container .select2-search--dropdown .select2-search__field{border:1px solid #d2d2d2;border-radius:8px;padding:6px 8px;font-size:14px;color:#4a4a4a}.penjualan.add .top-section .input-wrap .select2-container .select2-results__option{padding:8px 10px;font-size:14px;color:#414141}.penjualan.add .top-section .input-wrap .select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#f6f7f9;color:#414141}.penjualan.add .top-section .penjualan-form-note{grid-column:1/-1;min-width:0}.penjualan.add .top-section .penjualan-form-note>label{display:block;margin:0 0 .5rem;color:#000;font-size:16px;font-weight:600;line-height:1.5}.penjualan.add .top-section .penjualan-form-note .transaction-note-wrap{width:100%}.penjualan.add .top-section .penjualan-form-note .transaction-note-input{width:100%;height:48px;box-sizing:border-box;background:#fff;border-radius:10px;border:1.5px solid #c9c9c9;padding:11px 14px;font-size:16px;font-weight:400;color:#4a4a4a;line-height:normal}.penjualan.add .top-section .penjualan-form-note .transaction-note-input:focus{outline:none;border-color:#c9c9c9}.penjualan.add .top-section .penjualan-form-note .transaction-note-input::placeholder{color:#9a9a9a;font-weight:400}.penjualan.add .nav-tabs{padding:12px;border-radius:6px;border-bottom:none;background-color:#dfdfdf}.penjualan.add .nav-tabs .nav-item .nav-link{padding:5px 24px;border-radius:4px;color:#585858;background-color:transparent;font-family:Roboto,sans-serif;font-size:16px;font-weight:600}.penjualan.add .nav-tabs .nav-item .nav-link.active,.penjualan.add .nav-tabs .nav-item .nav-link:hover{background-color:#203eb4;color:#fff}.penjualan.add .group-table{background:#fff;border-radius:10px;padding:20px}.penjualan.add .group-table .top{display:flex;justify-content:space-between;align-items:center;padding-top:20px;margin:0 10px 20px}.penjualan.add .outer-table{border:1px solid #d9d9d9;border-radius:10px}.penjualan.add .outer-table .top{display:flex;justify-content:space-between;align-items:center;padding-top:20px;margin:0 10px}.penjualan.add .outer-table .card-datatable{padding:20px}.penjualan.add .outer-table .card-datatable table{width:80%}.penjualan.add .button-group{display:flex;gap:20px;width:100%}.penjualan.add .button-group a{flex:1;padding:10px 0;border-radius:10px;border:1px solid #ff485a;background:#fff;color:#ff485a;text-align:center;cursor:pointer}.penjualan.add .button-group .save-draft{background:#eef2ff;color:#203eb4;border:1px solid #203eb4}.penjualan.add .button-group .submit{background:#203eb4;color:#fff;border:1px solid #203eb4}.penjualan.detail .top-section .left-section{width:50%;border:1px solid #d9d9d9;border-radius:10px;padding:20px}.penjualan.detail .top-section .left-section .top .text-2{padding:5px 10px;background-color:#414141;color:#fff;font-size:15px;border-radius:5px}.penjualan.detail .top-section .left-section .bottom{display:flex;gap:20px}.penjualan.detail .top-section .left-section .bottom .half-bottom .text-box{color:#696969;font-size:16px;font-weight:400;white-space:nowrap}.penjualan.detail .top-section .right-section{width:50%;border:1px solid #d9d9d9;border-radius:10px;padding:20px;display:flex;gap:10px;align-items:center}.penjualan.detail .table-box .first-top2 .nav-tabs{padding:12px;border-radius:6px;border-bottom:none;background-color:#dfdfdf;width:auto}.penjualan.detail .table-box .first-top2 .nav-tabs .nav-item{width:auto}.penjualan.detail .table-box .first-top2 .nav-tabs .nav-item .nav-link{padding:5px 22px;border-radius:4px;color:#585858;background-color:transparent;font-family:Roboto,sans-serif;font-size:16px;font-weight:600}.penjualan.detail .table-box .first-top2 .nav-tabs .nav-item .nav-link.active,.penjualan.detail .table-box .first-top2 .nav-tabs .nav-item .nav-link:hover{background-color:#203eb4;color:#fff}.penjualan.detail .table-box .first-top2 .group-btn .outer-btn.different{background:#e4e8ff;color:#203eb4}.penjualan.detail .table-box .first-top2 .group-btn .outer-btn.different svg path{fill:#203eb4}.penjualan.detail .table-box .first-top2 .group-btn .outer-btn2{padding:10px 16px;background:#2e2e2e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.penjualan.detail .table-box .first-top2 .group-btn .outer-btn4{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141}.penjualan.surat-jalan{display:flex;flex-direction:column;gap:30px;width:100%}.penjualan.surat-jalan .button-group{display:flex;gap:20px;width:100%;margin-top:20px}.penjualan.surat-jalan .button-group a{width:50%;padding:10px 0;border-radius:10px;border:1px solid #ff485a;background:#fff;color:#ff485a;text-align:center;cursor:pointer}.penjualan.surat-jalan .button-group .submit{background:#48ab65;color:#fff;border:1px solid #48ab65}.penjualan.surat-jalan .button-container{display:flex;align-items:center;gap:12px;margin-top:30px}.penjualan.surat-jalan .button-container .button-form{padding:10px;border-radius:8px;text-align:center;font-size:16px;font-weight:400;width:100%}.penjualan.surat-jalan .button-container .button-form.button-cancel{color:#f7384b;border:1px solid #f7384b;background:#fff}.penjualan.surat-jalan .button-container .button-form.button-success{color:#fff;border:1px solid #48ab65;background:#48ab65}.penjualan.surat-jalan .top-section{display:flex;padding:20px;background-color:#fff;border-radius:10px;gap:20px}.penjualan.surat-jalan .top-section .left-section{width:50%;border:1px solid #d9d9d9;border-radius:10px;padding:20px}.penjualan.surat-jalan .top-section .left-section .top{display:flex;justify-content:space-between;align-items:center}.penjualan.surat-jalan .top-section .left-section .top .text-1{color:#2e2e2e;font-size:20px;font-weight:700}.penjualan.surat-jalan .top-section .left-section .top .text-2{padding:5px 10px;background-color:#414141;color:#fff;font-size:15px;border-radius:5px}.penjualan.surat-jalan .top-section .left-section .bottom{display:flex;gap:20px;flex-direction:column}.penjualan.surat-jalan .top-section .left-section .bottom .half-bottom{width:50%;display:flex;flex-direction:column}.penjualan.surat-jalan .top-section .left-section .bottom .half-bottom .text-box{color:#696969;font-size:16px;font-weight:400;white-space:nowrap}.penjualan.surat-jalan .top-section .left-section .bottom .half-bottom .text-box svg{margin-right:5px}@media(min-width:1330px){.penjualan.surat-jalan .top-section .left-section .bottom{flex-direction:row}}.penjualan.surat-jalan .top-section .right-section{width:50%;border:1px solid #d9d9d9;border-radius:10px;padding:20px;display:flex;gap:10px;align-items:center}.penjualan.surat-jalan .top-section .right-section img{width:50px}.penjualan.surat-jalan .top-section .right-section .text-group{display:flex;flex-direction:column}.penjualan.surat-jalan .top-section .right-section .text-group .text-1{color:#8c8c8c;font-size:16px;font-weight:500}.penjualan.surat-jalan .top-section .right-section .text-group .text-2{color:#393939;font-size:21px;font-weight:700}.penjualan.surat-jalan .nav-tabs{width:100%}.penjualan.surat-jalan .nav-tabs .nav-item{width:50%}.penjualan.surat-jalan .nav-tabs .nav-item .nav-link{width:100%;padding:15px;background-color:#dfdfdf;color:#585858;border-radius:0}.penjualan.surat-jalan .nav-tabs .nav-item .nav-link.active{background-color:#203eb4;color:#fff}.penjualan.surat-jalan .table-box{width:100%}.penjualan.surat-jalan .table-box .first-top{display:flex;gap:10px;margin-bottom:15px}.penjualan.surat-jalan .table-box .first-top .text-1{color:#4a4a4a;font-size:16px;font-weight:700}.penjualan.surat-jalan .table-box .top-text{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:20px}.penjualan.surat-jalan .table-box .top-text .left{color:var(--Primary, #393939);font-size:16px;font-weight:500}.penjualan.surat-jalan .table-box .top-text .right{display:flex;align-items:center;gap:20px}.penjualan.surat-jalan .table-box .top-text .right .group-radio{display:flex;align-items:center;gap:5px}.penjualan.surat-jalan .table-box .top-text .right .group-radio .text-2{color:var(--Primary, #393939);text-align:center;font-size:16px;font-weight:500}.penjualan.surat-jalan .table-box .first-top2{display:flex;margin-bottom:15px;justify-content:space-between;align-items:center}.penjualan.surat-jalan .table-box .first-top2 .nav-tabs{padding:12px;border-radius:6px;border-bottom:none;background-color:#dfdfdf;width:100%}.penjualan.surat-jalan .table-box .first-top2 .nav-tabs .nav-item{width:16.66%}.penjualan.surat-jalan .table-box .first-top2 .nav-tabs .nav-item .nav-link{padding:5px 22px;border-radius:4px;color:#585858;background-color:transparent;font-family:Calibri,sans-serif;font-size:16px;font-weight:600}.penjualan.surat-jalan .table-box .first-top2 .nav-tabs .nav-item .nav-link.active,.penjualan.surat-jalan .table-box .first-top2 .nav-tabs .nav-item .nav-link:hover{background-color:#203eb4;color:#fff}.penjualan.surat-jalan .table-box .first-top2 .group-btn{display:flex;gap:10px}.penjualan.surat-jalan .table-box .first-top2 .group-btn.konfirmasi{display:none}.penjualan.surat-jalan .table-box .first-top2 .group-btn .outer-btn{padding:10px 16px;background:#7e7e7e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.penjualan.surat-jalan .table-box .first-top2 .group-btn .outer-btn.different{background:#e4e8ff;color:#203eb4}.penjualan.surat-jalan .table-box .first-top2 .group-btn .outer-btn.different svg path{fill:#203eb4}.penjualan.surat-jalan .table-box .first-top2 .group-btn .outer-btn svg{margin-right:5px}.penjualan.surat-jalan .table-box .first-top2 .group-btn .outer-btn2{padding:10px 16px;background:#2e2e2e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.penjualan.surat-jalan .table-box .first-top2 .group-btn .outer-btn2 svg{margin-right:5px}.penjualan.surat-jalan .table-box .first-top2 .group-btn .outer-btn3{padding:10px 20px;border-radius:8px;color:red;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #f00;background:#fff}.penjualan.surat-jalan .table-box .first-top2 .group-btn .outer-btn4{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141}.penjualan.surat-jalan .table-box .first-top2 .group-btn .outer-btn5{padding:10px 20px;border-radius:8px;color:#ae7f26;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #ffe4c6;background:#ffe4c6;display:flex;align-items:center;gap:5px}.penjualan.surat-jalan .table-box .first-top2 .group-btn .outer-btn6{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141;display:flex;align-items:center;gap:5px}.penjualan.surat-jalan .table-box table .convert img{margin-left:5px;margin-bottom:2px}.penjualan.surat-jalan .table-box table .check-status{display:none}.penjualan.surat-jalan .table-box table .check-status input{accent-color:#414141;height:18px;width:18px;margin:0;padding:0;display:flex;align-items:center}.penjualan.konfirmasi{display:flex;flex-direction:column;gap:30px;width:100%}.penjualan.konfirmasi .top-section{background:#e0e0e0;padding:10px;border-radius:10px}.penjualan.konfirmasi .top-section .nav-tabs{width:100%}.penjualan.konfirmasi .top-section .nav-tabs .nav-item{width:50%}.penjualan.konfirmasi .top-section .nav-tabs .nav-item .nav-link{width:100%;color:#3d3d3d;font-size:14px;font-weight:500;padding:12px}.penjualan.konfirmasi .top-section .nav-tabs .nav-item .nav-link.active{background-color:#fff;border-radius:10px}.penjualan.konfirmasi .top-section .nav-tabs .nav-item .nav-link:hover{border:none;transform:none}.penjualan.konfirmasi .middle-section{display:flex;flex-direction:column;padding:30px;background-color:#fff;border-radius:10px;gap:20px;width:100%;margin-bottom:30px}.penjualan.konfirmasi .middle-section input{padding:10px}.penjualan.konfirmasi .middle-section select{padding:9px}.penjualan.konfirmasi .middle-section .konversi .text-1{color:#3d3d3d;font-size:14px;font-weight:400}.penjualan.konfirmasi .middle-section .konversi .top{width:100%}.penjualan.konfirmasi .middle-section .konversi .top .input-wrapper{width:90%;display:flex;flex-direction:column;gap:5px}.penjualan.konfirmasi .middle-section .konversi .top .btn-scan{width:10%;padding:10px 16px;background-color:#3b3b3b;color:#fff;margin-top:25px;text-align:center;border-radius:10px;cursor:pointer}.penjualan.konfirmasi .middle-section .konversi .bottom{display:flex;flex-direction:column;gap:5px}.penjualan.konfirmasi .middle-section .konversi .bottom .input-postfix{color:#414141;font-weight:500}.penjualan.konfirmasi .middle-section .konversi .input-group-add{display:flex;flex-direction:column;gap:5px}.penjualan.konfirmasi .middle-section .custom{width:100%;display:flex;gap:20px}.penjualan.konfirmasi .middle-section .custom .text-1{color:#3d3d3d;font-size:14px;font-weight:400}.penjualan.konfirmasi .middle-section .custom .left-section{width:50%;display:flex;flex-direction:column;gap:20px}.penjualan.konfirmasi .middle-section .custom .left-section .input-box{width:100%;display:flex;gap:10px}.penjualan.konfirmasi .middle-section .custom .left-section .input-box .input-wrapper{width:80%;display:flex;flex-direction:column;gap:5px}.penjualan.konfirmasi .middle-section .custom .left-section .input-box .btn-scan{width:20%;padding:10px 16px;background-color:#3b3b3b;color:#fff;margin-top:25px;text-align:center;border-radius:10px;cursor:pointer}.penjualan.konfirmasi .middle-section .custom .left-section .input-box2{display:flex;flex-direction:column;gap:5px}.penjualan.konfirmasi .middle-section .custom .left-section .group-top{display:flex;justify-content:space-between}.penjualan.konfirmasi .middle-section .custom .left-section .outer-group{display:flex;gap:10px}.penjualan.konfirmasi .middle-section .custom .left-section .outer-group .radio-group{display:flex;gap:5px}.penjualan.konfirmasi .middle-section .custom .left-section .outer-group .radio-group .text-2{font-size:14px}.penjualan.konfirmasi .middle-section .custom .left-section .outer-group .radio-group input[type=radio]{accent-color:#414141}.penjualan.konfirmasi .middle-section .custom .right-section{width:50%;display:flex;flex-direction:column;gap:20px}.penjualan.konfirmasi .middle-section .custom .right-section .input-box{display:flex;flex-direction:column;gap:5px}.penjualan.konfirmasi .middle-section .custom .right-section .input-postfix,.penjualan.konfirmasi .middle-section .custom .right-section .input-prefix{color:#414141;font-weight:500}.penjualan.konfirmasi .bottom-section{display:flex;padding:30px;background-color:#fff;border-radius:10px;width:100%;flex-direction:column}.penjualan.konfirmasi .bottom-section input{padding:11px!important}.penjualan.konfirmasi .bottom-section .top .text-1{color:#3d3d3d;font-size:14px;font-weight:500}.penjualan.konfirmasi .bottom-section .input-box2{display:flex;flex-direction:column;gap:5px;width:60%}.penjualan.konfirmasi .bottom-section .input-box2 .text-1{color:#3d3d3d;font-size:14px;font-weight:500}.penjualan.konfirmasi .bottom-section .input-box2 .group-top{display:flex;justify-content:space-between}.penjualan.konfirmasi .bottom-section .outer-group{display:flex;gap:10px}.penjualan.konfirmasi .bottom-section .outer-group .radio-group{display:flex;gap:5px}.penjualan.konfirmasi .bottom-section .outer-group .radio-group .text-2{font-size:14px}.penjualan.konfirmasi .bottom-section .outer-group .radio-group input[type=radio]{accent-color:#414141}.penjualan.konfirmasi .bottom-section .inside-box{padding:20px;border-radius:10px;background:#f6f6f6;display:flex;flex-direction:column;gap:15px}.penjualan.konfirmasi .bottom-section .upper-radio{display:flex;justify-content:space-between;align-items:center;width:100%}.penjualan.konfirmasi .bottom-section .upper-radio .text-1{color:#393939;font-size:16px;font-weight:400}.penjualan.konfirmasi .bottom-section .upper-radio .outer-group{display:flex;gap:30px}.penjualan.konfirmasi .bottom-section .upper-radio .outer-group .radio-group{display:flex;gap:5px}.penjualan.konfirmasi .bottom-section .upper-radio .outer-group .radio-group input[type=radio]{accent-color:#8c8c8c}.penjualan.konfirmasi .bottom-section .input-box-group{display:flex;gap:20px;width:100%}.penjualan.konfirmasi .bottom-section .input-box-group .input-wrap{width:50%;display:flex;flex-direction:column;gap:5px}.penjualan.konfirmasi .bottom-section .input-box-group .input-wrap .text-1{color:#3d3d3d;font-size:14px;font-weight:500}.penjualan.konfirmasi .bottom-section .input-box-group .input-wrap .select-wrapper4{width:100%}.penjualan.konfirmasi .bottom-section .input-box-group .input-wrap input{padding:12px 10px}.penjualan.konfirmasi .bottom-section button{width:100%;padding:12px;border-radius:10px;background:#828282;color:#fff;font-weight:500}.penjualan.konfirmasi .button-group{display:flex;gap:20px;width:100%}.penjualan.konfirmasi .button-group a{width:50%;padding:10px 0;border-radius:10px;border:1px solid #8c8c8c;background:#fff;color:#8c8c8c;text-align:center;cursor:pointer}.penjualan.konfirmasi .button-group .tambah{background:#3d3d3d;color:#fff;border:1px solid #3d3d3d}.penjualan.detail{display:flex;flex-direction:column;gap:30px;width:100%}.penjualan.detail .top-section{display:flex;padding:20px;background-color:#fff;border-radius:10px;gap:20px}.penjualan.detail .top-section .left-section{width:33.3%;border:1px solid #d9d9d9;border-radius:10px;padding:20px}.penjualan.detail .top-section .left-section .top{display:flex;justify-content:space-between;align-items:center}.penjualan.detail .top-section .left-section .top .text-1{color:#2e2e2e;font-size:20px;font-weight:700}.penjualan.detail .top-section .left-section .top .text-2{padding:5px 10px;font-size:15px;border-radius:5px}.penjualan.detail .top-section .left-section .top .text-2.disiapkan{background-color:#fda342;color:#fff}.penjualan.detail .top-section .left-section .top .text-2.pending{background:#e3e3e3;color:#414141}.penjualan.detail .top-section .left-section .top .text-2.batal{background:#f7384b;color:#fff}.penjualan.detail .top-section .left-section .top .text-2.selesai{background:#46a034;color:#fff}.penjualan.detail .top-section .left-section .bottom{display:flex;gap:20px;flex-direction:column}.penjualan.detail .top-section .left-section .bottom .half-bottom{width:50%;display:flex;flex-direction:column}.penjualan.detail .top-section .left-section .bottom .half-bottom .text-box{color:#696969;font-size:16px;font-weight:400;display:flex;gap:5px;align-items:center}.penjualan.detail .top-section .left-section .bottom .half-bottom .text-box svg{margin-right:5px}@media(min-width:1330px){.penjualan.detail .top-section .left-section .bottom{flex-direction:row}}.penjualan.detail .top-section .right-section{width:33.3%;border:1px solid #d9d9d9;border-radius:10px;padding:20px;display:flex;gap:10px;align-items:center}.penjualan.detail .top-section .right-section img{width:50px}.penjualan.detail .top-section .right-section .text-group{display:flex;flex-direction:column}.penjualan.detail .top-section .right-section .text-group .text-1{color:#8c8c8c;font-size:16px;font-weight:500}.penjualan.detail .top-section .right-section .text-group .text-2{color:#393939;font-size:21px;font-weight:700}.penjualan.detail .top-section .group-btn{display:flex;gap:10px}.penjualan.detail .top-section .group-btn.konfirmasi{display:none}.penjualan.detail .top-section .group-btn .outer-btn{padding:10px 16px;background:#7e7e7e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.penjualan.detail .top-section .group-btn .outer-btn svg{margin-right:5px}.penjualan.detail .top-section .group-btn .outer-btn2{padding:10px 16px;background:#203eb4;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;width:33.33%;display:flex;align-items:center;justify-content:center}.penjualan.detail .top-section .group-btn .outer-btn2.different{background:#e4e8ff;color:#203eb4}.penjualan.detail .top-section .group-btn .outer-btn2.different svg path{fill:#203eb4}.penjualan.detail .top-section .group-btn .outer-btn2 svg{margin-right:5px}.penjualan.detail .top-section .group-btn .outer-btn3{padding:10px 20px;border-radius:8px;color:red;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #f00;background:#fff}.penjualan.detail .top-section .group-btn .outer-btn4{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141}.penjualan.detail .top-section .group-btn .outer-btn5{padding:10px 20px;border-radius:8px;color:#ae7f26;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #ffe4c6;background:#ffe4c6;display:flex;align-items:center;gap:5px}.penjualan.detail .top-section .group-btn .outer-btn6{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141;display:flex;align-items:center;gap:5px}.penjualan.detail .nav-tabs{width:100%}.penjualan.detail .nav-tabs .nav-item{width:50%}.penjualan.detail .nav-tabs .nav-item .nav-link{width:100%;padding:15px;background-color:#dfdfdf;color:#585858;border-radius:0}.penjualan.detail .nav-tabs .nav-item .nav-link.active{background-color:#203eb4;color:#fff}.penjualan.detail .table-box{width:100%}.penjualan.detail .table-box .first-top{display:flex;gap:10px;margin-bottom:15px}.penjualan.detail .table-box .first-top .text-1{color:#4a4a4a;font-size:16px;font-weight:700}.penjualan.detail .table-box .first-top2{display:flex;margin-bottom:15px;justify-content:space-between;align-items:center}.penjualan.detail .table-box .first-top2 .choose-table{display:flex;flex-direction:row;padding:12px;border-radius:6px;background:#f3f5ff}.penjualan.detail .table-box .first-top2 .choose-table button{padding:5px 24px;border-radius:4px;color:var(--Penjualan, #203eb4);background-color:transparent;font-family:Calibri,sans-serif;font-size:16px;font-weight:600}.penjualan.detail .table-box .first-top2 .choose-table button.active,.penjualan.detail .table-box .first-top2 .choose-table button:hover{background:#203eb4;color:#fff}.penjualan.detail .table-box .first-top2 .group-btn{display:flex;gap:10px}.penjualan.detail .table-box .first-top2 .group-btn.konfirmasi{display:none}.penjualan.detail .table-box .first-top2 .group-btn .outer-btn{padding:10px 16px;background:#7e7e7e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.penjualan.detail .table-box .first-top2 .group-btn .outer-btn svg{margin-right:5px}.penjualan.detail .table-box .first-top2 .group-btn .outer-btn2{padding:10px 16px;background:#203eb4;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.penjualan.detail .table-box .first-top2 .group-btn .outer-btn2.different{background:#e4e8ff;color:#203eb4}.penjualan.detail .table-box .first-top2 .group-btn .outer-btn2.different svg path{fill:#203eb4}.penjualan.detail .table-box .first-top2 .group-btn .outer-btn2 svg{margin-right:5px}.penjualan.detail .table-box .first-top2 .group-btn .outer-btn3{padding:10px 20px;border-radius:8px;color:red;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #f00;background:#fff}.penjualan.detail .table-box .first-top2 .group-btn .outer-btn4{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #48ab65;background:#48ab65}.penjualan.detail .table-box .first-top2 .group-btn .outer-btn5{padding:10px 20px;border-radius:8px;color:#ae7f26;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #ffe4c6;background:#ffe4c6;display:flex;align-items:center;gap:5px}.penjualan.detail .table-box .first-top2 .group-btn .outer-btn6{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141;display:flex;align-items:center;gap:5px}.penjualan.detail .table-box table .convert img{margin-left:5px;margin-bottom:2px}.penjualan.detail .table-box table .check-status{display:none}.penjualan.detail .table-box table .check-status input{accent-color:#414141;height:18px;width:18px;margin:0;padding:0;display:flex;align-items:center}.penjualan.tanda-terima{display:flex;flex-direction:column;gap:30px;width:100%}.penjualan.tanda-terima .table-box{width:100%;padding:30px 0;background-color:#fff;border-radius:10px}.penjualan.tanda-terima .table-box .card-datatable{padding-top:0}.penjualan.tanda-terima .table-box .input-group-add input{padding:5px 10px}.penjualan.tanda-terima .table-box .button-group{display:flex;gap:20px;width:100%;margin:0 30px}.penjualan.tanda-terima .table-box .button-group a{width:47.5%;padding:10px 0;border-radius:10px;border:1px solid #8c8c8c;background:#fff;color:#8c8c8c;text-align:center;cursor:pointer}.penjualan.tanda-terima .table-box .button-group .submit{background:#3d3d3d;color:#fff;border:1px solid #3d3d3d}.penjualan.detail-konfirmasi{display:flex;flex-direction:column;gap:30px;width:100%}.penjualan.detail-konfirmasi .top-section{display:flex;gap:20px}.penjualan.detail-konfirmasi .top-section .left-section{width:50%;border:1px solid #d9d9d9;border-radius:10px;padding:20px;background-color:#fff}.penjualan.detail-konfirmasi .top-section .left-section .top{display:flex;justify-content:space-between;align-items:center}.penjualan.detail-konfirmasi .top-section .left-section .top .text-1{color:#2e2e2e;font-size:16px;font-weight:600}.penjualan.detail-konfirmasi .top-section .left-section .bottom{display:flex;gap:20px}.penjualan.detail-konfirmasi .top-section .left-section .bottom img{width:10%;border-radius:10px}.penjualan.detail-konfirmasi .top-section .left-section .bottom .group-right{display:flex;width:90%;align-items:center}.penjualan.detail-konfirmasi .top-section .left-section .bottom .group-right .inner-group{display:flex;flex-direction:column;border-right:1px solid #d9d9d9;width:33.3%;margin-left:15px}.penjualan.detail-konfirmasi .top-section .left-section .bottom .group-right .inner-group .text-1{color:#999;font-size:14px;font-weight:400}.penjualan.detail-konfirmasi .top-section .left-section .bottom .group-right .inner-group .text-2{color:#2e2e2e;font-size:16px;font-weight:400}.penjualan.detail-konfirmasi .top-section .right-section{width:50%;border:1px solid #d9d9d9;border-radius:10px;padding:20px;display:flex;gap:20px;align-items:center;background-color:#fff}.penjualan.detail-konfirmasi .top-section .right-section img{width:50px}.penjualan.detail-konfirmasi .top-section .right-section .text-group{display:flex;flex-direction:column}.penjualan.detail-konfirmasi .top-section .right-section .text-group .text-1{color:#8c8c8c;font-size:14px;font-weight:400}.penjualan.detail-konfirmasi .top-section .right-section .text-group .text-2{color:#393939;font-size:16px;font-weight:500}.penjualan.detail-konfirmasi .nav-tabs{width:100%}.penjualan.detail-konfirmasi .nav-tabs .nav-item{width:50%}.penjualan.detail-konfirmasi .nav-tabs .nav-item .nav-link{width:100%;padding:15px;background-color:#e5e5e5;color:#818181;border-radius:0}.penjualan.detail-konfirmasi .nav-tabs .nav-item .nav-link.active{background-color:#414141;color:#fff}.penjualan.detail-konfirmasi .table-box{width:100%}.penjualan.detail-konfirmasi .table-box .first-top{display:flex;gap:10px;margin-bottom:15px}.penjualan.detail-konfirmasi .table-box .first-top .text-1{color:#4a4a4a;font-size:16px;font-weight:700}.penjualan.detail-konfirmasi .table-box .first-top2{display:flex;margin-bottom:15px;justify-content:space-between;align-items:center}.penjualan.detail-konfirmasi .table-box .first-top2 .text-1{color:#4a4a4a;font-size:16px;font-weight:700}.penjualan.detail-konfirmasi .table-box .first-top2 .group-btn{display:flex;gap:10px}.penjualan.detail-konfirmasi .table-box .first-top2 .group-btn.konfirmasi{display:none}.penjualan.detail-konfirmasi .table-box .first-top2 .group-btn .outer-btn{padding:10px 16px;background:#7e7e7e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.penjualan.detail-konfirmasi .table-box .first-top2 .group-btn .outer-btn svg{margin-right:5px}.penjualan.detail-konfirmasi .table-box .first-top2 .group-btn .outer-btn2{padding:10px 16px;background:#2e2e2e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.penjualan.detail-konfirmasi .table-box .first-top2 .group-btn .outer-btn2 svg{margin-right:5px}.penjualan.detail-konfirmasi .table-box .first-top2 .group-btn .outer-btn3{padding:10px 20px;border-radius:8px;color:#414141;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#fff}.penjualan.detail-konfirmasi .table-box .first-top2 .group-btn .outer-btn4{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141}.penjualan.detail-konfirmasi .table-box .first-top2 .group-btn .outer-btn5{padding:10px 20px;border-radius:8px;color:#414141;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #e5e5e5;background:#e5e5e5;display:flex;align-items:center;gap:5px}.penjualan.detail-konfirmasi .table-box .first-top2 .group-btn .outer-btn6{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141;display:flex;align-items:center;gap:5px}.penjualan.detail-konfirmasi .table-box .first-top3{display:flex;margin-bottom:15px;justify-content:space-between;align-items:center}.penjualan.detail-konfirmasi .table-box .first-top3 .text-1{color:#4a4a4a;font-size:16px;font-weight:700;margin-left:10px;line-height:10px;margin-top:10px}.penjualan.detail-konfirmasi .table-box .first-top3 .group-btn{display:flex;gap:10px}.penjualan.detail-konfirmasi .table-box .first-top3 .group-btn.konfirmasi{display:none}.penjualan.detail-konfirmasi .table-box .first-top3 .group-btn .outer-btn{padding:10px 16px;background:#7e7e7e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.penjualan.detail-konfirmasi .table-box .first-top3 .group-btn .outer-btn svg{margin-right:5px}.penjualan.detail-konfirmasi .table-box .first-top3 .group-btn .outer-btn2{padding:10px 16px;background:#2e2e2e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.penjualan.detail-konfirmasi .table-box .first-top3 .group-btn .outer-btn2 svg{margin-right:5px}.penjualan.detail-konfirmasi .table-box .first-top3 .group-btn .outer-btn3{padding:10px 20px;border-radius:8px;color:#414141;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#fff}.penjualan.detail-konfirmasi .table-box .first-top3 .group-btn .outer-btn4{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141}.penjualan.detail-konfirmasi .table-box .first-top3 .group-btn .outer-btn5{padding:10px 20px;border-radius:8px;color:#414141;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #e5e5e5;background:#e5e5e5;display:flex;align-items:center;gap:5px}.penjualan.detail-konfirmasi .table-box .first-top3 .group-btn .outer-btn6{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141;display:flex;align-items:center;gap:5px}.penjualan.detail-konfirmasi .table-box table .convert img{margin-left:5px;margin-bottom:2px}.penjualan.detail-konfirmasi .table-box table .check-status{display:none}.penjualan.detail-konfirmasi .table-box table .check-status input{accent-color:#414141;height:18px;width:18px;margin:0;padding:0;display:flex;align-items:center}.penjualan.detail-custom{display:flex;flex-direction:column;gap:30px;width:100%}.penjualan.detail-custom .top-section{display:flex;gap:20px}.penjualan.detail-custom .top-section .left-section{width:50%;border:1px solid #d9d9d9;border-radius:10px;padding:20px;background-color:#fff}.penjualan.detail-custom .top-section .left-section .top{display:flex;justify-content:space-between;align-items:center}.penjualan.detail-custom .top-section .left-section .top .text-1{color:#2e2e2e;font-size:16px;font-weight:600}.penjualan.detail-custom .top-section .left-section .bottom{display:flex;gap:20px}.penjualan.detail-custom .top-section .left-section .bottom img{width:10%;border-radius:10px}.penjualan.detail-custom .top-section .left-section .bottom .group-right{display:flex;width:90%;align-items:center}.penjualan.detail-custom .top-section .left-section .bottom .group-right .inner-group{display:flex;flex-direction:column;border-right:1px solid #d9d9d9;width:33.3%;margin-left:15px}.penjualan.detail-custom .top-section .left-section .bottom .group-right .inner-group .text-1{color:#999;font-size:14px;font-weight:400}.penjualan.detail-custom .top-section .left-section .bottom .group-right .inner-group .text-2{color:#2e2e2e;font-size:16px;font-weight:400}.penjualan.detail-custom .top-section .right-section{width:50%;border:1px solid #d9d9d9;border-radius:10px;padding:20px;background-color:#fff}.penjualan.detail-custom .top-section .right-section .top{display:flex;justify-content:space-between;align-items:center}.penjualan.detail-custom .top-section .right-section .top .text-1{color:#2e2e2e;font-size:16px;font-weight:600}.penjualan.detail-custom .top-section .right-section .bottom{display:flex;gap:20px}.penjualan.detail-custom .top-section .right-section .bottom .group-right{display:flex;width:100%;align-items:center}.penjualan.detail-custom .top-section .right-section .bottom .group-right .inner-group{display:flex;flex-direction:column;border-right:1px solid #d9d9d9;width:25%;margin-left:15px}.penjualan.detail-custom .top-section .right-section .bottom .group-right .inner-group .text-1{color:#999;font-size:14px;font-weight:400}.penjualan.detail-custom .top-section .right-section .bottom .group-right .inner-group .text-2{color:#2e2e2e;font-size:16px;font-weight:400}.penjualan.detail-custom .nav-tabs{width:100%}.penjualan.detail-custom .nav-tabs .nav-item{width:50%}.penjualan.detail-custom .nav-tabs .nav-item .nav-link{width:100%;padding:15px;background-color:#e5e5e5;color:#818181;border-radius:0}.penjualan.detail-custom .nav-tabs .nav-item .nav-link.active{background-color:#414141;color:#fff}.penjualan.detail-custom .table-box{width:100%}.penjualan.detail-custom .table-box .first-top{display:flex;gap:10px;margin-bottom:15px}.penjualan.detail-custom .table-box .first-top .text-1{color:#4a4a4a;font-size:16px;font-weight:700}.penjualan.detail-custom .table-box .first-top2{display:flex;margin-bottom:15px;justify-content:space-between;align-items:center}.penjualan.detail-custom .table-box .first-top2 .text-1{color:#4a4a4a;font-size:16px;font-weight:700}.penjualan.detail-custom .table-box .first-top2 .group-btn{display:flex;gap:10px}.penjualan.detail-custom .table-box .first-top2 .group-btn.konfirmasi{display:none}.penjualan.detail-custom .table-box .first-top2 .group-btn .outer-btn{padding:10px 16px;background:#7e7e7e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.penjualan.detail-custom .table-box .first-top2 .group-btn .outer-btn svg{margin-right:5px}.penjualan.detail-custom .table-box .first-top2 .group-btn .outer-btn2{padding:10px 16px;background:#2e2e2e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.penjualan.detail-custom .table-box .first-top2 .group-btn .outer-btn2 svg{margin-right:5px}.penjualan.detail-custom .table-box .first-top2 .group-btn .outer-btn3{padding:10px 20px;border-radius:8px;color:#414141;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#fff}.penjualan.detail-custom .table-box .first-top2 .group-btn .outer-btn4{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141}.penjualan.detail-custom .table-box .first-top2 .group-btn .outer-btn5{padding:10px 20px;border-radius:8px;color:#414141;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #e5e5e5;background:#e5e5e5;display:flex;align-items:center;gap:5px}.penjualan.detail-custom .table-box .first-top2 .group-btn .outer-btn6{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141;display:flex;align-items:center;gap:5px}.penjualan.detail-custom .table-box .first-top3{display:flex;margin-bottom:15px;justify-content:space-between;align-items:center}.penjualan.detail-custom .table-box .first-top3 .text-1{color:#4a4a4a;font-size:16px;font-weight:700;margin-left:10px;line-height:10px;margin-top:10px}.penjualan.detail-custom .table-box .first-top3 .group-btn{display:flex;gap:10px}.penjualan.detail-custom .table-box .first-top3 .group-btn.konfirmasi{display:none}.penjualan.detail-custom .table-box .first-top3 .group-btn .outer-btn{padding:10px 16px;background:#7e7e7e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.penjualan.detail-custom .table-box .first-top3 .group-btn .outer-btn svg{margin-right:5px}.penjualan.detail-custom .table-box .first-top3 .group-btn .outer-btn2{padding:10px 16px;background:#2e2e2e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.penjualan.detail-custom .table-box .first-top3 .group-btn .outer-btn2 svg{margin-right:5px}.penjualan.detail-custom .table-box .first-top3 .group-btn .outer-btn3{padding:10px 20px;border-radius:8px;color:#414141;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#fff}.penjualan.detail-custom .table-box .first-top3 .group-btn .outer-btn4{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141}.penjualan.detail-custom .table-box .first-top3 .group-btn .outer-btn5{padding:10px 20px;border-radius:8px;color:#414141;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #e5e5e5;background:#e5e5e5;display:flex;align-items:center;gap:5px}.penjualan.detail-custom .table-box .first-top3 .group-btn .outer-btn6{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141;display:flex;align-items:center;gap:5px}.penjualan.detail-custom .table-box table .convert img{margin-left:5px;margin-bottom:2px}.penjualan.detail-custom .table-box table .check-status{display:none}.penjualan.detail-custom .table-box table .check-status input{accent-color:#414141;height:18px;width:18px;margin:0;padding:0;display:flex;align-items:center}.penjualan.konfirmasii{display:flex;flex-direction:column;gap:30px;width:100%}.penjualan.konfirmasii .button-container{display:flex;align-items:center;gap:12px}.penjualan.konfirmasii .button-container .button-form{padding:10px;border-radius:8px;text-align:center;font-size:16px;font-weight:400;width:100%}.penjualan.konfirmasii .button-container .button-form.button-cancel{color:#f7384b;border:1px solid #f7384b;background:#fff}.penjualan.konfirmasii .button-container .button-form.button-success{color:#fff;border:1px solid #48ab65;background:#48ab65}.penjualan.konfirmasii .input-date-konfirmasi{position:relative;width:100%}.penjualan.konfirmasii .input-date-konfirmasi svg{position:absolute;left:13%;top:50%;transform:translateY(-50%)}.penjualan.konfirmasii .input-date-konfirmasi input{background:#fff;border-radius:10px;border:1.5px solid #c9c9c9;padding:10px 16px 10px 25px;font-size:15px;font-weight:400;color:#4a4a4a;text-align:left;width:100%}.penjualan.konfirmasii .input-date-konfirmasi input:focus{outline:none;border:1.5px solid #c9c9c9}.penjualan.konfirmasii .input-date-konfirmasi input[type=date]::-webkit-calendar-picker-indicator{position:absolute;right:0%;background-color:#e62129;opacity:0;z-index:5;padding:16px 47%}.penjualan.konfirmasii .top-section{display:flex;flex-direction:column;width:100%;gap:20px}.penjualan.konfirmasii .top-section .right-section{width:100%;border-radius:10px;padding:20px;background-color:#fff}.penjualan.konfirmasii .top-section .right-section .top{display:flex;justify-content:space-between;align-items:center}.penjualan.konfirmasii .top-section .right-section .top .text-1{color:#2e2e2e;font-size:16px;font-weight:600}.penjualan.konfirmasii .top-section .right-section .bottom{display:flex;flex-direction:column;gap:20px}.penjualan.konfirmasii .top-section .right-section .bottom.custom{flex-direction:row}.penjualan.konfirmasii .top-section .right-section .bottom .group-right{display:flex;width:100%;align-items:center}.penjualan.konfirmasii .top-section .right-section .bottom .group-right .inner-group{display:flex;flex-direction:column;border-right:1px solid #d9d9d9;width:25%;margin-left:15px}.penjualan.konfirmasii .top-section .right-section .bottom .group-right .inner-group .text-1{color:#999;font-size:14px;font-weight:400}.penjualan.konfirmasii .top-section .right-section .bottom .group-right .inner-group .text-2{color:#2e2e2e;font-size:16px;font-weight:400}.penjualan.konfirmasii .nav-tabs{width:100%}.penjualan.konfirmasii .nav-tabs .nav-item{width:50%}.penjualan.konfirmasii .nav-tabs .nav-item .nav-link{width:100%;padding:15px;background-color:#e5e5e5;color:#818181;border-radius:0}.penjualan.konfirmasii .nav-tabs .nav-item .nav-link.active{background-color:#414141;color:#fff}.penjualan.konfirmasii .table-box{width:100%}.penjualan.konfirmasii .table-box .first-top{display:flex;gap:10px;margin-bottom:15px}.penjualan.konfirmasii .table-box .first-top .text-1{color:#4a4a4a;font-size:16px;font-weight:700}.penjualan.konfirmasii .table-box .first-top2{display:flex;margin-bottom:15px;justify-content:space-between;align-items:center}.penjualan.konfirmasii .table-box .first-top2 .text-1{color:#4a4a4a;font-size:16px;font-weight:700}.penjualan.konfirmasii .table-box .first-top2 .group-btn{display:flex;gap:10px}.penjualan.konfirmasii .table-box .first-top2 .group-btn.konfirmasi{display:none}.penjualan.konfirmasii .table-box .first-top2 .group-btn .outer-btn{padding:10px 16px;background:#7e7e7e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.penjualan.konfirmasii .table-box .first-top2 .group-btn .outer-btn svg{margin-right:5px}.penjualan.konfirmasii .table-box .first-top2 .group-btn .outer-btn2{padding:10px 16px;background:#2e2e2e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.penjualan.konfirmasii .table-box .first-top2 .group-btn .outer-btn2 svg{margin-right:5px}.penjualan.konfirmasii .table-box .first-top2 .group-btn .outer-btn3{padding:10px 20px;border-radius:8px;color:#414141;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#fff}.penjualan.konfirmasii .table-box .first-top2 .group-btn .outer-btn4{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141}.penjualan.konfirmasii .table-box .first-top2 .group-btn .outer-btn5{padding:10px 20px;border-radius:8px;color:#414141;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #e5e5e5;background:#e5e5e5;display:flex;align-items:center;gap:5px}.penjualan.konfirmasii .table-box .first-top2 .group-btn .outer-btn6{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141;display:flex;align-items:center;gap:5px}.penjualan.konfirmasii .table-box .first-top3{display:flex;margin-bottom:15px;justify-content:space-between;align-items:center}.penjualan.konfirmasii .table-box .first-top3 .text-1{color:#4a4a4a;font-size:16px;font-weight:700;margin-left:10px;line-height:10px;margin-top:10px}.penjualan.konfirmasii .table-box .first-top3 .group-btn{display:flex;gap:10px}.penjualan.konfirmasii .table-box .first-top3 .group-btn.konfirmasi{display:none}.penjualan.konfirmasii .table-box .first-top3 .group-btn .outer-btn{padding:10px 16px;background:#7e7e7e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.penjualan.konfirmasii .table-box .first-top3 .group-btn .outer-btn svg{margin-right:5px}.penjualan.konfirmasii .table-box .first-top3 .group-btn .outer-btn2{padding:10px 16px;background:#2e2e2e;border-radius:8px;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.penjualan.konfirmasii .table-box .first-top3 .group-btn .outer-btn2 svg{margin-right:5px}.penjualan.konfirmasii .table-box .first-top3 .group-btn .outer-btn3{padding:10px 20px;border-radius:8px;color:#414141;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#fff}.penjualan.konfirmasii .table-box .first-top3 .group-btn .outer-btn4{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141}.penjualan.konfirmasii .table-box .first-top3 .group-btn .outer-btn5{padding:10px 20px;border-radius:8px;color:#414141;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #e5e5e5;background:#e5e5e5;display:flex;align-items:center;gap:5px}.penjualan.konfirmasii .table-box .first-top3 .group-btn .outer-btn6{padding:10px 20px;border-radius:8px;color:#fff;font-size:16px;font-weight:400;cursor:pointer;border:1px solid #414141;background:#414141;display:flex;align-items:center;gap:5px}.penjualan.konfirmasii .table-box table .convert img{margin-left:5px;margin-bottom:2px}.penjualan.konfirmasii .table-box table .check-status{display:none}.penjualan.konfirmasii .table-box table .check-status input{accent-color:#414141;height:18px;width:18px;margin:0;padding:0;display:flex;align-items:center}.so-reorder-hint{margin:0 0 12px;padding:0 4px;color:#6b7280;font-size:12px;line-height:1.4}#tableSemuaDisiapkan th.so-reorder-th,#tableSemuaDisiapkan td.so-reorder-td,#tableSemuaDisiapkanJasa th.so-reorder-th,#tableSemuaDisiapkanJasa td.so-reorder-td,#tableSemuaDikirim th.so-reorder-th,#tableSemuaDikirim td.so-reorder-td,#tableDaftarProdukNonPpn th.so-reorder-th,#tableDaftarProdukNonPpn td.so-reorder-td,#tableDaftarProdukPpn th.so-reorder-th,#tableDaftarProdukPpn td.so-reorder-td,#tableSemua th.so-reorder-th,#tableSemua td.so-reorder-td,#tableSemuaPpn th.so-reorder-th,#tableSemuaPpn td.so-reorder-td,#tableSemuaJasa th.so-reorder-th,#tableSemuaJasa td.so-reorder-td,#tableSemuaJasaPpn th.so-reorder-th,#tableSemuaJasaPpn td.so-reorder-td,#tableBaut th.so-reorder-th,#tableBaut td.so-reorder-td{width:56px!important;min-width:56px!important;max-width:56px!important;padding-left:4px!important;padding-right:4px!important;vertical-align:middle!important;box-sizing:border-box}#tableSemuaDisiapkan th.so-pilih-th,#tableSemuaDisiapkan td.so-pilih-td,#tableSemuaDisiapkanJasa th.so-pilih-th,#tableSemuaDisiapkanJasa td.so-pilih-td,#tableSemuaDikirim th.so-pilih-th,#tableSemuaDikirim td.so-pilih-td,#tableDaftarProdukNonPpn th.so-pilih-th,#tableDaftarProdukNonPpn td.so-pilih-td,#tableDaftarProdukPpn th.so-pilih-th,#tableDaftarProdukPpn td.so-pilih-td,#tableSemua th.so-pilih-th,#tableSemua td.so-pilih-td,#tableSemuaPpn th.so-pilih-th,#tableSemuaPpn td.so-pilih-td,#tableSemuaJasa th.so-pilih-th,#tableSemuaJasa td.so-pilih-td,#tableSemuaJasaPpn th.so-pilih-th,#tableSemuaJasaPpn td.so-pilih-td,#tableBaut th.so-pilih-th,#tableBaut td.so-pilih-td{width:48px!important;min-width:48px!important;max-width:48px!important;padding-left:6px!important;padding-right:6px!important;vertical-align:middle!important;box-sizing:border-box}#tableSemuaDisiapkan .so-reorder-th-icon,#tableSemuaDisiapkanJasa .so-reorder-th-icon,#tableSemuaDikirim .so-reorder-th-icon,#tableDaftarProdukNonPpn .so-reorder-th-icon,#tableDaftarProdukPpn .so-reorder-th-icon,#tableSemua .so-reorder-th-icon,#tableSemuaPpn .so-reorder-th-icon,#tableSemuaJasa .so-reorder-th-icon,#tableSemuaJasaPpn .so-reorder-th-icon,#tableBaut .so-reorder-th-icon{display:inline-block;color:#9ca3af;font-size:12px;letter-spacing:-1px;line-height:1;transform:rotate(90deg)}#tableSemuaDisiapkan .so-reorder-controls,#tableSemuaDisiapkanJasa .so-reorder-controls,#tableSemuaDikirim .so-reorder-controls,#tableDaftarProdukNonPpn .so-reorder-controls,#tableDaftarProdukPpn .so-reorder-controls,#tableSemua .so-reorder-controls,#tableSemuaPpn .so-reorder-controls,#tableSemuaJasa .so-reorder-controls,#tableSemuaJasaPpn .so-reorder-controls,#tableBaut .so-reorder-controls{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:0;height:28px;margin:0 auto}#tableSemuaDisiapkan .so-reorder-spacer,#tableSemuaDisiapkanJasa .so-reorder-spacer,#tableSemuaDikirim .so-reorder-spacer,#tableDaftarProdukNonPpn .so-reorder-spacer,#tableDaftarProdukPpn .so-reorder-spacer,#tableSemua .so-reorder-spacer,#tableSemuaPpn .so-reorder-spacer,#tableSemuaJasa .so-reorder-spacer,#tableSemuaJasaPpn .so-reorder-spacer,#tableBaut .so-reorder-spacer{display:inline-block;width:28px;height:28px}#tableSemuaDisiapkan .so-reorder-btn,#tableSemuaDisiapkanJasa .so-reorder-btn,#tableSemuaDikirim .so-reorder-btn,#tableDaftarProdukNonPpn .so-reorder-btn,#tableDaftarProdukPpn .so-reorder-btn,#tableSemua .so-reorder-btn,#tableSemuaPpn .so-reorder-btn,#tableSemuaJasa .so-reorder-btn,#tableSemuaJasaPpn .so-reorder-btn,#tableBaut .so-reorder-btn{border:none;background:transparent;color:#9ca3af;cursor:pointer;width:16px;height:16px;padding:0;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}#tableSemuaDisiapkan .so-reorder-btn:hover,#tableSemuaDisiapkanJasa .so-reorder-btn:hover,#tableSemuaDikirim .so-reorder-btn:hover,#tableDaftarProdukNonPpn .so-reorder-btn:hover,#tableDaftarProdukPpn .so-reorder-btn:hover,#tableSemua .so-reorder-btn:hover,#tableSemuaPpn .so-reorder-btn:hover,#tableSemuaJasa .so-reorder-btn:hover,#tableSemuaJasaPpn .so-reorder-btn:hover,#tableBaut .so-reorder-btn:hover{background:#eef2ff;color:#203eb4}#tableSemuaDisiapkan .so-reorder-grip,#tableSemuaDisiapkanJasa .so-reorder-grip,#tableSemuaDikirim .so-reorder-grip,#tableDaftarProdukNonPpn .so-reorder-grip,#tableDaftarProdukPpn .so-reorder-grip,#tableSemua .so-reorder-grip,#tableSemuaPpn .so-reorder-grip,#tableSemuaJasa .so-reorder-grip,#tableSemuaJasaPpn .so-reorder-grip,#tableBaut .so-reorder-grip{cursor:grab;color:#6b7280;width:18px;height:22px;padding:0;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none}#tableSemuaDisiapkan .so-reorder-grip:hover,#tableSemuaDisiapkanJasa .so-reorder-grip:hover,#tableSemuaDikirim .so-reorder-grip:hover,#tableDaftarProdukNonPpn .so-reorder-grip:hover,#tableDaftarProdukPpn .so-reorder-grip:hover,#tableSemua .so-reorder-grip:hover,#tableSemuaPpn .so-reorder-grip:hover,#tableSemuaJasa .so-reorder-grip:hover,#tableSemuaJasaPpn .so-reorder-grip:hover,#tableBaut .so-reorder-grip:hover{background:#eef2ff;color:#203eb4}#tableSemuaDisiapkan .so-reorder-grip:active,#tableSemuaDisiapkanJasa .so-reorder-grip:active,#tableSemuaDikirim .so-reorder-grip:active,#tableDaftarProdukNonPpn .so-reorder-grip:active,#tableDaftarProdukPpn .so-reorder-grip:active,#tableSemua .so-reorder-grip:active,#tableSemuaPpn .so-reorder-grip:active,#tableSemuaJasa .so-reorder-grip:active,#tableSemuaJasaPpn .so-reorder-grip:active,#tableBaut .so-reorder-grip:active{cursor:grabbing}#tableSemuaDisiapkan td.so-pilih-td input[type=checkbox],#tableSemuaDisiapkanJasa td.so-pilih-td input[type=checkbox],#tableSemuaDikirim td.so-pilih-td input[type=checkbox],#tableDaftarProdukNonPpn td.so-pilih-td input[type=checkbox],#tableDaftarProdukPpn td.so-pilih-td input[type=checkbox],#tableSemua td.so-pilih-td input[type=checkbox],#tableSemuaPpn td.so-pilih-td input[type=checkbox],#tableSemuaJasa td.so-pilih-td input[type=checkbox],#tableSemuaJasaPpn td.so-pilih-td input[type=checkbox],#tableBaut td.so-pilih-td input[type=checkbox]{margin:0;width:16px;height:16px;accent-color:#203eb4;cursor:pointer;vertical-align:middle}#tableSemuaDisiapkan tbody.so-reorder-disabled .so-reorder-controls,#tableSemuaDisiapkanJasa tbody.so-reorder-disabled .so-reorder-controls,#tableSemuaDikirim tbody.so-reorder-disabled .so-reorder-controls,#tableDaftarProdukNonPpn tbody.so-reorder-disabled .so-reorder-controls,#tableDaftarProdukPpn tbody.so-reorder-disabled .so-reorder-controls,#tableSemua tbody.so-reorder-disabled .so-reorder-controls,#tableSemuaPpn tbody.so-reorder-disabled .so-reorder-controls,#tableSemuaJasa tbody.so-reorder-disabled .so-reorder-controls,#tableSemuaJasaPpn tbody.so-reorder-disabled .so-reorder-controls,#tableBaut tbody.so-reorder-disabled .so-reorder-controls{opacity:.25;pointer-events:none}#tableSemuaDisiapkan tbody tr.so-dragging,#tableSemuaDisiapkanJasa tbody tr.so-dragging,#tableSemuaDikirim tbody tr.so-dragging,#tableDaftarProdukNonPpn tbody tr.so-dragging,#tableDaftarProdukPpn tbody tr.so-dragging,#tableSemua tbody tr.so-dragging,#tableSemuaPpn tbody tr.so-dragging,#tableSemuaJasa tbody tr.so-dragging,#tableSemuaJasaPpn tbody tr.so-dragging,#tableBaut tbody tr.so-dragging{opacity:.45;background:#f3f4f6}#tableSemuaDisiapkan tbody tr.is-addition-row td,#tableSemuaDisiapkanJasa tbody tr.is-addition-row td,#tableSemuaDikirim tbody tr.is-addition-row td,#tableDaftarProdukNonPpn tbody tr.is-addition-row td,#tableDaftarProdukPpn tbody tr.is-addition-row td,#tableSemua tbody tr.is-addition-row td,#tableSemuaPpn tbody tr.is-addition-row td,#tableSemuaJasa tbody tr.is-addition-row td,#tableSemuaJasaPpn tbody tr.is-addition-row td,#tableBaut tbody tr.is-addition-row td{color:#6b7280}.pengaturan{background:#fff;border-radius:12px;padding:24px;margin-top:20px}.pengaturan .pin-header{display:flex;align-items:center;margin-bottom:24px;gap:15px}.pengaturan .pin-header h3{font-size:20px;font-weight:600;color:#333;margin:0}.pengaturan .pin-header .pin-actions{display:flex;gap:12px}.pengaturan .pin-header .pin-actions .btn-view,.pengaturan .pin-header .pin-actions .btn-preview{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pengaturan .pin-header .pin-actions .btn-view.btn-view,.pengaturan .pin-header .pin-actions .btn-preview.btn-view{background:#48ab65;color:#fff;border:none}.pengaturan .pin-header .pin-actions .btn-view.btn-view:hover,.pengaturan .pin-header .pin-actions .btn-preview.btn-view:hover{background:#3e9556}.pengaturan .pin-header .pin-actions .btn-view.btn-preview,.pengaturan .pin-header .pin-actions .btn-preview.btn-preview{background:#b6b6b6;color:#fff;border:none}.pengaturan .pin-header .pin-actions .btn-view.btn-preview:hover,.pengaturan .pin-header .pin-actions .btn-preview.btn-preview:hover{background:#5a6268}.pengaturan .pin-content .pin-display .pin-dots{display:flex;gap:16px;justify-content:center;margin-bottom:24px;width:100%}.pengaturan .pin-content .pin-display .pin-dots .pin-dot{width:16.66%;height:70px;border-radius:8px;background:#f8f9fa;border:2px solid #e9ecef;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#6c757d;transition:all .2s ease}.pengaturan .pin-content .pin-input-form .pin-inputs{display:flex;gap:16px;justify-content:center;margin-bottom:24px;width:100%}.pengaturan .pin-content .pin-input-form .pin-inputs .pin-input{width:16.66%;height:70px;border-radius:8px;border:2px solid #e9ecef;text-align:center;font-size:24px;font-weight:600;color:#333;background:#fff;transition:all .2s ease}.pengaturan .pin-content .pin-input-form .pin-inputs .pin-input:focus{outline:none;border-color:#48ab65;background:#f8fff9}.pengaturan .pin-content .pin-input-form .pin-inputs .pin-input::-webkit-outer-spin-button,.pengaturan .pin-content .pin-input-form .pin-inputs .pin-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pengaturan .pin-content .pin-input-form .pin-inputs .pin-input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.pengaturan .pin-content .pin-input-form .pin-form-actions{display:flex;gap:12px}.pengaturan .pin-content .pin-input-form .pin-form-actions .btn-cancel,.pengaturan .pin-content .pin-input-form .pin-form-actions .btn-save{padding:10px 24px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.pengaturan .pin-content .pin-input-form .pin-form-actions .btn-cancel.btn-cancel,.pengaturan .pin-content .pin-input-form .pin-form-actions .btn-save.btn-cancel{background:#fff;color:#dc3545;border:2px solid #dc3545}.pengaturan .pin-content .pin-input-form .pin-form-actions .btn-cancel.btn-cancel:hover,.pengaturan .pin-content .pin-input-form .pin-form-actions .btn-save.btn-cancel:hover{background:#dc3545;color:#fff}.pengaturan .pin-content .pin-input-form .pin-form-actions .btn-cancel.btn-save,.pengaturan .pin-content .pin-input-form .pin-form-actions .btn-save.btn-save{background:#48ab65;color:#fff}.pengaturan .pin-content .pin-input-form .pin-form-actions .btn-cancel.btn-save:hover,.pengaturan .pin-content .pin-input-form .pin-form-actions .btn-save.btn-save:hover{background:#3e9556}.pengaturan .pin-content .edit-button-container{display:flex;justify-content:flex-start}.pengaturan .pin-content .edit-button-container .btn-edit{display:flex;align-items:center;gap:8px;padding:10px 25px;background:#48ab65;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease}.pengaturan .pin-content .edit-button-container .btn-edit:hover{background:#3e9556}.pengaturan .pin-content .edit-button-container .btn-edit svg{width:16px;height:16px}.pengaturan .pin-expiration-setting{margin-top:32px;padding-top:24px;border-top:1px solid #e9ecef}.pengaturan .pin-expiration-setting .pin-expiration-label{display:block;font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.pengaturan .pin-expiration-setting .pin-expiration-description{margin:0 0 16px;color:#555;font-size:14px;line-height:1.5}.pengaturan .pin-expiration-setting .pin-expiration-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pengaturan .pin-expiration-setting .pin-expiration-input{width:120px;padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:16px}.pengaturan .pin-expiration-setting .pin-expiration-unit{color:#555;font-size:14px}.pengaturan .pin-expiration-setting .btn-save-expiration{padding:10px 24px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;background:#48ab65;color:#fff}.pengaturan .pin-expiration-setting .btn-save-expiration:hover{background:#3e9556}.pengaturan .pin-expiration-setting .pin-expiration-hint{margin:12px 0 0;font-size:12px;color:#888}.gowa-settings{background:#fff;border-radius:12px;padding:24px}.gowa-settings .pin-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}.gowa-settings .pin-header h3{font-size:20px;font-weight:600;color:#333;margin:0}.gowa-settings-intro{margin:0 0 16px;color:#555;font-size:14px}.gowa-device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.gowa-device-card{border:1px solid #e0e0e0;border-radius:8px;padding:16px;background:#fff}.gowa-device-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.gowa-device-id{display:block;margin-top:2px;font-size:12px;color:#888}.gowa-status-badge{flex-shrink:0;font-size:12px;font-weight:600;border-radius:999px;padding:3px 10px}.gowa-status-badge.is-online{background:#e8f5e9;color:#2e7d32}.gowa-status-badge.is-offline{background:#fdecea;color:#c62828}.gowa-device-phone{margin:0 0 8px;font-size:14px;color:#444}.gowa-device-error{margin:0 0 8px;font-size:12px;color:#c62828}.gowa-device-actions{display:flex;flex-wrap:wrap;gap:8px}.gowa-btn{display:inline-flex;align-items:center;justify-content:center;margin:0;min-height:36px;padding:7px 12px;border:1px solid #d2d2d2;border-radius:6px;background:#fff;color:#333;font-size:13px;cursor:pointer}.gowa-btn:disabled{opacity:.6;cursor:not-allowed}.gowa-btn-primary{background:#48ab65;border-color:#48ab65;color:#fff}.gowa-btn-danger{background:#fff;border-color:#c62828;color:#c62828}.gowa-login-panel{margin-top:14px;padding-top:14px;border-top:1px dashed #ddd;text-align:center}.gowa-login-hint{margin:0 0 10px;font-size:12px;color:#666}.gowa-qr-image{max-width:220px;width:100%;height:auto;background:#fff;border:1px solid #eee;border-radius:8px}.gowa-pair-code{margin:8px 0 0;font-size:28px;font-weight:700;letter-spacing:.12em;color:#203eb4}.ai-token-settings{background:#fff;border-radius:12px;padding:24px}.ai-token-settings .pin-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}.ai-token-settings .pin-header h3{font-size:20px;font-weight:600;color:#333;margin:0}.ai-token-intro{margin:0 0 16px;color:#555;font-size:14px}.ai-token-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:20px}.ai-token-card{border:1px solid #e0e0e0;border-radius:8px;padding:16px;background:#fff}.ai-token-card h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#555}.ai-token-total{margin:0;font-size:28px;font-weight:700;color:#203eb4;line-height:1.2}.ai-token-total span{font-size:13px;font-weight:500;color:#666}.ai-token-meta{margin:6px 0 12px;font-size:12px;color:#777}.ai-token-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 12px}.ai-token-breakdown div{background:#f8f9fa;border-radius:6px;padding:8px}.ai-token-breakdown dt{font-size:11px;color:#888;margin:0}.ai-token-breakdown dd{margin:2px 0 0;font-size:14px;font-weight:600;color:#333}.ai-token-purposes{margin:0;padding-left:18px;font-size:12px;color:#555}.ai-token-table-wrap{overflow-x:auto}.ai-token-table{width:100%;border-collapse:collapse;font-size:13px}.ai-token-table th,.ai-token-table td{padding:10px 8px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}.ai-token-table th{font-size:12px;font-weight:600;color:#666;background:#f8f9fa}.ai-token-table .is-num{text-align:right;font-variant-numeric:tabular-nums}@media(max-width:768px){.pengaturan .pin-settings{padding:16px}.pengaturan .pin-settings .pin-header{flex-direction:column;gap:16px;align-items:flex-start}.pengaturan .pin-settings .pin-content .pin-display .pin-dots,.pengaturan .pin-settings .pin-content .pin-input-form .pin-inputs{gap:12px}.pengaturan .pin-settings .pin-content .pin-display .pin-dots .pin-dot,.pengaturan .pin-settings .pin-content .pin-display .pin-dots .pin-input,.pengaturan .pin-settings .pin-content .pin-input-form .pin-inputs .pin-dot,.pengaturan .pin-settings .pin-content .pin-input-form .pin-inputs .pin-input{width:40px;height:40px;font-size:20px}.pengaturan .pin-settings .pin-content .pin-input-form .pin-form-actions{flex-direction:column}.pengaturan .pin-settings .pin-content .pin-input-form .pin-form-actions .btn-cancel,.pengaturan .pin-settings .pin-content .pin-input-form .pin-form-actions .btn-save{width:100%;padding:12px}}.sidebar-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;border-radius:10px;background:#f1f1f1;cursor:pointer;flex-shrink:0}.sidebar-toggle span{display:block;width:100%;height:2px;border-radius:2px;background:#4a4a4a;transition:transform .25s ease,opacity .2s ease}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1030;opacity:0;transition:opacity .25s ease}@media(max-width:1366px){.card-datatable>.top,.card-datatable2>.top,.card-datatable>.first-top,.card-datatable2>.first-top,.tab-pane>.card-datatable>.top,.tab-pane>.card-datatable2>.top,.first-top,.first-top2,.first-top3,.second-top{flex-wrap:wrap;row-gap:10px;align-items:stretch}.card-datatable>.top>*,.card-datatable2>.top>*,.card-datatable>.first-top>*,.card-datatable2>.first-top>*,.tab-pane>.card-datatable>.top>*,.tab-pane>.card-datatable2>.top>*,.first-top>*,.first-top2>*,.first-top3>*,.second-top>*{width:auto!important;min-width:0}.card-datatable>.top>.input-group-search,.card-datatable2>.top>.input-group-search,.card-datatable>.first-top>.input-group-search,.card-datatable2>.first-top>.input-group-search,.tab-pane>.card-datatable>.top>.input-group-search,.tab-pane>.card-datatable2>.top>.input-group-search,.first-top>.input-group-search,.first-top2>.input-group-search,.first-top3>.input-group-search,.second-top>.input-group-search{flex:1 1 240px;min-width:200px}.card-datatable>.top>.select-wrapper4,.card-datatable>.top>.select-wrapper,.card-datatable>.top>.select-wrapper2,.card-datatable>.top>.select-wrapper3,.card-datatable>.top>.date-format-container,.card-datatable>.top>.input-date,.card-datatable>.top>.input-date2,.card-datatable2>.top>.select-wrapper4,.card-datatable2>.top>.select-wrapper,.card-datatable2>.top>.select-wrapper2,.card-datatable2>.top>.select-wrapper3,.card-datatable2>.top>.date-format-container,.card-datatable2>.top>.input-date,.card-datatable2>.top>.input-date2,.card-datatable>.first-top>.select-wrapper4,.card-datatable>.first-top>.select-wrapper,.card-datatable>.first-top>.select-wrapper2,.card-datatable>.first-top>.select-wrapper3,.card-datatable>.first-top>.date-format-container,.card-datatable>.first-top>.input-date,.card-datatable>.first-top>.input-date2,.card-datatable2>.first-top>.select-wrapper4,.card-datatable2>.first-top>.select-wrapper,.card-datatable2>.first-top>.select-wrapper2,.card-datatable2>.first-top>.select-wrapper3,.card-datatable2>.first-top>.date-format-container,.card-datatable2>.first-top>.input-date,.card-datatable2>.first-top>.input-date2,.tab-pane>.card-datatable>.top>.select-wrapper4,.tab-pane>.card-datatable>.top>.select-wrapper,.tab-pane>.card-datatable>.top>.select-wrapper2,.tab-pane>.card-datatable>.top>.select-wrapper3,.tab-pane>.card-datatable>.top>.date-format-container,.tab-pane>.card-datatable>.top>.input-date,.tab-pane>.card-datatable>.top>.input-date2,.tab-pane>.card-datatable2>.top>.select-wrapper4,.tab-pane>.card-datatable2>.top>.select-wrapper,.tab-pane>.card-datatable2>.top>.select-wrapper2,.tab-pane>.card-datatable2>.top>.select-wrapper3,.tab-pane>.card-datatable2>.top>.date-format-container,.tab-pane>.card-datatable2>.top>.input-date,.tab-pane>.card-datatable2>.top>.input-date2,.first-top>.select-wrapper4,.first-top>.select-wrapper,.first-top>.select-wrapper2,.first-top>.select-wrapper3,.first-top>.date-format-container,.first-top>.input-date,.first-top>.input-date2,.first-top2>.select-wrapper4,.first-top2>.select-wrapper,.first-top2>.select-wrapper2,.first-top2>.select-wrapper3,.first-top2>.date-format-container,.first-top2>.input-date,.first-top2>.input-date2,.first-top3>.select-wrapper4,.first-top3>.select-wrapper,.first-top3>.select-wrapper2,.first-top3>.select-wrapper3,.first-top3>.date-format-container,.first-top3>.input-date,.first-top3>.input-date2,.second-top>.select-wrapper4,.second-top>.select-wrapper,.second-top>.select-wrapper2,.second-top>.select-wrapper3,.second-top>.date-format-container,.second-top>.input-date,.second-top>.input-date2{flex:1 1 158px;min-width:140px;max-width:320px}.card-datatable>.top>.button-add,.card-datatable>.top>.button-form,.card-datatable>.top>.outer-btn,.card-datatable>.top>.outer-btn2,.card-datatable>.top>.outer-btn3,.card-datatable>.top>.outer-btn4,.card-datatable>.top>.dropdown,.card-datatable>.top>.btn,.card-datatable2>.top>.button-add,.card-datatable2>.top>.button-form,.card-datatable2>.top>.outer-btn,.card-datatable2>.top>.outer-btn2,.card-datatable2>.top>.outer-btn3,.card-datatable2>.top>.outer-btn4,.card-datatable2>.top>.dropdown,.card-datatable2>.top>.btn,.card-datatable>.first-top>.button-add,.card-datatable>.first-top>.button-form,.card-datatable>.first-top>.outer-btn,.card-datatable>.first-top>.outer-btn2,.card-datatable>.first-top>.outer-btn3,.card-datatable>.first-top>.outer-btn4,.card-datatable>.first-top>.dropdown,.card-datatable>.first-top>.btn,.card-datatable2>.first-top>.button-add,.card-datatable2>.first-top>.button-form,.card-datatable2>.first-top>.outer-btn,.card-datatable2>.first-top>.outer-btn2,.card-datatable2>.first-top>.outer-btn3,.card-datatable2>.first-top>.outer-btn4,.card-datatable2>.first-top>.dropdown,.card-datatable2>.first-top>.btn,.tab-pane>.card-datatable>.top>.button-add,.tab-pane>.card-datatable>.top>.button-form,.tab-pane>.card-datatable>.top>.outer-btn,.tab-pane>.card-datatable>.top>.outer-btn2,.tab-pane>.card-datatable>.top>.outer-btn3,.tab-pane>.card-datatable>.top>.outer-btn4,.tab-pane>.card-datatable>.top>.dropdown,.tab-pane>.card-datatable>.top>.btn,.tab-pane>.card-datatable2>.top>.button-add,.tab-pane>.card-datatable2>.top>.button-form,.tab-pane>.card-datatable2>.top>.outer-btn,.tab-pane>.card-datatable2>.top>.outer-btn2,.tab-pane>.card-datatable2>.top>.outer-btn3,.tab-pane>.card-datatable2>.top>.outer-btn4,.tab-pane>.card-datatable2>.top>.dropdown,.tab-pane>.card-datatable2>.top>.btn,.first-top>.button-add,.first-top>.button-form,.first-top>.outer-btn,.first-top>.outer-btn2,.first-top>.outer-btn3,.first-top>.outer-btn4,.first-top>.dropdown,.first-top>.btn,.first-top2>.button-add,.first-top2>.button-form,.first-top2>.outer-btn,.first-top2>.outer-btn2,.first-top2>.outer-btn3,.first-top2>.outer-btn4,.first-top2>.dropdown,.first-top2>.btn,.first-top3>.button-add,.first-top3>.button-form,.first-top3>.outer-btn,.first-top3>.outer-btn2,.first-top3>.outer-btn3,.first-top3>.outer-btn4,.first-top3>.dropdown,.first-top3>.btn,.second-top>.button-add,.second-top>.button-form,.second-top>.outer-btn,.second-top>.outer-btn2,.second-top>.outer-btn3,.second-top>.outer-btn4,.second-top>.dropdown,.second-top>.btn{flex:0 0 auto;min-width:max-content}.card-datatable>.top>.dropdown>.button-add,.card-datatable2>.top>.dropdown>.button-add,.card-datatable>.first-top>.dropdown>.button-add,.card-datatable2>.first-top>.dropdown>.button-add,.tab-pane>.card-datatable>.top>.dropdown>.button-add,.tab-pane>.card-datatable2>.top>.dropdown>.button-add,.first-top>.dropdown>.button-add,.first-top2>.dropdown>.button-add,.first-top3>.dropdown>.button-add,.second-top>.dropdown>.button-add{width:100%}.card-datatable>.top .button-add,.card-datatable>.top .button-form,.card-datatable>.top .outer-btn,.card-datatable>.top .outer-btn2,.card-datatable>.top .outer-btn3,.card-datatable2>.top .button-add,.card-datatable2>.top .button-form,.card-datatable2>.top .outer-btn,.card-datatable2>.top .outer-btn2,.card-datatable2>.top .outer-btn3,.card-datatable>.first-top .button-add,.card-datatable>.first-top .button-form,.card-datatable>.first-top .outer-btn,.card-datatable>.first-top .outer-btn2,.card-datatable>.first-top .outer-btn3,.card-datatable2>.first-top .button-add,.card-datatable2>.first-top .button-form,.card-datatable2>.first-top .outer-btn,.card-datatable2>.first-top .outer-btn2,.card-datatable2>.first-top .outer-btn3,.tab-pane>.card-datatable>.top .button-add,.tab-pane>.card-datatable>.top .button-form,.tab-pane>.card-datatable>.top .outer-btn,.tab-pane>.card-datatable>.top .outer-btn2,.tab-pane>.card-datatable>.top .outer-btn3,.tab-pane>.card-datatable2>.top .button-add,.tab-pane>.card-datatable2>.top .button-form,.tab-pane>.card-datatable2>.top .outer-btn,.tab-pane>.card-datatable2>.top .outer-btn2,.tab-pane>.card-datatable2>.top .outer-btn3,.first-top .button-add,.first-top .button-form,.first-top .outer-btn,.first-top .outer-btn2,.first-top .outer-btn3,.first-top2 .button-add,.first-top2 .button-form,.first-top2 .outer-btn,.first-top2 .outer-btn2,.first-top2 .outer-btn3,.first-top3 .button-add,.first-top3 .button-form,.first-top3 .outer-btn,.first-top3 .outer-btn2,.first-top3 .outer-btn3,.second-top .button-add,.second-top .button-form,.second-top .outer-btn,.second-top .outer-btn2,.second-top .outer-btn3{white-space:nowrap}.produk.home .second-top:has(>.select-wrapper4),.second-top:has(>.select-wrapper4),.card-datatable>.top:not(:has(.button-add)):not(:has(.input-group-search)),.card-datatable2>.top:not(:has(.button-add)):not(:has(.input-group-search)){display:grid;grid-template-columns:repeat(auto-fill,minmax(min(158px,100%),1fr));gap:10px;align-items:start}.top-section,.input-box-card,.first-group,.second-group,.third-group,.fourth-group,.fifth-group,.first-form,.second-form,.third-form{flex-wrap:wrap;row-gap:14px}.top-section>.input-wrap,.top-section>.input-wrap2,.top-section>.input-group-add,.top-section>.input-wrapper,.input-box-card>.input-wrap,.input-box-card>.input-wrap2,.input-box-card>.input-group-add,.input-box-card>.input-wrapper,.first-group>.input-wrap,.first-group>.input-wrap2,.first-group>.input-group-add,.first-group>.input-wrapper,.second-group>.input-wrap,.second-group>.input-wrap2,.second-group>.input-group-add,.second-group>.input-wrapper,.third-group>.input-wrap,.third-group>.input-wrap2,.third-group>.input-group-add,.third-group>.input-wrapper,.fourth-group>.input-wrap,.fourth-group>.input-wrap2,.fourth-group>.input-group-add,.fourth-group>.input-wrapper,.fifth-group>.input-wrap,.fifth-group>.input-wrap2,.fifth-group>.input-group-add,.fifth-group>.input-wrapper,.first-form>.input-wrap,.first-form>.input-wrap2,.first-form>.input-group-add,.first-form>.input-wrapper,.second-form>.input-wrap,.second-form>.input-wrap2,.second-form>.input-group-add,.second-form>.input-wrapper,.third-form>.input-wrap,.third-form>.input-wrap2,.third-form>.input-group-add,.third-form>.input-wrapper{flex:1 1 190px!important;width:auto!important;min-width:170px}}@media(max-width:1024px){html.sidebar-open{overflow:hidden}.bg-base{padding:16px;gap:0}.l-sidebar{position:fixed;top:0;left:0;bottom:0;height:100%;width:268px;max-width:82vw;border-radius:0;padding:16px;z-index:1035;transform:translate(-100%);transition:transform .25s ease;box-shadow:4px 0 24px #0000002e;overflow-y:auto;-webkit-overflow-scrolling:touch}.l-sidebar .day,.l-sidebar .date{font-size:20px}.l-sidebar .time{font-size:17px}.l-sidebar nav .link-wrapper{padding-top:14px;margin-top:14px}body.sidebar-open .l-sidebar{transform:translate(0)}.bg-base .content{width:100%}.sidebar-toggle{display:flex}.sidebar-backdrop{display:block;pointer-events:none}body.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}body.sidebar-open .sidebar-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.sidebar-open .sidebar-toggle span:nth-child(2){opacity:0}body.sidebar-open .sidebar-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header{padding:14px 18px;gap:12px}.header .navbar-text{gap:12px;min-width:0}.header .navbar-text .title{font-size:20px;line-height:1.2}.header .group-right{flex-shrink:0}.header .group-right img{width:36px;height:36px}.header .group-right .name{font-size:15px}.header .group-right .email{font-size:12px}.header .group-right .whatsapp-label{font-size:11px}.header .group-right .notification{margin-left:8px}.card-datatable,.card-datatable2{padding:16px}.card-datatable2 .dataTables_wrapper,.card-datatable .dataTables_wrapper{min-height:0}.dataTables_scrollBody,.dataTables_scroll,.table-responsive{-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_paginate,.dataTables_wrapper .dataTables_info{float:none;text-align:left}.produk.home .nav-tabs .nav-item .nav-link{padding:12px 8px;font-size:14px}body .modal[class] .modal-dialog[class]{max-width:calc(100vw - 24px)!important;margin:12px auto!important}body .modal[class] .modal-dialog[class].modal-dialog-centered{min-height:calc(100% - 24px)}.modal-body{max-height:calc(100vh - 160px);overflow-y:auto;-webkit-overflow-scrolling:touch}.penjualan.add .top-section,.pembelian.add .top-section{padding:16px;gap:14px}.first-box{flex-wrap:wrap;padding:20px!important}.first-box>.upload-img{flex:0 1 280px;width:auto!important;min-height:220px}.first-box>.input-box{flex:1 1 320px;width:auto!important}.second-box{padding:20px!important}.top-card{flex-wrap:wrap}.top-card>.card-1,.top-card>.card-2,.top-card>.card-3{flex:1 1 320px;width:auto!important;min-width:280px}.notification-panel{width:min(400px,90vw);right:calc(-1*min(400px,90vw))}.notification-panel.open{right:0}}@media(max-width:834px){.bg-base{padding:12px}.header{padding:12px 14px}.header .navbar-text .title{font-size:17px}.header .group-right .email{display:none}.card-datatable,.card-datatable2{padding:12px}.d-flex:has(>.left-section),.d-flex:has(>.right-section){flex-wrap:wrap}.left-section,.right-section{width:100%!important}.first-box{flex-direction:column}.first-box>.upload-img,.first-box>.input-box{width:100%!important;flex:1 1 auto}.auth .box-auth{width:100%;max-width:460px;padding:48px 24px}.group-btn,.button-group,.button-container{flex-wrap:wrap;row-gap:10px}.produk.home .nav-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.produk.home .nav-tabs::-webkit-scrollbar{display:none}.produk.home .nav-tabs .nav-item{width:auto;flex:1 0 auto}.produk.home .nav-tabs .nav-item .nav-link{white-space:nowrap;padding:12px 18px}}@media(pointer:coarse){.button-add,.button-form,.outer-btn,.outer-btn2,.outer-btn3,.select-wrapper4 select,.input-group-search input,.date-format-container .date-format{min-height:44px}.action-btn{min-width:36px;min-height:36px}input,select,textarea{font-size:max(16px,1em)}}@media(hover:none){.button-add:hover{color:#fff;background:#48ab65}.button-add:hover.blue{background:#203eb4}.button-add:hover.lightblue{background:#008bbc}.button-add:hover.gold{background:#ae7f26}.button-add:hover.orange{background:#e86a17}.button-add:hover.darkgold{background:#965006}.button-add:hover.black{background:#414141}.button-add:hover.green{background:#48ab65}.header .navbar-text img:hover{transform:none}}