@charset "UTF-8";*{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}.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}.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}.input-group-add .input-postfix{position:absolute;right:15px;top:50%!important;transform:translateY(-50%)!important;font-size:14px;font-weight:600;color:#4c4c4c}.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}.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%;background-color:#fff;font-weight:400;align-items:center;font-size:14px}.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[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}.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}.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}.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}.input-group-search input[type=date]::-webkit-calendar-picker-indicator{padding-right:8px;z-index:1;opacity:0}.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: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.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>')}.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-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;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.darkgold{background-color:#965006;border:1px solid #965006}.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]::-webkit-calendar-picker-indicator{position:absolute;opacity:1;padding:0 100%}.date-format-container .date-range-tooltip.show{opacity:1;pointer-events:auto}.input-date{position:relative;width:100%}.input-date svg{position:absolute;left:13%;top:50%;transform:translateY(-50%)}.input-date 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:center;width:100%}.input-date input:focus{outline:none;border:1.5px solid #c9c9c9}.input-date input[type=date]::-webkit-calendar-picker-indicator{position:absolute;right:0%;background-color:#e62129;opacity:0;z-index:5;padding:16px 47%}.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]::-webkit-calendar-picker-indicator{position:absolute;right:0%;background-color:#e62129;opacity:0;z-index:5;padding:16px 47%}.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-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}.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-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:50%;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.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{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{display:none}.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera video,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera2 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{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 #camera #qr-shaded-region,.modal.scan-barcode .modal-content .modal-body .camera-wrap #camera2 #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{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{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.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 .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 .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 .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:14px;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 .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:last-child{border-bottom:none;margin-bottom:20px}.l-sidebar{background:#fff;padding:20px;border-radius:10px;width:250px;flex-shrink:0}.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}.l-sidebar nav .link-wrapper{padding-top:20px;margin-top:20px;display:flex;flex-direction:column;align-items:start;gap:15px;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;display:flex;gap:5px;align-items:center;transition:.3s;border-radius:10px;width:100%;position:relative}.l-sidebar nav .link-wrapper .link svg{min-height:24px;width:25px}.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: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.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{content:"";display:block;position:absolute;background-position:center;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");background-repeat:no-repeat;width:14px;height:14px;top:50%;right:0;transform:translate(calc(-50% - 3px),-50%);transition:transform .3s ease}.l-sidebar nav .link-wrapper .link.active.dropdown:before{transform:translate(calc(-50% - 3px),-50%) rotate(180deg)}.l-sidebar nav .link-wrapper .link p{color:#a8a8a8;text-align:center;text-transform:uppercase;font-size:16px;font-weight:500;margin-bottom:0}.l-sidebar nav .link-wrapper .link.dropdown:before{content:"";display:block;position:absolute;background-position:center;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");background-repeat:no-repeat;width:14px;height:14px;top:50%;right:0;transform:translate(calc(-50% - 3px),-50%)}.l-sidebar nav .group-dropdown{width:100%;display:flex;flex-direction:column;gap:0px}.l-sidebar nav .submenu{list-style:none;margin:-20px 0 0;padding:10px 0 10px 50px;background-color:#48ab65;border-radius:0 0 10px 10px;max-height:0;opacity:0;overflow:hidden;transition:max-height .75s ease}.l-sidebar nav .submenu.blue{background-color:#203eb4}.l-sidebar nav .submenu.black{background-color:#2e2e2e}.l-sidebar nav .submenu.gold{background-color:#ae7f26}.l-sidebar nav .submenu.show{max-height:500px;opacity:1}.l-sidebar nav .submenu li{margin:5px 0}.l-sidebar nav .submenu li .submenu-item{color:#fff;font-size:14px;text-transform:uppercase;font-weight:400;position:relative;transition:padding-left .3s ease}.l-sidebar nav .submenu li .submenu-item.active{padding-left:15px;font-weight:600}.l-sidebar nav .submenu li .submenu-item.active:before{content:"";display:block;position:absolute;background-position:center;background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='6'%20height='7'%20viewBox='0%200%206%207'%20fill='none'%3E%3Ccircle%20cx='3'%20cy='3.5'%20r='3'%20fill='white'/%3E%3C/svg%3E");background-repeat:no-repeat;width:14px;height:14px;top:50%;left:-5px;transform:translateY(-50%)}.l-sidebar nav .submenu li .submenu-item:hover{padding-left:15px}.l-sidebar nav .link-wrapper2{display:flex;flex-direction:column;align-items:start;gap:15px;position:relative}.l-sidebar nav .link-wrapper2 hr{margin:0}.l-sidebar nav .link-wrapper2 .link{padding:10px;display:flex;gap:15px;align-items:center;transition:.3s;border-radius:10px;width:205px;background:var(--Background, #f7384b);position:fixed;bottom:6%;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 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%!important;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{background:#d0fecf}.card-datatable .dataTables_wrapper tbody tr td{border-bottom:1px solid #e0e0e0}.card-datatable .dataTables_wrapper tbody tr td.custom-td2{display:flex;align-items:center;cursor:pointer}.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.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.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{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 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.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{padding:2px;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{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.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.tidak-aktif,.card-datatable .dataTables_wrapper td .status.cancel{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;right:20.73px;top:0;background:transparent;border-radius:10px;background-position:center;background-repeat:no-repeat;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");transition:all .2s ease-in-out}.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 .action-btn:hover{transform:scale(1.1)}.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:5rem}.card-datatable .dataTables_wrapper td .dropdown-menu.logout{border:none}.card-datatable .dataTables_wrapper td .dropdown-menu.show{top:-23px!important;left:-40px!important}.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:50%;transform:translate(-50%);width:80%;border-bottom:2px solid #e8e8e8}.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:0px;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,.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:35px}.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 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%!important;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{background:#e5ffef}.card-datatable2 .dataTables_wrapper tbody tr td{border-bottom:1px solid #e0e0e0}.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.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 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 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.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{padding:2px;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}.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.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.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;right:20.73px;top:0;background:transparent;border-radius:10px;background-position:center;background-repeat:no-repeat;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");transition:all .2s ease-in-out}.card-datatable2 .dataTables_wrapper td .action-btn:hover{transform:scale(1.1)}.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.show{top:-23px!important;left:-40px!important}.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:0px;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,.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:35px}.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}.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}.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 .first-row-card{width:100%;display:flex;gap:30px}.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}.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{margin-bottom:15px}.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}.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 .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}.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%}.rekap-penjualan.detail .group-menu-rekap .nav-tabs .nav-item,.rekap-penjualan.rekap .group-menu-rekap .nav-tabs .nav-item{width:50%}.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}.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}.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:16.66%}.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}.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{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{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{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{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{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{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{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{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.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{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.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{display:flex;align-items:center;gap:24px}.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{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{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{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]{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{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{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{width:100%}.produk.tambah.ring .second-box,.produk.tambah.angkur .second-box,.produk.tambah.trekstang .second-box,.produk.tambah.lonjor .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{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{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{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{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]{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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{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]{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{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{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{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{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{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{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]{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{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{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{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{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{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{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{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{padding:10px 20px;justify-content:center;align-items:center;background:#48ab65;color:#fff;border-radius:4px;cursor:pointer}.produk.tambah.ring .third-box .top-table .text-2.black,.produk.tambah.angkur .third-box .top-table .text-2.black,.produk.tambah.trekstang .third-box .top-table .text-2.black,.produk.tambah.lonjor .third-box .top-table .text-2.black{background:#424242}.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;-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:#48ab65;color:#fff;border-radius:4px;cursor:pointer}.produk.tambah.pengrajin .third-box .top-table .text-2.black{background:#424242}.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 .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;align-items:center;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;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);gap:12px}.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:flex;gap:20px}.pembelian.add .top-section .input-wrap{width:33.3%}.pembelian.add .top-section .input-wrap .label{color:#000;font-size:16px;font-weight:600}.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:Roboto,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{width:50%;padding:10px 0;border-radius:10px;border:1px solid #ff485a;background:#fff;color:#ff485a;text-align:center;cursor:pointer}.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.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{display:flex;align-items:center;gap:24px;margin-bottom:16px}.pembelian.detail .bottom-section .konfirmasi-card .top.atas{margin-bottom:0}.pembelian.detail .bottom-section .konfirmasi-card .top .group{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:41px;background:#e7e7e7}.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 .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 .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 .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{width:100%;padding:12px;border-radius:10px;background:#ae7f26;color:#fff;font-weight:500}.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.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:Roboto,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.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}.penjualan{padding-top:30px;width:100%;display:flex;flex-direction:column;gap:30px}.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:flex;gap:20px;background:#fff;border-radius:10px;padding:20px}.penjualan.add .top-section .input-wrap{width:33.3%}.penjualan.add .top-section .input-wrap .label{color:#000;font-size:16px;font-weight:600}.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{width:50%;padding:10px 0;border-radius:10px;border:1px solid #ff485a;background:#fff;color:#ff485a;text-align:center;cursor:pointer}.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 .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-container{display:flex;align-items:center;gap:12px}.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}.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}.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:Roboto,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.selesai{background:#46a034;color:#fff}.penjualan.detail .top-section .left-section .bottom{display:flex;gap:20px}.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}.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:Roboto,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}.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}@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}}