<<<<<<<< HEAD:public/build/assets/app-B_ZhnQjn.css @import"https://fonts.cdnfonts.com/css/sf-pro-display";*{box-sizing:border-box;margin:0;padding:0;font-family:SF Pro Display,sans-serif}button{outline:none;border:none}button:focus{outline:none}a{text-decoration:none!important}a:hover{text-decoration:none;color:transparent}html{scroll-behavior:smooth;overflow-x:hidden;overflow-y:auto}.filter-group{width:100%;display:grid;gap:10px;padding-bottom:20px}.filter-group.date{display:flex;gap:10px}.filter-group.satu-kolom{grid-template-columns:1fr;margin-bottom:20px}.filter-group.dua-kolom{grid-template-columns:1fr 1fr}.filter-group.dua-kolom.with-button{grid-template-columns:1fr 117px}.filter-group.tiga-kolom{grid-template-columns:1fr 155px 155px}.filter-group.tiga-kolom.with-filter{grid-template-columns:25% 25% 1fr}.filter-group.tiga-kolom.customer{grid-template-columns:1fr 160px 202px}.filter-group.tiga-kolom.produk{grid-template-columns:1fr 160px 160px}.filter-group.empat-kolom{grid-template-columns:1fr 150px 150px 150px}.filter-group.empat-kolom-with-date{grid-template-columns:1fr 377px 136px 136px}.filter-group.lima-kolom.with-filter{grid-template-columns:1fr 177px 177px 177px 170px}.filter-group.lima-kolom.event{grid-template-columns:1fr 160px 160px 130px}.filter-group.dua-kolom-with-button{grid-template-columns:1fr 188px}.filter-group.wrapp-checkbox{display:flex;padding:4px 8px;align-items:center;gap:4px;flex:1 0 0;border-radius:10px;border:.5px solid #dadada}.filter-group.wrapp-checkbox .checkbox{border:1px solid #f6d047;background:#fff}.filter-group .fs-14-400{color:var(--Black, #000);font-family:Lexend;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.filter-group .fs-14-300{color:#1e1e1e;font-family:Lexend;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.filter-group .item{position:relative}.filter-group .item.center{display:flex;flex-direction:row;align-items:center}.filter-group .item.dashboard select{background-color:#fff;color:#000!important;border:none;border-radius:5px;font-size:16px}.filter-group .item.start{display:flex;align-items:flex-start;justify-content:end;flex-direction:column}.filter-group .item h4{color:var(--Base-Dark, #171717);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:700;line-height:normal}.filter-group .item h4 .text-maroon{color:#560e04}.filter-group .item span{color:#601919;font-family:SF Pro Display,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.filter-group .item label{color:var(--Primary-100, #601919);font-size:18px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.65px;margin-bottom:10px}.filter-group .item label.fs-14-400{color:var(--Black, #000);font-family:SF Pro Display,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.filter-group .item.date{display:flex;gap:10px;align-items:center;font-size:15;color:#7b7878}.filter-group .item .icon-prefix,.filter-group .item .icon-suffix{position:absolute;top:50%;transform:translateY(-50%);left:20px}.filter-group .item .icon-prefix.rp,.filter-group .item .icon-suffix.rp{top:70%;left:16px}.filter-group .item .icon-suffix1{position:absolute;top:70%;transform:translateY(-50%);right:20px}.filter-group .item .icon-suffix1.rp{top:70%;left:16px}.filter-group .item .icon-suffix{left:unset;right:16px}.filter-group .item .sub-item{display:flex}.filter-group .item .sub-item input{padding-left:16px;border-radius:0 8px 8px 0;border-top:.5px solid #dedede;border-right:.5px solid #dedede;border-bottom:.5px solid #dedede}.filter-group .item .sub-item .left{border-radius:8px 0 0 8px;display:flex;justify-content:center;align-items:center;background:#41ace1;padding:10px 14px;font-size:12px;font-style:normal;font-weight:400;color:#fff;margin-bottom:0}.filter-group .item .sub-item .right{flex-grow:1}.filter-group .item .delete_phone_button{display:flex;right:11px;bottom:15px;border:none;border-radius:50px;background:#fff}.filter-group .item .delete_phone_button img{width:35px;height:35px;border-radius:100px;background:#ffecf0;border:none}.filter-group .item button,.filter-group .item a{height:60px;display:flex;justify-content:center;align-items:center;gap:5px;align-self:stretch;border-radius:10px;background:#601919;box-shadow:-2.489px -2.489px 7.466px #5a5e6433,2.489px 2.489px 7.466px #0000004d;color:#fff;width:100%;font-size:18px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.8px}.filter-group .item .button-icon-right{height:53px;display:flex;justify-content:flex-start;align-items:center;gap:5px;align-self:stretch;border-radius:10px;border:1px solid var(--Primary, #f6d047);background:#fff;box-shadow:-2.489px -2.489px 7.466px #5a5e6433,2.489px 2.489px 7.466px #0000004d;color:#601919;width:100%;font-size:16px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.8px;padding-left:35px}.filter-group .item .no-icon{height:60px;padding:10px 12px;width:100%;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:13px;font-style:normal;font-weight:400;line-height:20px;color:#000;border-radius:4px;border:1px solid var(--Grey, #928e8e);background:var(--Background, #f2f2f2);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.filter-group .item .no-icon .file-indicator{display:flex;align-items:center;justify-content:center;gap:10px}.filter-group .item .no-icon .file-indicator p{margin-bottom:0;color:var(--Black, #8a8a8a);font-family:SF Pro Display;color:#000;font-size:13px;font-style:normal;font-weight:400;line-height:24px}.filter-group .item .no-icon .file-indicator svg{width:30px;height:30px;object-fit:cover}.filter-group .item .no-icon.color-white{color:#fff}.filter-group .item .no-icon label{background-color:#601919;border-radius:4px;display:flex;padding:8px 10px;margin-bottom:0;align-items:center;width:fit-content;height:fit-content;color:var(--White, #FFF);text-align:center;font-size:18px;font-weight:400;line-height:24px}.filter-group .item input,.filter-group .item textarea,.filter-group .item select{height:60px;padding:23px 24px 22px 45px;width:100%;outline:none;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:15px;font-style:normal;font-weight:400;line-height:20px;color:#8a8a8a;border-radius:4px;border:1px solid var(--Grey, #928e8e);background:var(--Background, #f2f2f2)}.filter-group .item input.color-white,.filter-group .item textarea.color-white,.filter-group .item select.color-white{color:#fff;background-color:#f6d047}.filter-group .item input.padding-no,.filter-group .item textarea.padding-no,.filter-group .item select.padding-no{padding:0}.filter-group .item input.area,.filter-group .item textarea.area,.filter-group .item select.area{height:200px}.filter-group .item input.area1,.filter-group .item textarea.area1,.filter-group .item select.area1{height:150px;padding:10px 0 5px 24px;line-height:1.5}.filter-group .item input.rp,.filter-group .item textarea.rp,.filter-group .item select.rp{padding-left:40px}.filter-group .item input[type=date],.filter-group .item textarea[type=date],.filter-group .item select[type=date]{padding-left:45px!important}.filter-group .item input[type=date]::-webkit-calendar-picker-indicator,.filter-group .item textarea[type=date]::-webkit-calendar-picker-indicator,.filter-group .item select[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='29' viewBox='0 0 28 29' fill='none'%3E%3Cpath d='M22.1667 4.69405H21V3.52738C21 2.88572 20.475 2.36072 19.8333 2.36072C19.1917 2.36072 18.6667 2.88572 18.6667 3.52738V4.69405H9.33333V3.52738C9.33333 2.88572 8.80833 2.36072 8.16667 2.36072C7.525 2.36072 7 2.88572 7 3.52738V4.69405H5.83333C4.53833 4.69405 3.51167 5.74405 3.51167 7.02738L3.5 23.3607C3.5 23.9796 3.74583 24.573 4.18342 25.0106C4.621 25.4482 5.21449 25.6941 5.83333 25.6941H22.1667C23.45 25.6941 24.5 24.6441 24.5 23.3607V7.02738C24.5 5.74405 23.45 4.69405 22.1667 4.69405ZM22.1667 22.1941C22.1667 22.8357 21.6417 23.3607 21 23.3607H7C6.35833 23.3607 5.83333 22.8357 5.83333 22.1941V10.5274H22.1667V22.1941ZM8.16667 12.8607H10.5V15.1941H8.16667V12.8607ZM12.8333 12.8607H15.1667V15.1941H12.8333V12.8607ZM17.5 12.8607H19.8333V15.1941H17.5V12.8607Z' fill='black'/%3E%3C/svg%3E");width:22px;height:22px;position:absolute;left:12px;top:65%;transform:translateY(-50%);background-repeat:no-repeat;background-position:left;background-size:cover}.filter-group .item input[type=date].with-label,.filter-group .item textarea[type=date].with-label,.filter-group .item select[type=date].with-label{padding-left:45px!important}.filter-group .item input[type=date].with-label::-webkit-calendar-picker-indicator,.filter-group .item textarea[type=date].with-label::-webkit-calendar-picker-indicator,.filter-group .item select[type=date].with-label::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.09265 9.40421H20.9166' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4421 13.3097H16.4514' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0046 13.3097H12.0139' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.55793 13.3097H7.5672' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4421 17.1962H16.4514' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0046 17.1962H12.0139' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.55793 17.1962H7.5672' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0438 2V5.29078' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.96552 2V5.29078' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2383 3.5791H7.77096C4.83427 3.5791 3 5.21504 3 8.22213V17.2718C3 20.3261 4.83427 21.9999 7.77096 21.9999H16.229C19.175 21.9999 21 20.3545 21 17.3474V8.22213C21.0092 5.21504 19.1842 3.5791 16.2383 3.5791Z' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");width:22px;height:22px;position:absolute;left:12px;top:65%;transform:translateY(-50%);background-repeat:no-repeat;background-position:left;background-size:cover}.filter-group .item input.no-icon,.filter-group .item textarea.no-icon,.filter-group .item select.no-icon{padding-left:20px!important;color:#000;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"dlig" on;font-size:15px;font-style:normal;font-weight:400;line-height:18px}.filter-group .item input.no-icon.color-white,.filter-group .item textarea.no-icon.color-white,.filter-group .item select.no-icon.color-white{color:#fff}.filter-group .item input:active,.filter-group .item input:focus,.filter-group .item textarea:active,.filter-group .item textarea:focus,.filter-group .item select:active,.filter-group .item select:focus{border:1px solid #601919}.filter-group .item input::placeholder,.filter-group .item textarea::placeholder,.filter-group .item select::placeholder{font-size:13px;font-style:normal;font-weight:400;line-height:18px;color:#8a8a8a}.filter-group .item.add input,.filter-group .item.add textarea,.filter-group .item.add select{border-radius:8px;padding:5px 10px 5px 45px;height:46px;width:100%;outline:none;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:12px;font-style:normal;font-weight:400;line-height:20px;color:#000}.filter-group .item.add input.rp,.filter-group .item.add textarea.rp,.filter-group .item.add select.rp{padding-left:40px}.filter-group .item.add input[type=date],.filter-group .item.add textarea[type=date],.filter-group .item.add select[type=date]{padding-left:45px!important}.filter-group .item.add input[type=date]::-webkit-calendar-picker-indicator,.filter-group .item.add textarea[type=date]::-webkit-calendar-picker-indicator,.filter-group .item.add select[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg class='icon-prefix rp' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2.57715 7.83688H17.4304' stroke='%2341ACE1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.7017 11.0915H13.7094' stroke='%2341ACE1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0038 11.0915H10.0116' stroke='%2341ACE1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.29828 11.0915H6.306' stroke='%2341ACE1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.7017 14.3303H13.7094' stroke='%2341ACE1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0038 14.3303H10.0116' stroke='%2341ACE1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.29828 14.3303H6.306' stroke='%2341ACE1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3698 1.66675V4.40906' stroke='%2341ACE1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.63795 1.66675V4.40906' stroke='%2341ACE1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5319 2.98267H6.4758C4.02856 2.98267 2.5 4.34594 2.5 6.85185V14.3932C2.5 16.9385 4.02856 18.3333 6.4758 18.3333H13.5242C15.9791 18.3333 17.5 16.9622 17.5 14.4563V6.85185C17.5077 4.34594 15.9868 2.98267 13.5319 2.98267Z' stroke='%2341ACE1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");width:22px;height:22px;position:absolute;left:12px;top:70%;transform:translateY(-50%);background-repeat:no-repeat;background-position:left;background-size:cover}.filter-group .item.add input.no-icon,.filter-group .item.add textarea.no-icon,.filter-group .item.add select.no-icon{padding-left:20px;color:var(--Gray-2, #9e9e9e);font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"dlig" on;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:18px}.filter-group .item.add input:active,.filter-group .item.add input:focus,.filter-group .item.add textarea:active,.filter-group .item.add textarea:focus,.filter-group .item.add select:active,.filter-group .item.add select:focus{border:1px solid #601919}.filter-group .item.add input::placeholder,.filter-group .item.add textarea::placeholder,.filter-group .item.add select::placeholder{font-size:13px;font-style:normal;font-weight:400;line-height:18px;color:#f2f2f2}.filter-group .item.full-width{display:flex;flex-direction:column}.filter-group .item.full-width input{width:100%;box-sizing:border-box}.filter-group #phone{padding-left:50px}.filter-group .select-wrapper{position:relative;width:100%}.filter-group .select-wrapper select{border-radius:6px;border:1px solid var(--Grey, #928e8e);background:var(--Background, #f2f2f2);padding:0 16px;height:60px;width:100%;outline:none;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:12px;font-style:normal;font-weight:300;line-height:20px}.filter-group .select-wrapper select.no-border{border:none!important}.filter-group .select-wrapper select.wt-bg{border-radius:4.216px;background:var(--Secondary, #f8dc75);color:var(--Black, #000)}.filter-group .select-wrapper:before{content:"";display:block;position:absolute;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M15.8334 8.02747L10 13.8608L4.16669 8.02747' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:17px;background-repeat:no-repeat;background-position:center;width:10px;height:10px;top:45%;right:6px;transform:translate(calc(-50% - 3px),-50%)}.filter-group .check-wrapper{display:flex;justify-content:left;gap:20px}.filter-group .custom-checkbox{display:flex;align-items:center}.filter-group .custom-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;margin:0;background-color:#f9f9f9;border-radius:4px;position:relative;cursor:pointer;outline:none}.filter-group .custom-checkbox input[type=checkbox]:checked{background-color:none;border:none;color:#f6d047}.filter-group .custom-checkbox input[type=checkbox]:checked:before{content:url('data:image/svg+xml,');position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px}.filter-group .custom-checkbox label{margin-bottom:0;margin-left:10px;cursor:pointer;color:var(--Gray-100, #7b7878)!important;font-size:13px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px}.filter-group .custom-checkbox label.black{color:#1e1e1e!important;font-feature-settings:"dlig" on,"liga" off,"clig" off;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.filter-group .custom-checkbox label.black-14{color:#1e1e1e!important;font-size:14px}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none!important}.wrapp-input-label{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;width:100%}.wrapp-input-label.wt-ic{position:relative;display:flex}.wrapp-input-label.wt-ic .icon-prefix{position:absolute;left:10px;top:70%;transform:translateY(-50%);width:20px;height:20px}.wrapp-input-label.wt-ic .icon-suffix{position:absolute;right:10px;top:70%;transform:translateY(-50%);width:20px;height:20px;cursor:pointer}.wrapp-input-label.wt-ic2{position:relative;display:flex}.wrapp-input-label.wt-ic2 .icon-prefix{position:absolute;left:10px;top:65%;transform:translateY(-50%);width:20px;height:20px;color:#aeaeae}.wrapp-input-label.wt-ic2 .icon-suffix{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;cursor:pointer}.wrapp-input-label label{color:var(--Black, #000);font-family:SF Pro Display,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.wrapp-input-label label span{color:red}.wrapp-input-label input.form-control,.wrapp-input-label textarea.form-control{display:flex;padding:12px;align-items:flex-start;gap:12px;align-self:stretch;border-radius:10px;border:.5px solid var(--Grey, #aeaeae);background:var(--Background, #f9f9f9);color:var(--Grey, #aeaeae);font-family:Lexend;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.wrapp-input-label input.form-control.pl-40,.wrapp-input-label textarea.form-control.pl-40{padding-left:40px}.wrapp-input-label input[type=date],.wrapp-input-label textarea[type=date]{position:relative;cursor:pointer}.wrapp-input-label input[type=date]::-webkit-calendar-picker-indicator,.wrapp-input-label textarea[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:100px;right:10px;z-index:1;opacity:0}.wrapp-input-label input[type=date]:after,.wrapp-input-label textarea[type=date]:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M14.4582 3.4665V2.1665C14.4582 1.82484 14.1749 1.5415 13.8332 1.5415C13.4915 1.5415 13.2082 1.82484 13.2082 2.1665V3.4165H7.79153V2.1665C7.79153 1.82484 7.5082 1.5415 7.16653 1.5415C6.82487 1.5415 6.54153 1.82484 6.54153 2.1665V3.4665C4.29153 3.67484 3.19987 5.0165 3.0332 7.00817C3.01653 7.24984 3.21653 7.44984 3.44987 7.44984H17.5499C17.7915 7.44984 17.9915 7.2415 17.9665 7.00817C17.7999 5.0165 16.7082 3.67484 14.4582 3.4665Z' fill='%23F6D048'/%3E%3Cpath d='M17.1667 8.7002H3.83333C3.375 8.7002 3 9.0752 3 9.53353V14.6669C3 17.1669 4.25 18.8335 7.16667 18.8335H13.8333C16.75 18.8335 18 17.1669 18 14.6669V9.53353C18 9.0752 17.625 8.7002 17.1667 8.7002ZM8.175 15.6752C8.13333 15.7085 8.09167 15.7502 8.05 15.7752C8 15.8085 7.95 15.8335 7.9 15.8502C7.85 15.8752 7.8 15.8919 7.75 15.9002C7.69167 15.9085 7.64167 15.9169 7.58333 15.9169C7.475 15.9169 7.36667 15.8919 7.26667 15.8502C7.15833 15.8085 7.075 15.7502 6.99167 15.6752C6.84167 15.5169 6.75 15.3002 6.75 15.0835C6.75 14.8669 6.84167 14.6502 6.99167 14.4919C7.075 14.4169 7.15833 14.3585 7.26667 14.3169C7.41667 14.2502 7.58333 14.2335 7.75 14.2669C7.8 14.2752 7.85 14.2919 7.9 14.3169C7.95 14.3335 8 14.3585 8.05 14.3919C8.09167 14.4252 8.13333 14.4585 8.175 14.4919C8.325 14.6502 8.41667 14.8669 8.41667 15.0835C8.41667 15.3002 8.325 15.5169 8.175 15.6752ZM8.175 12.7585C8.01667 12.9085 7.8 13.0002 7.58333 13.0002C7.36667 13.0002 7.15 12.9085 6.99167 12.7585C6.84167 12.6002 6.75 12.3835 6.75 12.1669C6.75 11.9502 6.84167 11.7335 6.99167 11.5752C7.225 11.3419 7.59167 11.2669 7.9 11.4002C8.00833 11.4419 8.1 11.5002 8.175 11.5752C8.325 11.7335 8.41667 11.9502 8.41667 12.1669C8.41667 12.3835 8.325 12.6002 8.175 12.7585ZM11.0917 15.6752C10.9333 15.8252 10.7167 15.9169 10.5 15.9169C10.2833 15.9169 10.0667 15.8252 9.90833 15.6752C9.75833 15.5169 9.66667 15.3002 9.66667 15.0835C9.66667 14.8669 9.75833 14.6502 9.90833 14.4919C10.2167 14.1835 10.7833 14.1835 11.0917 14.4919C11.2417 14.6502 11.3333 14.8669 11.3333 15.0835C11.3333 15.3002 11.2417 15.5169 11.0917 15.6752ZM11.0917 12.7585C11.05 12.7919 11.0083 12.8252 10.9667 12.8585C10.9167 12.8919 10.8667 12.9169 10.8167 12.9335C10.7667 12.9585 10.7167 12.9752 10.6667 12.9835C10.6083 12.9919 10.5583 13.0002 10.5 13.0002C10.2833 13.0002 10.0667 12.9085 9.90833 12.7585C9.75833 12.6002 9.66667 12.3835 9.66667 12.1669C9.66667 11.9502 9.75833 11.7335 9.90833 11.5752C9.98333 11.5002 10.075 11.4419 10.1833 11.4002C10.4917 11.2669 10.8583 11.3419 11.0917 11.5752C11.2417 11.7335 11.3333 11.9502 11.3333 12.1669C11.3333 12.3835 11.2417 12.6002 11.0917 12.7585ZM14.0083 15.6752C13.85 15.8252 13.6333 15.9169 13.4167 15.9169C13.2 15.9169 12.9833 15.8252 12.825 15.6752C12.675 15.5169 12.5833 15.3002 12.5833 15.0835C12.5833 14.8669 12.675 14.6502 12.825 14.4919C13.1333 14.1835 13.7 14.1835 14.0083 14.4919C14.1583 14.6502 14.25 14.8669 14.25 15.0835C14.25 15.3002 14.1583 15.5169 14.0083 15.6752ZM14.0083 12.7585C13.9667 12.7919 13.925 12.8252 13.8833 12.8585C13.8333 12.8919 13.7833 12.9169 13.7333 12.9335C13.6833 12.9585 13.6333 12.9752 13.5833 12.9835C13.525 12.9919 13.4667 13.0002 13.4167 13.0002C13.2 13.0002 12.9833 12.9085 12.825 12.7585C12.675 12.6002 12.5833 12.3835 12.5833 12.1669C12.5833 11.9502 12.675 11.7335 12.825 11.5752C12.9083 11.5002 12.9917 11.4419 13.1 11.4002C13.25 11.3335 13.4167 11.3169 13.5833 11.3502C13.6333 11.3585 13.6833 11.3752 13.7333 11.4002C13.7833 11.4169 13.8333 11.4419 13.8833 11.4752C13.925 11.5085 13.9667 11.5419 14.0083 11.5752C14.1583 11.7335 14.25 11.9502 14.25 12.1669C14.25 12.3835 14.1583 12.6002 14.0083 12.7585Z' fill='%23F6D048'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;background-position:center;width:20px;height:20px;position:absolute;top:30px;right:10px;bottom:0;background-color:transparent;content:""}.wrapp-input-label input[readonly],.wrapp-input-label textarea[readonly]{background-color:#f5f5f5}.wrapp-input-label input.form-control{height:42px}.wrapp-input-label textarea.form-control{display:flex;padding:12px;align-items:flex-start;gap:12px;align-self:stretch;border-radius:10px;border:.5px solid var(--Grey, #aeaeae);background:var(--Background, #f9f9f9);color:var(--Grey, #aeaeae);font-family:SF Pro Display,sans-serif;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.wrapp-input-label .select-arrow{position:relative;width:100%}.wrapp-input-label .select-arrow:before{content:"";position:absolute;top:50%;right:20px;transform:translateY(-50%);width:18px;height:19px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.78 6.00047C13.78 6.12714 13.7333 6.2538 13.6333 6.3538L9.28668 10.7005C8.58001 11.4071 7.42001 11.4071 6.71335 10.7005L2.36668 6.3538C2.17335 6.16047 2.17335 5.84047 2.36668 5.64714C2.56001 5.4538 2.88001 5.4538 3.07335 5.64714L7.42001 9.9938C7.74001 10.3138 8.26001 10.3138 8.58001 9.9938L12.9267 5.64714C13.12 5.4538 13.44 5.4538 13.6333 5.64714C13.7267 5.74714 13.78 5.8738 13.78 6.00047Z' fill='%23888D91'/%3E%3C/svg%3E")!important;background-size:contain;background-repeat:no-repeat}.wrapp-input-label .select-arrow select.form-select{display:flex;padding:12px;align-items:flex-start;gap:12px;align-self:stretch;border-radius:10px;border:.5px solid var(--Grey, #aeaeae);background:var(--Background, #f9f9f9);color:var(--Grey, #aeaeae);font-family:Lexend;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.wrapp-input-label .select-arrow select option{color:var(--Grey, #aeaeae);font-family:SF Pro Display,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.wrapp-input-label .wrapp-upload-file{width:100%;display:flex;padding:12px 10px 12px 15px;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:10px;border:.7px dashed var(--Gray-100, #dedddd)}.wrapp-input-label .wrapp-upload-file p.name{color:#1e1e1e;font-family:SF Pro Display,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-align:left}.wrapp-input-label .wrapp-upload-file p.jenis{color:#888d91;font-family:SF Pro Display,sans-serif;font-size:10px;font-style:normal;font-weight:300;line-height:normal}.custom-checkbox-khusus input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--Primary, #f6d047);border-radius:4px;background-color:#fff;margin-top:-9px;position:relative;cursor:pointer}.custom-checkbox-khusus input[type=checkbox]:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Cpath d='M12.1425 2H5.8575C3.1275 2 1.5 3.6275 1.5 6.3575V12.635C1.5 15.3725 3.1275 17 5.8575 17H12.135C14.865 17 16.4925 15.3725 16.4925 12.6425V6.3575C16.5 3.6275 14.8725 2 12.1425 2ZM12.585 7.775L8.3325 12.0275C8.2275 12.1325 8.085 12.1925 7.935 12.1925C7.785 12.1925 7.6425 12.1325 7.5375 12.0275L5.415 9.905C5.1975 9.6875 5.1975 9.3275 5.415 9.11C5.6325 8.8925 5.9925 8.8925 6.21 9.11L7.935 10.835L11.79 6.98C12.0075 6.7625 12.3675 6.7625 12.585 6.98C12.8025 7.1975 12.8025 7.55 12.585 7.775Z' fill='%23F6D047'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;background-position:center;width:20px;height:20px;position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;content:"";display:none}.custom-checkbox-khusus input[type=checkbox]:checked,.custom-checkbox-khusus input[type=checkbox].checked{border:none;outline:none}.custom-checkbox-khusus input[type=checkbox]:checked:after,.custom-checkbox-khusus input[type=checkbox].checked:after{display:block}#container{height:100%;min-height:420px}.highcharts-exporting-group,.highcharts-credits{display:none}.highcharts-figure,.highcharts-data-table table{min-width:440px;max-width:800px}.highcharts-data-table table{font-family:SF Pro Display,sans-serif;border-collapse:collapse;border:1px solid #ebebeb;margin:10px auto;text-align:center;width:100%;max-width:600px}.highcharts-data-table caption{padding:1em 0;font-size:1.2em;color:#555}.highcharts-data-table th{font-weight:600;padding:.5em}.highcharts-data-table td,.highcharts-data-table th,.highcharts-data-table caption{padding:.5em}.highcharts-data-table thead tr,.highcharts-data-table tr:nth-child(2n){background:#f8f8f8}.highcharts-data-table tr:hover{background:#f1f7ff}.highcharts-description{margin:.3rem 10px}.legend-container{width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;position:absolute;bottom:30px;left:0}.legend-container .legend-item{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.l-sidebar-admin{background:#601919;height:100%;width:185px;left:0;top:0;bottom:0;position:fixed!important;display:flex;flex-direction:column;align-items:center;position:relative;z-index:3;overflow:scroll}.l-sidebar-admin::-webkit-scrollbar{display:none}.l-sidebar-admin .menu{margin-bottom:0;color:var(--Gray-100, #7B7878);font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.8px}.l-sidebar-admin nav{width:100%;height:100%;background-color:#601919}.l-sidebar-admin nav hr{border-top:none;margin-top:16px;margin-bottom:30px;width:100%}.l-sidebar-admin nav .top{padding:150px 28px 10px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center}.l-sidebar-admin nav .top img{width:137.029px;height:136.997px;object-fit:fill}.l-sidebar-admin nav .link-wrapper{position:relative;margin:0;display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 350px);align-items:start;gap:15px;z-index:3}.l-sidebar-admin nav .link-wrapper .link-container{width:100%;height:100%}.l-sidebar-admin nav .link-wrapper hr{margin:0}.l-sidebar-admin nav .link-wrapper .link{padding:12px;display:flex;gap:10px;align-items:center;transition:.3s;border-radius:none;width:100%}.l-sidebar-admin nav .link-wrapper .link.logout{background-color:#601919}.l-sidebar-admin nav .link-wrapper .link.logout p{color:#fff}.l-sidebar-admin nav .link-wrapper .link.logout svg{transform:scale(.9)}.l-sidebar-admin nav .link-wrapper .link svg{transform:scale(.9)}.l-sidebar-admin nav .link-wrapper .link svg.icon-active{display:none}.l-sidebar-admin nav .link-wrapper .link svg.icon-inactive{display:inline-block}.l-sidebar-admin nav .link-wrapper .link:hover,.l-sidebar-admin nav .link-wrapper .link.active{background:#ddd9d7}.l-sidebar-admin nav .link-wrapper .link:hover p,.l-sidebar-admin nav .link-wrapper .link.active p{color:#601919;font-weight:600}.l-sidebar-admin nav .link-wrapper .link:hover svg.icon-active,.l-sidebar-admin nav .link-wrapper .link.active svg.icon-active{display:inline-block}.l-sidebar-admin nav .link-wrapper .link:hover svg.icon-inactive,.l-sidebar-admin nav .link-wrapper .link.active svg.icon-inactive{display:none}.l-sidebar-admin nav .link-wrapper .link p{margin-bottom:0;font-size:14px;font-style:normal;font-weight:400;letter-spacing:-.65px;color:var(--grey, #aeaeae)}.img-bg-sidebar{position:absolute;top:70%;left:0;z-index:-1}.img-bg-sidebar img{width:118.268px;height:128.933px}.header{display:flex;align-items:center;width:100%;height:95px;padding:30px 20px;background-color:var(--background, #f2f2f2);justify-content:space-between;position:relative}.header.delivery{background-color:#601919}.header.received{background-color:#c28b8d}.header-inner{width:100%;align-self:stretch;display:flex;justify-content:flex-start;align-items:flex-start;column-gap:15px}.header .backButton{display:flex;width:50px;height:50px;justify-content:center;align-items:center;gap:7.317px;border-radius:8.78px;box-shadow:0 9px 123px #b4b1b126,0 2.01px 27.474px #b4b1b117,0 .599px 8.18px #b4b1b10f}.header .backButton:hover{transform:scale(1.2)}.header .backButton img{display:flex;width:50px;height:50px;justify-content:center;align-items:center;flex-shrink:0}.header .title{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.header .title h1{color:var(--Base-Dark, #171717);font-family:SF Pro Display;font-size:48px;font-style:normal;font-weight:500;line-height:normal}.header .title h1 span,.header .title span{color:#560e04;font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:400;line-height:24px}.header .title.delivery h1{color:#fff;font-family:SF Pro Display;font-size:48px;font-style:normal;font-weight:500;line-height:normal}.header .title.delivery span{color:var(--White, #fff);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:400;line-height:24px}.header .title.received h1{color:var(--White, #fff);font-family:SF Pro Display;font-size:48px;font-style:normal;font-weight:500;line-height:normal}.header .title.received span{color:var(--White, #fff);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:400;line-height:24px}.header .title.on_process h1{color:#601919;font-family:SF Pro Display;font-size:36px;font-style:normal;font-weight:500;line-height:normal}.header .title.on_process span{color:#601919;font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:400;line-height:24px}.header .action-row{display:flex;align-items:center;justify-content:flex-end;padding-right:20px;width:auto;min-width:240px}.header .action-row .profile-section{display:flex;justify-content:center;align-items:center;width:232px;height:auto;padding:20.141px;gap:10px;border-radius:8.392px;background-color:#fff}.header .action-row .stats-section{display:flex;justify-content:center;align-items:center;width:290px;height:auto;padding:20.141px;gap:10px;border-radius:8.392px;background-color:#fff}.header .action-row .profile-image{width:58.745px;height:58.745px;border-radius:50%}.header .action-row .profile-info{display:flex;flex-direction:column;justify-content:center;line-height:1}.header .action-row .profile-name{font-size:26px;font-weight:700;color:#000;margin-bottom:2px}.header .action-row .profile-role{font-size:12px;color:#aeaeae;margin-bottom:0}.header .action-row .notification{position:relative;float:right}.header .action-row .notification .bubble{position:absolute;background:#f06548;width:14px;height:14px;top:0;right:10px;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff;text-align:center;font-family:Poppins;font-size:6px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.429px;border:1px solid white}.header .action-row .notification .img-notif{border-radius:900000px;border:1px solid var(--White, #fff);background:var(--White, #fff);padding:3px;margin-left:10px}.header .action-row .notification .badge-circle{display:flex;width:8px;height:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;position:absolute;right:2px;top:.152px;border-radius:90px;background:var(--Primary, #ed1e24)}.header .action-row .head-notif{display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid #aeaeae;padding-bottom:10px;margin-bottom:5px}.header .action-row .head-notif h3{margin:0!important;padding:0!important}.header .action-row .head-notif .left{font-size:20px;font-weight:600;line-height:16px;text-transform:capitalize}.header .action-row .head-notif .right{color:#686f82!important;font-size:15px!important;font-weight:400!important;cursor:pointer!important}.header .action-row .modal{padding:0}.header .action-row .modal .content{padding:16px}.header .action-row .modal hr{margin:0;color:#fff}.header .action-row .modal h6{font-weight:700;font-size:12px;line-height:15px;margin-bottom:0}.header .action-row .modal a{margin-top:14px;display:block;font-weight:600;font-size:12px;line-height:15px}.header .action-row .modal .margin-zero{margin:0!important}.header .action-row .modal.notification-menu{position:relative;background-color:#fff!important;transform:translate3d(-420px,35px,0)!important;border-radius:10px;width:450px!important;padding:20px;gap:10px}.header .action-row .modal.notification-menu:after{content:"";position:absolute;width:20px;height:20px;background-color:#fff!important;right:3px;top:-12px;clip-path:polygon(50% 0,100% 100%,0 100%)}.header .action-row .modal.notification-menu .wrapper{display:flex;flex-direction:column;width:100%;background-color:#fff}.header .action-row .modal.notification-menu .notif-item{width:100%;padding:20px 0;border-bottom:1px solid #e1e1e1;align-items:start;position:relative}.header .action-row .modal.notification-menu .notif-item .inner{width:100%;margin-left:45px}.header .action-row .modal.notification-menu .notif-item .notif-image{position:absolute;top:17px;left:0;justify-content:center;align-items:center;flex-shrink:0}.header .action-row .modal.notification-menu .notif-item .notif-image img{width:35px;height:35px}.header .action-row .modal.notification-menu .notif-item .trx{display:flex;justify-content:space-between;width:90%}.header .action-row .modal.notification-menu .notif-item .trx svg{margin-left:10px;cursor:pointer}.header .action-row .modal.notification-menu .notif-item .circle{width:5px;height:5px;background:var(--Red, #ff3c30);border-radius:9999px;margin-top:8px;margin-right:-8px}.header .action-row .modal.notification-menu h3{color:#000;margin-bottom:20px;font-size:22px;font-weight:600;line-height:normal}.header .action-row .modal.notification-menu h4{color:#252531;margin-bottom:0;font-size:16px;font-weight:500;line-height:normal}.header .action-row .modal.notification-menu h4.view-all{color:#000!important;text-decoration:none;text-align:center;cursor:pointer;margin-top:14px;font-size:15px}.header .action-row .modal.notification-menu p{margin-bottom:0;margin-top:5px;color:#686f82;font-size:14px;font-weight:300;line-height:normal}.header .action-row .modal.notification-menu .text-3{font-size:15px;font-weight:400;line-height:normal;color:#fa8c1b}.header .row-button{display:grid;grid-template-columns:1fr 1fr;gap:15px}.header .row-button a{text-align:center;width:210px;font-size:14px;font-style:normal;font-weight:600;line-height:20px;color:#000;padding:16px;height:55px;border-radius:6px;background:var(--primary, #f6d047)}.header .row-button a.btn-transparent{border:none;background-color:var(--background, #f9f9f9);color:#fff}.header .row-button2{display:flex;justify-content:flex-end;border:none;margin-top:0}.header .row-button2 a.button{text-align:center;width:210px;font-size:14px;font-style:normal;font-weight:600;line-height:20px;color:#242323;padding:16px;height:55px;border-radius:6px;background:#fcbb65}.modal{position:fixed;z-index:1050;height:auto;border-radius:10px}.modal.head-notif{transform:translate(36%) translateY(7%)}@media screen and (max-width: 1366px){.modal.head-notif{transform:translate(31%) translateY(8%)}}.modal .modal-content-notif{background-color:#fff!important;border-radius:10px;width:450px!important;height:auto;padding:0;gap:10px}.modal .modal-content-notif .head-notif{display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid #aeaeae;padding-bottom:15px;padding-top:10px;padding-left:5px;margin-bottom:5px}.modal .modal-content-notif .head-notif h3{margin:0!important;padding:0!important}.modal .modal-content-notif .head-notif .left{font-size:20px;font-weight:600;line-height:16px;text-transform:capitalize}.modal .modal-content-notif .head-notif .right{color:#686f82!important;font-size:15px!important;font-weight:400!important;cursor:pointer!important}.modal .modal-content-notif .modal-body{gap:0px!important}.modal .modal-content-notif .wrapper{display:flex;flex-direction:column;width:100%;background-color:#fff}.modal .modal-content-notif .notif-item{width:100%;padding:15px 0;border-bottom:1px solid #e1e1e1;align-items:start;position:relative}.modal .modal-content-notif .notif-item .inner{width:100%;margin-left:45px}.modal .modal-content-notif .notif-item .notif-image{position:absolute;top:12px;left:0;justify-content:center;align-items:center;flex-shrink:0}.modal .modal-content-notif .notif-item .notif-image img{width:35px;height:35px}.modal .modal-content-notif .notif-item .trx{display:flex;flex-direction:column;justify-content:space-between;width:90%}.modal .modal-content-notif .notif-item .trx svg{margin-left:10px;cursor:pointer}.modal .modal-content-notif .notif-item .circle{width:5px;height:5px;background:var(--Red, #ff3c30);border-radius:9999px;margin-top:8px;margin-right:-8px}.modal .modal-content-notif h3{color:#000;margin-bottom:20px;font-size:22px;font-weight:600;line-height:normal}.modal .modal-content-notif h4{color:#252531;margin-bottom:0;font-size:16px;font-weight:500;line-height:normal}.modal .modal-content-notif h4.view-all{color:#000!important;text-decoration:none;text-align:center;cursor:pointer;margin-top:14px;font-size:15px}.modal .modal-content-notif p{margin-bottom:0;margin-top:5px;color:#686f82;font-size:14px;font-weight:300;line-height:normal}.modal .modal-content-notif .text-3{font-size:15px;font-weight:400;line-height:normal;color:#fa8c1b}.modal .modal-content2{background-color:#fff!important;border-radius:10px;width:450px!important;height:auto;padding:0;gap:10px}.modal .modal-content2 .head-notif{display:flex;align-items:center;justify-content:center;width:100%;border-bottom:1px solid #aeaeae;padding-bottom:25px;padding-top:20px;padding-left:5px;margin-bottom:5px}.modal .modal-content2 .head-notif h3{margin:0!important;padding:0!important}.modal .modal-content2 .head-notif .left{font-size:20px;font-weight:600;line-height:16px;text-transform:capitalize;text-align:center}.modal .modal-content2 .head-notif .right2{position:absolute;right:20px;top:30px;height:20px;width:20px}.modal .modal-content2 .inside-content{display:flex;flex-direction:column;gap:10px;padding:10px 0}.modal .modal-content2 .inside-content .text-1{font-size:16px;font-weight:400;color:#fa8c1b}.modal .modal-content2 .inside-content .text-2{font-size:16px;font-weight:600;color:#000;padding:0;margin:0}.modal .modal-content2 .inside-content .text-3{font-size:16px;font-weight:300;color:#a0a0a0;line-height:25px}.modal .modal-content2 .lihat-button{width:100%;background-color:#f6d047;color:#fff;padding:10px;text-align:center;justify-content:center;border-radius:10px;font-size:15px;font-weight:600;margin-top:10px;cursor:pointer}.modal .modal-content2 .modal-body{gap:0px!important}.modal .modal-content2 .wrapper{display:flex;flex-direction:column;width:100%;background-color:#fff}.modal .modal-content2 .notif-item{width:100%;padding:15px 0;border-bottom:1px solid #e1e1e1;align-items:start;position:relative}.modal .modal-content2 .notif-item .inner{width:100%;margin-left:45px}.modal .modal-content2 .notif-item .notif-image{position:absolute;top:12px;left:0;justify-content:center;align-items:center;flex-shrink:0}.modal .modal-content2 .notif-item .notif-image img{width:35px;height:35px}.modal .modal-content2 .notif-item .trx{display:flex;flex-direction:column;justify-content:space-between;width:90%}.modal .modal-content2 .notif-item .trx svg{margin-left:10px;cursor:pointer}.modal .modal-content2 .notif-item .circle{width:5px;height:5px;background:var(--Red, #ff3c30);border-radius:9999px;margin-top:8px;margin-right:-8px}.modal .modal-content2 h3{color:#000;margin-bottom:20px;font-size:22px;font-weight:600;line-height:normal}.modal .modal-content2 h4{color:#252531;margin-bottom:0;font-size:16px;font-weight:500;line-height:normal}.modal .modal-content2 h4.view-all{color:#000!important;text-decoration:none;text-align:center;cursor:pointer;margin-top:14px;font-size:15px}.modal .modal-content2 .view-all{display:flex;justify-content:center;align-items:center}.modal .modal-content2 .view-all button{background:transparent}.modal .modal-content2 p{margin-bottom:0;margin-top:5px;color:#686f82;font-size:14px;font-weight:300;line-height:normal}.modal .modal-content2 .text-3{font-size:15px;font-weight:400;line-height:normal;color:#fa8c1b}.row-button2{display:flex;justify-content:flex-end;gap:20px;margin-left:69%;padding:20px 0}.btn-reset{background-color:#fffcec;color:#f6d047;border:2px solid #f6d047;padding:8px 20px;width:237.5px;height:44px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease;text-align:center;text-decoration:none}.btn-reset:hover{background-color:#f6d047;color:#fff}.btn-submit{background-color:#f6d047;color:#fff;border:none;padding:8px 20px;border-radius:10px;width:237.5px;height:44px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease;text-align:center;text-decoration:none}.btn-submit:hover{background-color:#ffc107}@media (min-width: 768px){.modal .modal-content-notif{background-color:#fff!important;border-radius:10px;width:350px!important;height:auto;padding:0;gap:10px}}@media (min-width: 1200px){.modal .modal-content-notif{background-color:#fff!important;border-radius:10px;width:450px!important;height:auto;padding:0;gap:10px}.header{height:130px;padding:32px 35px}.header-inner{column-gap:20px}.header h1{font-size:24px}.header .action-row{padding-right:0}}.filter-table-wrapper{padding-bottom:30px}.card-datatable{width:100%;background:#242323;position:relative;border:1px solid var(--Dark-300, #d7d7d7);background:var(--white, #fff);border-radius:8px}.card-datatable th.sorting:before,.card-datatable th.sorting:after,.card-datatable th.sorting_asc:before,.card-datatable th.sorting_asc:after,.card-datatable th.sorting_desc:before,.card-datatable th.sorting_desc:after{content:none!important}.card-datatable img.avatar{display:inline-block;width:30px;height:30px;margin-right:6px;object-fit:cover;position:relative}.card-datatable .dataTables_scrollHeadInner{width:unset!important}.card-datatable .dataTables_scroll{border-radius:8px}.card-datatable .dataTables_wrapper{padding-bottom:60px;overflow-x:auto;background-color:#e3e3e3}.card-datatable .dataTables_wrapper#table-dashboard-print_wrapper,.card-datatable .dataTables_wrapper#table-dashboard-print2_wrapper{padding-bottom:0}.card-datatable .dataTables_wrapper::-webkit-scrollbar{display:none}.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%;border-top-left-radius:9px;border-top-right-radius:9px}.card-datatable .dataTables_wrapper thead{width:100%;border-top-left-radius:8px;border-top-right-radius:8px;background-color:#601919}.card-datatable .dataTables_wrapper th{border:none;color:#ddd9d7;background:#601919;padding:30px 15.774px;font-size:16px;font-style:normal;font-weight:600;line-height:18px;white-space:nowrap}.card-datatable .dataTables_wrapper th .arrow-down{display:flex;justify-content:space-between;align-items:center}.card-datatable .dataTables_wrapper th .arrow-down h6{margin:0}.card-datatable .dataTables_wrapper th.h-xsm{border-top-left-radius:8px;border-top-right-radius:8px;width:1rem!important}.card-datatable .dataTables_wrapper th:first-child{border-top-left-radius:8px}.card-datatable .dataTables_wrapper th:last-child{border-top-right-radius:8px}.card-datatable .dataTables_wrapper th.sorting:before,.card-datatable .dataTables_wrapper th.sorting:after{content:none;pointer-events:none}.card-datatable .dataTables_wrapper tbody tr{border-top:none;background:#fff;box-shadow:inset 0 -1px #0000001a}.card-datatable .dataTables_wrapper tbody tr:nth-child(odd){background:#f5f5f5;box-shadow:0 -1px #d7d7d7}.card-datatable .dataTables_wrapper td{height:50px;padding:13px 16px;border:#383737;white-space:nowrap;font-size:15px;color:var(--Primary-100, #525252);vertical-align:middle}.card-datatable .dataTables_wrapper td .stok{display:flex;justify-content:center;align-items:center;gap:5px}.card-datatable .dataTables_wrapper td .status{display:inline-block;width:fit-content;border-radius:15px;display:flex;padding:8px 15px;justify-content:center;align-items:center;font-size:13px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.65px;color:#1f1f1f;text-transform:capitalize}.card-datatable .dataTables_wrapper td .status.active,.card-datatable .dataTables_wrapper td .status.received,.card-datatable .dataTables_wrapper td .status.done{background:#c28b8d;color:#fff}.card-datatable .dataTables_wrapper td .status.banned,.card-datatable .dataTables_wrapper td .status.delivery,.card-datatable .dataTables_wrapper td .status.ongoing{background:#601919;color:#fff}.card-datatable .dataTables_wrapper td .status.tag{background:var(--Primary-400, #ddd9d7);color:#414141}.card-datatable .dataTables_wrapper td .status.confirmation,.card-datatable .dataTables_wrapper td .status.on_process{background:#ddd9d7;color:#000}.card-datatable .dataTables_wrapper td.half-text{overflow:hidden;max-width:120px!important;text-overflow:ellipsis}.card-datatable .dataTables_wrapper td.address{overflow:hidden;max-width:50px!important;text-overflow:ellipsis}.card-datatable .dataTables_wrapper td.td-with-sub{display:flex;align-items:center;gap:10px}.card-datatable .dataTables_wrapper td .p-sub-td{font-size:10px;font-style:normal;line-height:18px;font-weight:400;color:#c5c1c1;margin-bottom:0}.card-datatable .dataTables_wrapper td span{color:#601919;font-size:12px;font-style:normal;font-weight:400}.card-datatable .dataTables_wrapper td .avatar{width:30px;height:30px;border-radius:5px;object-fit:cover;position:relative}.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 xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M14.1666 15.0001C14.1666 15.4603 14.5397 15.8334 15 15.8334C15.4602 15.8334 15.8333 15.4603 15.8333 15.0001C15.8333 14.5398 15.4602 14.1667 15 14.1667C14.5397 14.1667 14.1666 14.5398 14.1666 15.0001Z' stroke='%2326292B' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.16663 15.0001C9.16663 15.4603 9.53972 15.8334 9.99996 15.8334C10.4602 15.8334 10.8333 15.4603 10.8333 15.0001C10.8333 14.5398 10.4602 14.1667 9.99996 14.1667C9.53972 14.1667 9.16663 14.5398 9.16663 15.0001Z' stroke='%2326292B' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.16663 15.0001C4.16663 15.4603 4.53972 15.8334 4.99996 15.8334C5.4602 15.8334 5.83329 15.4603 5.83329 15.0001C5.83329 14.5398 5.4602 14.1667 4.99996 14.1667C4.53972 14.1667 4.16663 14.5398 4.16663 15.0001Z' stroke='%2326292B' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1666 10.0001C14.1666 10.4603 14.5397 10.8334 15 10.8334C15.4602 10.8334 15.8333 10.4603 15.8333 10.0001C15.8333 9.53984 15.4602 9.16675 15 9.16675C14.5397 9.16675 14.1666 9.53984 14.1666 10.0001Z' stroke='%2326292B' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.16663 10.0001C9.16663 10.4603 9.53972 10.8334 9.99996 10.8334C10.4602 10.8334 10.8333 10.4603 10.8333 10.0001C10.8333 9.53984 10.4602 9.16675 9.99996 9.16675C9.53972 9.16675 9.16663 9.53984 9.16663 10.0001Z' stroke='%2326292B' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.16663 10.0001C4.16663 10.4603 4.53972 10.8334 4.99996 10.8334C5.4602 10.8334 5.83329 10.4603 5.83329 10.0001C5.83329 9.53984 5.4602 9.16675 4.99996 9.16675C4.53972 9.16675 4.16663 9.53984 4.16663 10.0001Z' stroke='%2326292B' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1666 5.00008C14.1666 5.46032 14.5397 5.83341 15 5.83341C15.4602 5.83341 15.8333 5.46032 15.8333 5.00008C15.8333 4.53984 15.4602 4.16675 15 4.16675C14.5397 4.16675 14.1666 4.53984 14.1666 5.00008Z' stroke='%2326292B' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.16663 5.00008C9.16663 5.46032 9.53972 5.83341 9.99996 5.83341C10.4602 5.83341 10.8333 5.46032 10.8333 5.00008C10.8333 4.53984 10.4602 4.16675 9.99996 4.16675C9.53972 4.16675 9.16663 4.53984 9.16663 5.00008Z' stroke='%2326292B' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.16663 5.00008C4.16663 5.46032 4.53972 5.83341 4.99996 5.83341C5.4602 5.83341 5.83329 5.46032 5.83329 5.00008C5.83329 4.53984 5.4602 4.16675 4.99996 4.16675C4.53972 4.16675 4.16663 4.53984 4.16663 5.00008Z' stroke='%2326292B' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transition:all .2s ease-in}.card-datatable .dataTables_wrapper td .action-btn.delete{background-image:url('data:image/svg+xml,')}.card-datatable .dataTables_wrapper td .action-btn:hover{transform:scale(1.1)}.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{border-radius:10px;border:1px solid var(--Dark-300, #2c2c2c);background:var(--white, #fff);min-width:112px;padding:0}.card-datatable .dataTables_wrapper td .dropdown-menu.show{top:-2px!important;left:-80px!important}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item{padding:11px 16px;font-size:14px;font-style:normal;font-weight:60 0;line-height:18px;color:#000;margin:0}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item.no-border{border-bottom:none}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item:hover{background-color:transparent;color:#601919}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item:active{color:#601919}.card-datatable .dataTables_wrapper .dataTables_info{font-size:16px;font-style:normal;font-weight:400;color:#000;padding:0;order:1;position:absolute;left:150px;margin-top:0;bottom:10px;height:30px}.card-datatable .dataTables_wrapper .dataTables_length{height:35px;position:absolute;left:24px;bottom:10px;font-style:normal;font-weight:400;color:#686f82;line-height:16px}.card-datatable .dataTables_wrapper .dataTables_length label{font-size:18px;font-style:normal;font-weight:400;color:#000!important;margin-bottom:0}.card-datatable .dataTables_wrapper .dataTables_length select{background:transparent;border:none;box-shadow:none!important;padding-top:0;padding-bottom:0;font-weight:400;font-size:18px;line-height:16px;color:#000}.card-datatable .dataTables_wrapper .dataTables_filter{display:none}.card-datatable .dataTables_wrapper .dataTables_paginate{margin-top:6px;position:absolute;bottom:10px;right:24px;height:35px}.card-datatable .dataTables_wrapper .dataTables_paginate ul li{display:flex;align-items:center;justify-content:center;margin:0 5px;font-size:12px;font-style:normal;font-weight:400;color:#000;width:100%}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.paginate_button{width:fit-content;background-color:#fff;border:#000}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.paginate_button a{font-style:normal;font-weight:400;color:#000;height:30px;display:flex;justify-content:center;align-items:center;text-align:center;width:100%}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.previous,.card-datatable .dataTables_wrapper .dataTables_paginate ul li.next{display:none}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.first:before{content:"<";font-size:16px;margin-left:8px;color:#000}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.last:after{content:">";font-size:16px;margin-right:8px;color:#000}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.first,.card-datatable .dataTables_wrapper .dataTables_paginate ul li.last{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:16px}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.active .page-link{background-color:#601919;color:#fff;border:none}.card-datatable .dataTables_wrapper .dataTables_scrollHead{overflow:unset!important}.card-datatable .dataTables_wrapper .dataTables_scrollBody{overflow:visible!important}.card-datatable .dataTables_wrapper .table-drafted-event th,.card-datatable .dataTables_wrapper .table-drafted-event td{color:#f7f2e1!important;background-color:transparent}.card-datatable .dataTables_wrapper .table-drafted-event th{background-color:#333!important;color:#fcbb65!important}.card-datatable .dataTables_wrapper .table-drafted-event tbody tr:hover{background-color:#3a3a3a}.card-datatable .dataTables_wrapper .dropdown-item{color:#f7f2e1}.card-datatable .dataTables_wrapper .dropdown-item:hover{background-color:#fcbb65;color:#242323}.card-datatable .cell-content{display:flex;justify-content:space-between;align-items:center;width:100%}.card-datatable .sorting-icons{cursor:pointer}.card-datatable th.sorting .sorting-icons{transform:rotate(0);transition:transform .2s ease}.card-datatable th.sorting_asc .sorting-icons{transform:rotate(180deg)}.card-datatable th.sorting_desc .sorting-icons{transform:rotate(0)}.card-datatable .td-with-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.card-datatable .truncate-p{position:relative}.card-datatable .truncate-p p{margin-top:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis!important;max-width:400px;display:inline-block;color:#fff;cursor:pointer}.card-datatable .truncate-p p:after{content:attr(data-tooltip);position:absolute;background:#000c;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;white-space:nowrap;bottom:70%;left:90%;transform:translate(-50%);opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.card-datatable .truncate-p p:hover:after{opacity:1;visibility:visible}.card-datatable .truncate-p-small p{margin-top:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis!important;max-width:300px;display:inline-block;color:#fff}@media (width <= 1193px){.card-datatable .dataTables_wrapper .dataTables_scrollHead{overflow:hidden!important}.card-datatable .dataTables_wrapper .dataTables_scrollBody{overflow:auto!important}}.col-sm-12{padding-right:0!important;padding-left:22px!important}.modal{overflow-y:auto!important;overflow-x:hidden!important}.modal-dialog{pointer-events:auto!important}.modal-dialog.modal-xsm{max-width:358px}.modal-dialog.modal-ssm{width:372px}.modal-dialog.modal-sm{max-width:431px}.modal-dialog.modal-md{max-width:541px}.modal-dialog.modal-xl{max-width:548px}.modal-dialog.modal-2xl{max-width:680px}@media (max-width: 1400px){.modal-dialog.modal-2xl{width:664.815px}}.modal-dialog.modal-bigxl{max-width:1280px}.modal-dialog .modal-content{border:none;border-radius:15px;background:var(--White, #fff)}.modal-dialog .modal-content .modal-header{padding-top:20px;display:flex;width:100%;justify-content:space-between;background-color:#f3f3f3}.modal-dialog .modal-content .modal-header .modal-title{color:var(--Black, #601919);text-align:left;font-feature-settings:"dlig" on,"liga" off,"clig" off;font-family:SF Pro Display,sans-serif;font-size:24px;font-style:normal;font-weight:500;line-height:normal}.modal-dialog .modal-content .modal-header .btn-close{transform:scale(.7)}.modal-dialog .modal-content .modal-body{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;align-self:stretch}.modal-dialog .modal-content .modal-body .price-container{display:flex;width:100%;justify-content:space-between;align-items:center;padding:0 40px}.modal-dialog .modal-content .modal-body .bg-print{background:#f2f2f2;padding:20px}.modal-dialog .modal-content .modal-body .bg-print .header-container{background-color:#fff;width:100%;padding:10px;margin:0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.modal-dialog .modal-content .modal-body .bg-print .header-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px}.modal-dialog .modal-content .modal-body .bg-print .header-content p{font-weight:500;color:#601919}.modal-dialog .modal-content .modal-body .bg-print .header-content p.black{color:#000}.modal-dialog .modal-content .modal-body .bg-print .header-content p span{font-weight:400;color:#c28b8d}.modal-dialog .modal-content .modal-body .bg-print .logo-img{width:48.454px;height:48.442px;margin-right:10px}.modal-dialog .modal-content .modal-body .bg-print .table-container{background-color:#fff}.modal-dialog .modal-content .modal-body .bg-print .header-text{flex-grow:1;text-align:left}.modal-dialog .modal-content .modal-body .bg-print .header-text h1{font-size:24px;font-weight:700;color:#5d0c0c;margin-bottom:10px}.modal-dialog .modal-content .modal-body .bg-print .header-text p{font-size:14px;color:#5d0c0c;margin:5px 0}.modal-dialog .modal-content .modal-body .bg-print .header-text p:last-child{font-weight:700}.modal-dialog .modal-content .modal-body .bg-print .contact-info{display:flex;flex-direction:column;text-align:left;width:40%}.modal-dialog .modal-content .modal-body .bg-print .contact-info p{font-size:14px;margin:5px 0;color:#5d0c0c}.modal-dialog .modal-content .modal-body .bg-print .bot-table{display:flex;flex-direction:row;width:100%;justify-content:space-between;background-color:#fff}.modal-dialog .modal-content .modal-body .bg-print .invoice-summary{width:400px;display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-weight:600;color:#5d0c0c}.modal-dialog .modal-content .modal-body .bg-print .invoice-summary .left-section{width:60%;text-align:left;font-size:16px}.modal-dialog .modal-content .modal-body .bg-print .invoice-summary .right-section{width:30%;text-align:right;font-size:16px;font-weight:700}.modal-dialog .modal-content .modal-body .bg-print .signature-container{margin-top:40px;text-align:center;font-size:16px}.modal-dialog .modal-content .modal-body .bg-print .signature-container img{width:250px;margin-top:20px}.modal-dialog .modal-content .modal-body .bg-print .pricing-table{margin-top:30px;width:100%;border-top:2px solid #601919}.modal-dialog .modal-content .modal-body .bg-print .pricing-table td,.modal-dialog .modal-content .modal-body .bg-print .pricing-table th{padding:8px;text-align:right}.modal-dialog .modal-content .modal-body .bg-print .pricing-table td:last-child,.modal-dialog .modal-content .modal-body .bg-print .pricing-table th:last-child{text-align:left}.modal-dialog .modal-content .modal-body .bg-print .pricing-table tr:last-child td{border-bottom:2px solid #601919}.modal-dialog .modal-content .modal-body .bg-print .total-section{margin-top:20px;display:flex;justify-content:space-between;padding-top:10px;font-weight:600;font-size:16px;border-top:2px solid #ddd}.modal-dialog .modal-content .modal-body .bg-print .total-section .label,.modal-dialog .modal-content .modal-body .bg-print .total-section .value{color:#601919;font-weight:700}.modal-dialog .modal-content .modal-body .delete-cofirm{color:var(--table-text, #a0a0a0);text-align:center;font-family:SF Pro Display,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px}.modal-dialog .modal-content .modal-body .wrap-top{display:flex;width:100%;align-items:center;gap:15px}.modal-dialog .modal-content .modal-body .wrap-top .left{display:flex;gap:15px}.modal-dialog .modal-content .modal-body .wrap-top .left img{border-radius:5px;display:flex;width:240px;max-width:240px;height:231px;max-height:231px}.modal-dialog .modal-content .modal-body .wrap-top .right{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:15px;align-self:stretch}.modal-dialog .modal-content .modal-body hr.gray{height:1px;border:0;background:#f3f3f3}.modal-dialog .modal-content .modal-body .status{display:flex;padding:8px 15px;justify-content:center;align-items:center;gap:10px;color:var(--White, #fff);font-size:13px;font-style:normal;font-weight:400;line-height:normal;border-radius:15px;width:fit-content;height:26px;margin:auto auto auto 5px}.modal-dialog .modal-content .modal-body .status.mega{background:#f28478}.modal-dialog .modal-content .modal-body .status.macro{background:#f6d047}.modal-dialog .modal-content .modal-body .status.middle{background:#aeaeae}.modal-dialog .modal-content .modal-body .status.micro{background:var(--Orange, #fa8c1b)}.modal-dialog .modal-content .modal-body .status.nano{background:var(--Blue, #77c6c8)}.modal-dialog .modal-content .modal-footer{border-top:none;width:100%;display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-between;gap:15px}.modal-dialog .modal-content .modal-footer.no-gtc{grid-template-columns:repeat(1,1fr)}.modal-dialog .modal-content .modal-footer button{display:flex;padding:12px 20px;justify-content:center;align-items:center;gap:5px;align-self:stretch;border-radius:4px;width:100%;font-feature-settings:"dlig" on,"liga" off,"clig" off;font-family:SF Pro Display,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.modal-dialog .modal-content .modal-footer button.btn-secondary{color:#601919;border:1px solid #601919;background:var(--White, #fff)}.modal-dialog .modal-content .modal-footer button.btn-primary{color:var(--Primary, #fff);border:1px solid var(--Primary, #f6d047);background:#601919}.modal-dialog .modal-content .modal-footer .btn-primary{padding:12px 20px;justify-content:center;align-items:center;gap:5px;border-radius:4px;width:100%;color:var(--Primary, #fff);background:#601919}.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-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:#3d3d3d;color:#fff;border:1px solid #3d3d3d}.modal.scan-barcode .modal-content .modal-footer button.secondary{background:#fff;color:#8c8c8c;border:1px solid #8c8c8c}.modal.scan-barcode .modal-content .modal-footer button.tertiary{background-color:#d8d8d8;border:1px solid #d8d8d8;color:#3b3b3b}.nav-content{display:flex;width:100%;flex-direction:row}.nav-content .nav-link{display:flex;width:200px;height:53px;padding:10px;justify-content:center;align-items:center;gap:10px;border-radius:7px 7px 0 0;background:#b06161;color:#fff}.nav-content .nav-link.active{background-color:#601919}.nav-content .nav-link.grey{background-color:#928e8e}.select2-container{display:block;width:100%!important}.select2-container .select2-search--inline .select2-search__field{border:none}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:20px!important;padding-right:5px}.select2-search--dropdown{display:none!important}.select2-container--default.select2-container--focus .select2-selection--multiple{position:relative;overflow-y:scroll;min-height:100px;scrollbar-width:none;-ms-overflow-style:none}.select2-container--default.select2-container--focus .select2-selection--multiple::-webkit-scrollbar{display:none}.select2-container--default .select2-selection--multiple.select2-selection--clearable{position:relative;overflow-y:scroll;min-height:100px}.select2-container .select2-selection--single .select2-selection__rendered{background:#f2f2f2;border-radius:4px;border:.5px solid var(--Dark-400, #928E8E);height:60px}.select2-container--default .select2-selection--single{background-color:#f2f2f2!important;border:.5px solid var(--Dark-400, #928E8E);height:60px!important;border-radius:4px!important}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#000!important;font-size:15px!important;line-height:28px;display:flex!important;align-items:center!important}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:25%!important;right:1px;width:20px}.none{display:none!important}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;position:absolute;right:0;top:25%;width:10px;box-shadow:none;color:#601919}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;color:#601919;border:none;font-size:15px;max-width:40px}.select2-container--open .select2-dropdown{left:0;background:#f2f2f2;color:#787878;border:1px solid #787878}#select2-status-color-results li:last-child,#select2-customer-results li:last-child,#select2-supplierSelect-results li:last-child{color:#601919}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#601919!important;color:#fff!important;padding:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.select2-container--default .select2-results__option--selected{background-color:#323232!important}.select2-container--open .select2-dropdown--below{border-top:none;border-radius:0 0 10px 10px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999;font-size:15px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:none!important;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:0!important;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}input[type=time]{position:relative!important;padding-left:40px!important;padding-right:10px;font-size:15px;border:1px solid #555;border-radius:8px;background-color:#333;color:#7b7878!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:100%;height:40px}input[type=time]:before{content:"";background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.09265 9.40421H20.9166' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4421 13.3097H16.4514' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0046 13.3097H12.0139' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.55793 13.3097H7.5672' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4421 17.1962H16.4514' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0046 17.1962H12.0139' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.55793 17.1962H7.5672' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0438 2V5.29078' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.96552 2V5.29078' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2383 3.5791H7.77096C4.83427 3.5791 3 5.21504 3 8.22213V17.2718C3 20.3261 4.83427 21.9999 7.77096 21.9999H16.229C19.175 21.9999 21 20.3545 21 17.3474V8.22213C21.0092 5.21504 19.1842 3.5791 16.2383 3.5791Z' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-size:cover;background-position:center;position:absolute;left:10px;top:50%;transform:translateY(-50%);width:20px;height:20px}input[type=time]::-webkit-calendar-picker-indicator{opacity:0;position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none!important;color:#ccc!important;background-color:#ccc}input[type=time]::-moz-calendar-picker-indicator{position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none!important;color:#ccc!important}input[type=time]::-ms-clear{display:none!important}.p-login-container{display:flex;justify-content:center;height:100vh;width:100vw;background-color:#601919}.p-login-container.white{background-color:#f2f2f2}.p-login-container .login-card-container{width:531px;display:flex;align-items:center;justify-content:center}.p-login-container .login-card-container .login-card{display:flex;padding:56px 40px;width:100%;height:auto;flex-direction:column;justify-content:center;align-items:center;gap:0px!important;border-radius:25px;background:#c28b8d;box-shadow:-2.489px -2.489px 7.466px #5a5e6433,2.489px 2.489px 7.466px #0000004d}.p-login-container .login-card-container .login-card.white{background-color:#fff}.p-login-container .login-card-container .login-card.white h3{color:var(--Base-Dark, #171717);text-align:center;font-size:36px;font-style:normal;font-weight:700;line-height:normal}.p-login-container .login-card-container .login-card.white p{color:var(--Primary-200, #905c5e);text-align:center;font-size:20px;font-style:normal;font-weight:400;line-height:24px}.p-login-container .login-card-container .login-card h3{color:#fff;text-align:center;font-family:SF Pro Display,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:30px;margin-top:10px}.p-login-container .login-card-container .login-card p{color:#fff;text-align:center;font-family:SF Pro Display,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:30px}.p-login-container .login-card-container .login-card label{color:var(--Maroon, #601919);font-family:SF Pro Display,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:8px;display:block}.p-login-container .login-card-container .login-card span{color:#e22124;font-family:DM Sans;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.p-login-container .login-card-container .login-card .filter-group{width:100%}.p-login-container .login-card-container .login-card .filter-group .item{position:relative;margin-bottom:10px;display:flex;flex-direction:column}.p-login-container .login-card-container .login-card .filter-group .item .icon-prefix{position:absolute;left:10px;top:70%;transform:translateY(-50%);width:20px;height:20px}.p-login-container .login-card-container .login-card .filter-group .item .form-control{width:100%;padding:10px 10px 10px 40px;font-size:14px;color:#000;border-radius:5px;border:.5px solid var(--Green-green-200, #8bdde2);background:var(--Base-White, #fff)}.p-login-container .login-card-container .login-card .filter-group .item .form-control.admin{border:1px solid var(--Primary-300, #af8b8b);background:#f4e9e9;color:#000}.p-login-container .login-card-container .login-card .filter-group .item .form-control.p-20{padding:20px}.p-login-container .login-card-container .login-card .filter-group .item .form-control::placeholder{font-size:13px;font-style:normal;font-weight:400;line-height:18px;color:#8a8a8a}.p-login-container .login-card-container .login-card .filter-group .item .icon-suffix{position:absolute;right:10px;top:70%;transform:translateY(-50%);width:20px;height:20px;cursor:pointer}.p-login-container .login-card-container .login-card .filter-group .item.daftar p{color:var(--Blue-blue-200, #8faac0);text-align:center;font-family:DM Sans;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.p-login-container .login-card-container .login-card .filter-group .item.daftar a{color:var(--Green-green-500, #03b5c1);text-align:center;font-family:DM Sans;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.p-login-container .login-card-container .login-card .filter-group .google{display:flex;justify-content:center;align-items:center;flex-direction:column}.p-login-container .login-card-container .login-card .filter-group .google p{color:var(--Grey-500, #8a8a8a);text-align:center;font-family:Open Sans;font-size:16px;font-style:normal;font-weight:500;line-height:30px}.p-login-container .login-card-container .login-card .filter-group .google .atau{display:flex;width:100%;justify-content:center;align-items:center;margin-bottom:15px}.p-login-container .login-card-container .login-card .filter-group .google .atau span{width:100px;color:var(--Blue-blue-200, #8faac0);text-align:center;font-family:DM Sans;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.p-login-container .login-card-container .login-card .filter-group .google .atau svg{width:40%}.p-login-container .login-card-container .login-card .filter-group .google .icon{display:flex;width:100%;padding:12.553px 16.738px;justify-content:center;align-items:center;gap:16.738px;border-radius:39px;background:var(--Neutral-100, #fafbfd);border:.418px solid var(--Grey-400, #edf0fa)}.p-login-container .login-card-container .login-card .action,.p-login-container .login-card-container .login-card .action .custom-checkbox{display:flex;align-items:center}.p-login-container .login-card-container .login-card .action .custom-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--Primary, #f6d047);border-radius:4px;background-color:#fff;margin-top:-9px;position:relative;cursor:pointer}.p-login-container .login-card-container .login-card .action .custom-checkbox input[type=checkbox]:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Cpath d='M12.1425 2H5.8575C3.1275 2 1.5 3.6275 1.5 6.3575V12.635C1.5 15.3725 3.1275 17 5.8575 17H12.135C14.865 17 16.4925 15.3725 16.4925 12.6425V6.3575C16.5 3.6275 14.8725 2 12.1425 2ZM12.585 7.775L8.3325 12.0275C8.2275 12.1325 8.085 12.1925 7.935 12.1925C7.785 12.1925 7.6425 12.1325 7.5375 12.0275L5.415 9.905C5.1975 9.6875 5.1975 9.3275 5.415 9.11C5.6325 8.8925 5.9925 8.8925 6.21 9.11L7.935 10.835L11.79 6.98C12.0075 6.7625 12.3675 6.7625 12.585 6.98C12.8025 7.1975 12.8025 7.55 12.585 7.775Z' fill='%23F6D047'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;background-position:center;width:20px;height:20px;position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;content:"";display:none}.p-login-container .login-card-container .login-card .action .custom-checkbox input[type=checkbox]:checked,.p-login-container .login-card-container .login-card .action .custom-checkbox input[type=checkbox].checked{border:none;outline:none}.p-login-container .login-card-container .login-card .action .custom-checkbox input[type=checkbox]:checked:after,.p-login-container .login-card-container .login-card .action .custom-checkbox input[type=checkbox].checked:after{display:block}.p-login-container .login-card-container .login-card .action .custom-checkbox label{margin-left:8px;color:var(--Black, #000)}.p-login-container .login-card-container .login-card .action .lupa-pw{color:var(--Black, #000);font-size:14px;font-style:normal;font-weight:400;line-height:normal}.p-login-container .login-card-container .login-card .submit-button{width:100%}.p-login-container .login-card-container .login-card .submit-button button{padding:15px 40px;width:100%;height:50px;gap:10px;border-radius:12px;font-family:SF Pro Display,sans-serif;font-size:18px;font-weight:600;background-color:#601919;color:#fff;border:none;cursor:pointer;transition:background-color .3s}.p-login-container .login-card-container .login-card .submit-button button:hover{background-color:#fff;color:#601919}.p-login-container .logo-vector-container{width:60%;display:flex;align-items:center;justify-content:center;position:relative;background:var(--Linear-01, linear-gradient(270deg, #35c4cd .1%, #0c4776 99.9%))}.p-login-container .logo-vector-container .vector-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.p-login-container .logo-vector-container .vector-container .login-vector{position:absolute;width:1752px;height:1007px;z-index:1;top:-150px;left:5%;transform:translate(-50%,-2%)}.p-login-container .logo-vector-container .vector-container .login-vector2{position:absolute;width:545px;height:545px;border-radius:50%;border:15px solid rgba(255,255,255,.18);z-index:2;right:51%;transform:translate(50%,-2%)}.p-login-container .logo-vector-container .vector-container .login-logo{position:relative;z-index:3}.p-login-container .logo-vector-container .vector-container .login-logo img{width:376.349px;height:287px;object-fit:contain}.detail-top{display:grid;width:100%;grid-template-columns:1fr 170px 170px;gap:var(--spacing-2-5, 10px)}.detail-top.product{grid-template-columns:350px 1fr}.detail-top.sf{grid-template-columns:1fr}.detail-top.two{grid-template-columns:1fr 1fr}.detail-top.satu{grid-template-columns:1fr 375px}.detail-top.tiga{grid-template-columns:1fr 1fr 1fr;padding:14px 0}.detail-top .information{display:flex;width:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start}.detail-top .information .top{display:flex;flex-direction:row;width:100%;gap:10px}.detail-top .information .top .item.sku{width:180px}.detail-top .information .top .item span{color:#601919;font-family:SF Pro Display,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.detail-top .information .top .item .no-sku{height:60px;padding:27px 18px;display:flex;justify-content:center;align-items:center;border-radius:4px;color:#fff;border:1px solid var(--Gray-200, #928e8e);background:var(--Primary-300, #af8b8b)}.detail-top .bg-wrapper .connected-label{background-color:var(--Gray-100);color:#000;cursor:not-allowed}.detail-top .bg-wrapper .nonota{width:100%;display:flex;flex-direction:column}.detail-top .bg-wrapper .nonota .date{display:flex;justify-content:flex-start;align-items:center;gap:4px}.detail-top .bg-wrapper .nonota .rows{display:flex;flex-direction:row;justify-content:space-between;width:100%}.detail-top .bg-wrapper .contact{display:flex;flex-direction:row;align-items:center;gap:44px;justify-content:flex-start;align-self:stretch}.detail-top .bg-wrapper .rows-head{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch;margin-bottom:10px}.detail-top .bg-wrapper .rows-head p{color:var(--Base-Dark, #171717);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;margin-bottom:0;font-weight:600}.detail-top .bg-wrapper .rows-head .status{display:flex;padding:6px 11px;justify-content:center;align-items:center;gap:10px;border-radius:20px;background:var(--Primary-100, #601919);color:#fff}.detail-top .bg-wrapper .rows-head .status.done{background:var(--Primary-100, #C28B8D);color:#fff}.detail-top .bg-wrapper hr{height:1px;border:none;background-color:transparent;border-top:1px dashed #cac4c4;width:100%;margin:0}.detail-top .bg-wrapper .row-content{display:flex;width:100%;flex-direction:row;justify-content:center;align-items:center;gap:22px}.detail-top .bg-wrapper .row-content svg{width:58.745px;height:58.745px}.detail-top .bg-wrapper .row-content .column-content{display:flex;flex-direction:column;width:100%;gap:10px}.detail-top .bg-wrapper .row-content .column-content .name{display:flex;flex-direction:row;width:100%;justify-content:space-between;padding-bottom:5px;align-items:center}.detail-top .bg-wrapper .row-content .column-content .name span{color:var(--Base-Dark, #171717);font-family:SF Pro Display,sans-serif;font-size:24px;font-style:normal;font-weight:500;line-height:normal}.detail-top .bg-wrapper .row-content .column-content .name .status{display:flex;padding:7.18px 13.164px;justify-content:center;align-items:center;gap:11.967px;border-radius:23.934px;background:var(--Primary-100, #601919);color:#fff;font-size:16px}.detail-top .bg-wrapper .row-content .column-content p{color:#716868;text-align:justify;font-size:20px;font-style:normal;font-weight:500;line-height:28px;margin-bottom:0}.detail-top .bg-wrapper .row-content .column-content span{color:var(--Base-Dark, #171717);font-size:20px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.detail-top .bg-wrapper .row-content .column-content .grey{color:#8a8b8c;font-size:16.784px;font-style:normal;font-weight:400;line-height:20.141px}.detail-top .bg-wrapper .row-content .column-content .pound{display:flex;width:100%;flex-direction:row;gap:8px}.detail-top .bg-wrapper .row-content .column-content .pound .pound-item{display:flex;padding:9px 12px;width:33%;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:8px;background:var(--Gray-300, #f2f2f2)}.detail-top .bg-wrapper .row-content .column-content .pound .pound-item h4{font-size:24px}.detail-top .bg-wrapper .row-content .column-content .pound .pound-item span{color:var(--Gray-200, #928e8e);font-size:18px}.detail-top .bg-wrapper .row-content .status{display:flex;padding:4px 11px;width:180px;height:40px;justify-content:center;align-items:center;gap:10px;border-radius:20px;background:var(--Primary-400, #ddd9d7);color:#414141}.detail-top .bg-wrapper .barcode{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:38px;width:100%}.detail-top .bg-wrapper .barcode img{width:300px}.detail-top .bg-wrapper .barcode .print-barcode{display:flex;width:300px;height:60px;padding:10px 18px;justify-content:center;align-items:center;gap:10px;border-radius:4px;border:1px solid var(--Primary-100, #601919);background-color:#fff;color:#601919}.detail-top .bg-wrapper .barcode .print-barcode img{width:24px;height:24px}.detail-top .bg-wrapper.information-enhanced{justify-content:center;padding:20px 30px!important;display:flex;position:relative;flex-direction:column;gap:10px!important}.detail-top .bg-wrapper.information-enhanced .item{display:flex;gap:32px;width:100%}.detail-top .bg-wrapper.information-enhanced .item .text{width:100%}.detail-top .bg-wrapper.information-enhanced .item .text p{color:var(--Gray-200, #a9a9a9);font-size:14px;margin-bottom:8px}.detail-top .bg-wrapper.information-enhanced .item .text h3{margin-bottom:4px;color:var(--Primary-300, #ffd479);font-size:18px;font-weight:700}.detail-top .bg-wrapper.information-enhanced.p-30{padding:30px!important}.detail-top .image-wrapper{width:330px;max-height:330px;object-fit:cover;position:relative}.detail-top .image-wrapper.s-196{width:196px}.detail-top .image-wrapper img{width:100%;height:100%;border-radius:10px;object-fit:cover}.detail-top .image-preview{width:100%;max-width:330px;margin-bottom:15px;display:block;margin-left:auto;margin-right:auto}.row-stats{display:flex;flex-direction:row;align-items:flex-start;gap:20px;align-self:stretch;margin-bottom:20px}.row-stats .card{border-radius:12px;background:var(--Neutral-50, #fff);display:flex;padding:20px;flex-direction:row;align-items:flex-start;gap:20px;flex:1 0 0}.row-stats .card .right{display:flex;flex-direction:column;justify-content:center}body,html{background-color:#f9f9f9;margin:0;padding:0;font-family:Arial,sans-serif}.p-dashboard{display:flex;margin-left:185px}.wrapper{width:100%;background-color:#f9f9f9}.wrapper .content{padding:40px}.content-wrapper{display:flex;padding:10px 35px 25px;flex-direction:column;align-items:flex-start;align-self:stretch;background-color:#f9f9f9}.content-wrapper.g-25{gap:25px}.content-wrapper.g-15{gap:15px}.content-wrapper .notification-page{display:flex;padding:15px 20px 15px 15px;align-items:center;gap:10px;align-self:stretch;border-radius:10px;border:none;cursor:pointer;background-color:#fff}.content-wrapper .notification-page:hover{border-radius:10px;background:var(--Light-Gray, #ebebeb)}.content-wrapper .notification-page img{width:40px;height:40px}.content-wrapper .notification-page .text-group{display:flex;justify-content:space-between;width:100%}.content-wrapper .notification-page .text-group .right-text{color:var(--Gray-100, #aeaeae);text-align:right;font-family:Lexend;font-size:10px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.5px}.content-wrapper .notification-page .text-group .text-stack{display:flex;flex-direction:column}.content-wrapper .notification-page .text-group .text-stack .text-1{color:var(--Gray-300, #444141);text-align:center;font-family:Lexend;font-size:13px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.65px}.content-wrapper .notification-page .text-group .text-stack .text-2{overflow:hidden;color:var(--Gray-100, #aeaeae);text-overflow:ellipsis;font-family:Lexend;font-size:10px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.5px}.content-wrapper .fs-14-500{color:var(--Dark-Grey, #666);leading-trim:both;text-edge:cap;font-family:Lexend;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.sidebar{width:250px;position:fixed;height:100%;top:0;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:100;display:flex;flex-direction:column;padding:20px}.sidebar .menu-item{margin-bottom:20px;display:flex;align-items:center;color:#333;font-size:16px;font-weight:500;transition:background-color .3s ease}.sidebar .menu-item.active{background-color:#f6d047;border-radius:10px;padding:10px;color:#fff}.sidebar .menu-item img{margin-right:10px}.content-dashboard{display:flex;flex-direction:column;gap:20px;padding:20px 40px;width:100%;height:100%;background-color:#f2f2f2}.content-dashboard.delivery{background-color:#601919}.content-dashboard.received{background-color:#c28b8d}.content-dashboard .heading{color:var(--Neutral-300, #000);font-family:SF Pro Display,sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.content-dashboard .content-row{display:flex;width:100%;flex-direction:row;gap:15px}.content-dashboard .chart-container .bg-wrapper{height:100%;border-radius:10px;padding:20px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.content-dashboard .right-container{flex:1;display:flex;flex-direction:column;width:100%;gap:30px}.content-dashboard .right-container .top-container,.content-dashboard .right-container .bottom-container{flex:1;width:100%}.content-dashboard .right-container .top-container .bg-wrapper,.content-dashboard .right-container .bottom-container .bg-wrapper{width:100%;height:100%;border-radius:10px;padding:20px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.content-dashboard .right-container .top-container .top-section,.content-dashboard .right-container .bottom-container .top-section{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px}.content-dashboard .right-container .top-container .top-section .text p,.content-dashboard .right-container .bottom-container .top-section .text p{font-size:16px;color:#7b7878}.content-dashboard .right-container .top-container .top-section.wt-dash-border,.content-dashboard .right-container .bottom-container .top-section.wt-dash-border{border-bottom:.5px dashed var(--Secondary, #f8dc75)}.content-dashboard .right-container .bottom-container{height:162px;display:flex;flex-direction:column;background-color:#fff;padding:20px;border-radius:10px}.content-dashboard .right-container .bottom-container-inner{height:100%;display:flex;flex-direction:column;gap:15px;justify-content:space-around}.bg-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 4px #0000001a}.bg-wrapper.second-bg{background-color:#c28b8d}.bg-wrapper.primary-bg{background-color:#601919}.bg-wrapper.relative{position:relative;justify-content:flex-start}.bg-wrapper.g-25{gap:25px}.bg-wrapper .item-stats{display:flex;flex-direction:column;justify-content:flex-start;width:100%}.bg-wrapper .item-stats h4{color:var(--Base-Dark, #171717);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:700;line-height:normal}.bg-wrapper .item-stats span{color:#a4a2a2;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.bg-wrapper .progress-container{scrollbar-width:none;-ms-overflow-style:none}.bg-wrapper .progress-container ::-webkit-scrollbar{display:none}.bg-wrapper .heading{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px}.bg-wrapper .heading .text{margin-top:5px;margin-bottom:-6px}.bg-wrapper .heading .text p{color:#560e04;font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:700;line-height:24px;text-transform:uppercase}.bg-wrapper .heading h4{color:#fff;margin-bottom:0}.bg-wrapper .heading .action{display:flex;flex-direction:row;justify-content:center;gap:10px}.bg-wrapper .heading .action .btn-primary{display:flex;padding:10px 18px;justify-content:center;align-items:center;gap:10px;border-radius:4px;font-size:18px;font-family:SF Pro Display,sans-serif;color:var(--Primary, #fff);background:#601919}.bg-wrapper .heading .action .btn-primary svg{width:22px;height:22px}.bg-wrapper .heading .action .btn-primary.second{color:#601919;background:#fff;border:1px solid #601919}.bg-wrapper .hr-dashboard{width:100%}.bg-wrapper .hr-dashboard hr{height:1px;border:none;margin:0 0 15px;background-color:transparent;border-top:1px solid #763f3f;width:100%}.bg-wrapper hr{height:1px;border:none;margin:0 0 15px;background-color:transparent;border-top:1px dashed #cac4c4;width:100%}.bg-wrapper .progress-row{position:relative;width:100%;height:40px;margin-bottom:12px;border:1px dashed #cac4c4;border-radius:8px;overflow:hidden;background-color:#efeaea}.bg-wrapper .progress-row:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background-color:#5d0c0c;border-radius:8px;animation:fillBar 1.5s ease forwards}.bg-wrapper .progress-row .progress-month{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#fff;font-size:14px;font-weight:700;z-index:1;pointer-events:none}.bg-wrapper .progress-row .progress-value{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#4b4646;font-size:14px;font-weight:700;z-index:2}@keyframes fillBar{to{width:var(--fill)}}.bg-wrapper .list-product{display:flex;flex-direction:row;width:100%;gap:23px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.bg-wrapper .list-product ::-webkit-scrollbar{display:none}.bg-wrapper .list-product .product-item{display:flex;flex-direction:column;padding:12px;border-radius:14px;border:1px solid #773c3c;background:#6c2b2b}.bg-wrapper .list-product .product-item .image-wrapper{display:flex;padding:10.672px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3.557px}.bg-wrapper .list-product .product-item .image-wrapper img{border:2.668px solid #cfc0a7;width:112.055px;height:112.055px;border-radius:252.124px}.bg-wrapper .list-product .product-item .title{display:flex;width:100%;text-align:center;padding:6px 11px;justify-content:flex-end;align-items:center;gap:10px;font-size:18px;border-radius:20px;background:var(--Primary-200, #905c5e);color:var(--White, #fff)}.bg-wrapper .rows{display:flex;justify-content:space-between;align-items:center;align-self:stretch;width:100%}.bg-wrapper .rows .submit-content h4{color:var(--Base-Dark, #171717);font-size:24px;font-style:normal;font-weight:700;line-height:normal}.bg-wrapper .rows .submit-content p{color:var(--Gray-100, #414141);font-size:20px;font-style:normal;font-weight:400;line-height:24px}.bg-wrapper .rows .action{display:flex;flex-direction:row;gap:8px}.bg-wrapper .rows .action .btn-primary{display:flex;height:60px;padding:10px 50px;justify-content:center;align-items:center;gap:10px;border-radius:4px!important;background-color:#601919;color:#fff}.bg-wrapper .rows .action .btn-default{display:flex;height:60px;padding:10px 50px;justify-content:center;align-items:center;gap:10px;border-radius:4px;background-color:#fff;border:1px solid #601919}.chart-head{color:var(--Black, #000);font-family:Lexend;font-size:16px;font-style:normal;font-weight:600;line-height:normal;margin-left:5px} ======== @import"https://fonts.cdnfonts.com/css/sf-pro-display";*{box-sizing:border-box;margin:0;padding:0;font-family:SF Pro Display,sans-serif}button{outline:none;border:none}button:focus{outline:none}a{text-decoration:none!important}a:hover{text-decoration:none;color:transparent}html{scroll-behavior:smooth;overflow-x:hidden;overflow-y:auto}.filter-group{width:100%;display:grid;gap:10px;padding-bottom:20px}.filter-group.date{display:flex;gap:10px}.filter-group.satu-kolom{grid-template-columns:1fr;margin-bottom:20px}.filter-group.dua-kolom{grid-template-columns:1fr 1fr}.filter-group.dua-kolom.with-button{grid-template-columns:1fr 117px}.filter-group.tiga-kolom{grid-template-columns:1fr 155px 155px}.filter-group.tiga-kolom.with-filter{grid-template-columns:25% 25% 1fr}.filter-group.tiga-kolom.customer{grid-template-columns:1fr 160px 202px}.filter-group.tiga-kolom.produk{grid-template-columns:1fr 160px 160px}.filter-group.empat-kolom{grid-template-columns:1fr 150px 150px 150px}.filter-group.empat-kolom-with-date{grid-template-columns:1fr 377px 136px 136px}.filter-group.lima-kolom.with-filter{grid-template-columns:1fr 177px 177px 177px 170px}.filter-group.lima-kolom.event{grid-template-columns:1fr 160px 160px 130px}.filter-group.dua-kolom-with-button{grid-template-columns:1fr 188px}.filter-group.wrapp-checkbox{display:flex;padding:4px 8px;align-items:center;gap:4px;flex:1 0 0;border-radius:10px;border:.5px solid #dadada}.filter-group.wrapp-checkbox .checkbox{border:1px solid #f6d047;background:#fff}.filter-group .fs-14-400{color:var(--Black, #000);font-family:Lexend;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.filter-group .fs-14-300{color:#1e1e1e;font-family:Lexend;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.filter-group .item{position:relative}.filter-group .item.center{display:flex;flex-direction:row;align-items:center}.filter-group .item.dashboard select{background-color:#fff;color:#000!important;border:none;border-radius:5px;font-size:16px}.filter-group .item.start{display:flex;align-items:flex-start;justify-content:end;flex-direction:column}.filter-group .item h4{color:var(--Base-Dark, #171717);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:700;line-height:normal}.filter-group .item h4 .text-maroon{color:#560e04}.filter-group .item span{color:#601919;font-family:SF Pro Display,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.filter-group .item label{color:var(--Primary-100, #601919);font-size:18px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.65px;margin-bottom:10px}.filter-group .item label.fs-14-400{color:var(--Black, #000);font-family:SF Pro Display,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.filter-group .item.date{display:flex;gap:10px;align-items:center;font-size:15;color:#7b7878}.filter-group .item .icon-prefix,.filter-group .item .icon-suffix{position:absolute;top:50%;transform:translateY(-50%);left:20px}.filter-group .item .icon-prefix.rp,.filter-group .item .icon-suffix.rp{top:70%;left:16px}.filter-group .item .icon-suffix1{position:absolute;top:70%;transform:translateY(-50%);right:20px}.filter-group .item .icon-suffix1.rp{top:70%;left:16px}.filter-group .item .icon-suffix{left:unset;right:16px}.filter-group .item .sub-item{display:flex}.filter-group .item .sub-item input{padding-left:16px;border-radius:0 8px 8px 0;border-top:.5px solid #dedede;border-right:.5px solid #dedede;border-bottom:.5px solid #dedede}.filter-group .item .sub-item .left{border-radius:8px 0 0 8px;display:flex;justify-content:center;align-items:center;background:#41ace1;padding:10px 14px;font-size:12px;font-style:normal;font-weight:400;color:#fff;margin-bottom:0}.filter-group .item .sub-item .right{flex-grow:1}.filter-group .item .delete_phone_button{display:flex;right:11px;bottom:15px;border:none;border-radius:50px;background:#fff}.filter-group .item .delete_phone_button img{width:35px;height:35px;border-radius:100px;background:#ffecf0;border:none}.filter-group .item button,.filter-group .item a{height:60px;display:flex;justify-content:center;align-items:center;gap:5px;align-self:stretch;border-radius:10px;background:#601919;box-shadow:-2.489px -2.489px 7.466px #5a5e6433,2.489px 2.489px 7.466px #0000004d;color:#fff;width:100%;font-size:18px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.8px}.filter-group .item .button-icon-right{height:53px;display:flex;justify-content:flex-start;align-items:center;gap:5px;align-self:stretch;border-radius:10px;border:1px solid var(--Primary, #f6d047);background:#fff;box-shadow:-2.489px -2.489px 7.466px #5a5e6433,2.489px 2.489px 7.466px #0000004d;color:#601919;width:100%;font-size:16px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.8px;padding-left:35px}.filter-group .item .no-icon{height:60px;padding:10px 12px;width:100%;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:13px;font-style:normal;font-weight:400;line-height:20px;color:#000;border-radius:4px;border:1px solid var(--Grey, #928e8e);background:var(--Background, #f2f2f2);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.filter-group .item .no-icon .file-indicator{display:flex;align-items:center;justify-content:center;gap:10px}.filter-group .item .no-icon .file-indicator p{margin-bottom:0;color:var(--Black, #8a8a8a);font-family:SF Pro Display;color:#000;font-size:13px;font-style:normal;font-weight:400;line-height:24px}.filter-group .item .no-icon .file-indicator svg{width:30px;height:30px;object-fit:cover}.filter-group .item .no-icon.color-white{color:#fff}.filter-group .item .no-icon label{background-color:#601919;border-radius:4px;display:flex;padding:8px 10px;margin-bottom:0;align-items:center;width:fit-content;height:fit-content;color:var(--White, #FFF);text-align:center;font-size:18px;font-weight:400;line-height:24px}.filter-group .item input,.filter-group .item textarea,.filter-group .item select{height:60px;padding:23px 24px 22px 45px;width:100%;outline:none;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:15px;font-style:normal;font-weight:400;line-height:20px;color:#8a8a8a;border-radius:4px;border:1px solid var(--Grey, #928e8e);background:var(--Background, #f2f2f2)}.filter-group .item input.color-white,.filter-group .item textarea.color-white,.filter-group .item select.color-white{color:#fff;background-color:#f6d047}.filter-group .item input.padding-no,.filter-group .item textarea.padding-no,.filter-group .item select.padding-no{padding:0}.filter-group .item input.area,.filter-group .item textarea.area,.filter-group .item select.area{height:200px}.filter-group .item input.area1,.filter-group .item textarea.area1,.filter-group .item select.area1{height:150px;padding:10px 0 5px 24px;line-height:1.5}.filter-group .item input.rp,.filter-group .item textarea.rp,.filter-group .item select.rp{padding-left:40px}.filter-group .item input[type=date],.filter-group .item textarea[type=date],.filter-group .item select[type=date]{padding-left:45px!important}.filter-group .item input[type=date]::-webkit-calendar-picker-indicator,.filter-group .item textarea[type=date]::-webkit-calendar-picker-indicator,.filter-group .item select[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='29' viewBox='0 0 28 29' fill='none'%3E%3Cpath d='M22.1667 4.69405H21V3.52738C21 2.88572 20.475 2.36072 19.8333 2.36072C19.1917 2.36072 18.6667 2.88572 18.6667 3.52738V4.69405H9.33333V3.52738C9.33333 2.88572 8.80833 2.36072 8.16667 2.36072C7.525 2.36072 7 2.88572 7 3.52738V4.69405H5.83333C4.53833 4.69405 3.51167 5.74405 3.51167 7.02738L3.5 23.3607C3.5 23.9796 3.74583 24.573 4.18342 25.0106C4.621 25.4482 5.21449 25.6941 5.83333 25.6941H22.1667C23.45 25.6941 24.5 24.6441 24.5 23.3607V7.02738C24.5 5.74405 23.45 4.69405 22.1667 4.69405ZM22.1667 22.1941C22.1667 22.8357 21.6417 23.3607 21 23.3607H7C6.35833 23.3607 5.83333 22.8357 5.83333 22.1941V10.5274H22.1667V22.1941ZM8.16667 12.8607H10.5V15.1941H8.16667V12.8607ZM12.8333 12.8607H15.1667V15.1941H12.8333V12.8607ZM17.5 12.8607H19.8333V15.1941H17.5V12.8607Z' fill='black'/%3E%3C/svg%3E");width:22px;height:22px;position:absolute;left:12px;top:65%;transform:translateY(-50%);background-repeat:no-repeat;background-position:left;background-size:cover}.filter-group .item input[type=date].with-label,.filter-group .item textarea[type=date].with-label,.filter-group .item select[type=date].with-label{padding-left:45px!important}.filter-group .item input[type=date].with-label::-webkit-calendar-picker-indicator,.filter-group .item textarea[type=date].with-label::-webkit-calendar-picker-indicator,.filter-group .item select[type=date].with-label::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.09265 9.40421H20.9166' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4421 13.3097H16.4514' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0046 13.3097H12.0139' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.55793 13.3097H7.5672' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4421 17.1962H16.4514' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0046 17.1962H12.0139' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.55793 17.1962H7.5672' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0438 2V5.29078' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.96552 2V5.29078' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2383 3.5791H7.77096C4.83427 3.5791 3 5.21504 3 8.22213V17.2718C3 20.3261 4.83427 21.9999 7.77096 21.9999H16.229C19.175 21.9999 21 20.3545 21 17.3474V8.22213C21.0092 5.21504 19.1842 3.5791 16.2383 3.5791Z' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");width:22px;height:22px;position:absolute;left:12px;top:65%;transform:translateY(-50%);background-repeat:no-repeat;background-position:left;background-size:cover}.filter-group .item input.no-icon,.filter-group .item textarea.no-icon,.filter-group .item select.no-icon{padding-left:20px!important;color:#000;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"dlig" on;font-size:15px;font-style:normal;font-weight:400;line-height:18px}.filter-group .item input.no-icon.color-white,.filter-group .item textarea.no-icon.color-white,.filter-group .item select.no-icon.color-white{color:#fff}.filter-group .item input:active,.filter-group .item input:focus,.filter-group .item textarea:active,.filter-group .item textarea:focus,.filter-group .item select:active,.filter-group .item select:focus{border:1px solid #601919}.filter-group .item input::placeholder,.filter-group .item textarea::placeholder,.filter-group .item select::placeholder{font-size:13px;font-style:normal;font-weight:400;line-height:18px;color:#8a8a8a}.filter-group .item.add input,.filter-group .item.add textarea,.filter-group .item.add select{border-radius:8px;padding:5px 10px 5px 45px;height:46px;width:100%;outline:none;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:12px;font-style:normal;font-weight:400;line-height:20px;color:#000}.filter-group .item.add input.rp,.filter-group .item.add textarea.rp,.filter-group .item.add select.rp{padding-left:40px}.filter-group .item.add input[type=date],.filter-group .item.add textarea[type=date],.filter-group .item.add select[type=date]{padding-left:45px!important}.filter-group .item.add input[type=date]::-webkit-calendar-picker-indicator,.filter-group .item.add textarea[type=date]::-webkit-calendar-picker-indicator,.filter-group .item.add select[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg class='icon-prefix rp' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2.57715 7.83688H17.4304' stroke='%2341ACE1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.7017 11.0915H13.7094' stroke='%2341ACE1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0038 11.0915H10.0116' stroke='%2341ACE1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.29828 11.0915H6.306' stroke='%2341ACE1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.7017 14.3303H13.7094' stroke='%2341ACE1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.0038 14.3303H10.0116' stroke='%2341ACE1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.29828 14.3303H6.306' stroke='%2341ACE1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3698 1.66675V4.40906' stroke='%2341ACE1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.63795 1.66675V4.40906' stroke='%2341ACE1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.5319 2.98267H6.4758C4.02856 2.98267 2.5 4.34594 2.5 6.85185V14.3932C2.5 16.9385 4.02856 18.3333 6.4758 18.3333H13.5242C15.9791 18.3333 17.5 16.9622 17.5 14.4563V6.85185C17.5077 4.34594 15.9868 2.98267 13.5319 2.98267Z' stroke='%2341ACE1' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");width:22px;height:22px;position:absolute;left:12px;top:70%;transform:translateY(-50%);background-repeat:no-repeat;background-position:left;background-size:cover}.filter-group .item.add input.no-icon,.filter-group .item.add textarea.no-icon,.filter-group .item.add select.no-icon{padding-left:20px;color:var(--Gray-2, #9e9e9e);font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"dlig" on;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:18px}.filter-group .item.add input:active,.filter-group .item.add input:focus,.filter-group .item.add textarea:active,.filter-group .item.add textarea:focus,.filter-group .item.add select:active,.filter-group .item.add select:focus{border:1px solid #601919}.filter-group .item.add input::placeholder,.filter-group .item.add textarea::placeholder,.filter-group .item.add select::placeholder{font-size:13px;font-style:normal;font-weight:400;line-height:18px;color:#f2f2f2}.filter-group .item.full-width{display:flex;flex-direction:column}.filter-group .item.full-width input{width:100%;box-sizing:border-box}.filter-group #phone{padding-left:50px}.filter-group .select-wrapper{position:relative;width:100%}.filter-group .select-wrapper select{border-radius:6px;border:1px solid var(--Grey, #928e8e);background:var(--Background, #f2f2f2);padding:0 16px;height:60px;width:100%;outline:none;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:12px;font-style:normal;font-weight:300;line-height:20px}.filter-group .select-wrapper select.no-border{border:none!important}.filter-group .select-wrapper select.wt-bg{border-radius:4.216px;background:var(--Secondary, #f8dc75);color:var(--Black, #000)}.filter-group .select-wrapper:before{content:"";display:block;position:absolute;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='21' viewBox='0 0 20 21' fill='none'%3E%3Cpath d='M15.8334 8.02747L10 13.8608L4.16669 8.02747' stroke='black' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:17px;background-repeat:no-repeat;background-position:center;width:10px;height:10px;top:45%;right:6px;transform:translate(calc(-50% - 3px),-50%)}.filter-group .check-wrapper{display:flex;justify-content:left;gap:20px}.filter-group .custom-checkbox{display:flex;align-items:center}.filter-group .custom-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:20px;height:20px;margin:0;background-color:#f9f9f9;border-radius:4px;position:relative;cursor:pointer;outline:none}.filter-group .custom-checkbox input[type=checkbox]:checked{background-color:none;border:none;color:#f6d047}.filter-group .custom-checkbox input[type=checkbox]:checked:before{content:url('data:image/svg+xml,');position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px}.filter-group .custom-checkbox label{margin-bottom:0;margin-left:10px;cursor:pointer;color:var(--Gray-100, #7b7878)!important;font-size:13px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px}.filter-group .custom-checkbox label.black{color:#1e1e1e!important;font-feature-settings:"dlig" on,"liga" off,"clig" off;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.filter-group .custom-checkbox label.black-14{color:#1e1e1e!important;font-size:14px}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none!important}.wrapp-input-label{display:flex;flex-direction:column;align-items:flex-start;gap:8px;align-self:stretch;width:100%}.wrapp-input-label.wt-ic{position:relative;display:flex}.wrapp-input-label.wt-ic .icon-prefix{position:absolute;left:10px;top:70%;transform:translateY(-50%);width:20px;height:20px}.wrapp-input-label.wt-ic .icon-suffix{position:absolute;right:10px;top:70%;transform:translateY(-50%);width:20px;height:20px;cursor:pointer}.wrapp-input-label.wt-ic2{position:relative;display:flex}.wrapp-input-label.wt-ic2 .icon-prefix{position:absolute;left:10px;top:65%;transform:translateY(-50%);width:20px;height:20px;color:#aeaeae}.wrapp-input-label.wt-ic2 .icon-suffix{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:20px;height:20px;cursor:pointer}.wrapp-input-label label{color:var(--Black, #000);font-family:SF Pro Display,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.wrapp-input-label label span{color:red}.wrapp-input-label input.form-control,.wrapp-input-label textarea.form-control{display:flex;padding:12px;align-items:flex-start;gap:12px;align-self:stretch;border-radius:10px;border:.5px solid var(--Grey, #aeaeae);background:var(--Background, #f9f9f9);color:var(--Grey, #aeaeae);font-family:Lexend;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.wrapp-input-label input.form-control.pl-40,.wrapp-input-label textarea.form-control.pl-40{padding-left:40px}.wrapp-input-label input[type=date],.wrapp-input-label textarea[type=date]{position:relative;cursor:pointer}.wrapp-input-label input[type=date]::-webkit-calendar-picker-indicator,.wrapp-input-label textarea[type=date]::-webkit-calendar-picker-indicator{position:absolute;top:100px;right:10px;z-index:1;opacity:0}.wrapp-input-label input[type=date]:after,.wrapp-input-label textarea[type=date]:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Cpath d='M14.4582 3.4665V2.1665C14.4582 1.82484 14.1749 1.5415 13.8332 1.5415C13.4915 1.5415 13.2082 1.82484 13.2082 2.1665V3.4165H7.79153V2.1665C7.79153 1.82484 7.5082 1.5415 7.16653 1.5415C6.82487 1.5415 6.54153 1.82484 6.54153 2.1665V3.4665C4.29153 3.67484 3.19987 5.0165 3.0332 7.00817C3.01653 7.24984 3.21653 7.44984 3.44987 7.44984H17.5499C17.7915 7.44984 17.9915 7.2415 17.9665 7.00817C17.7999 5.0165 16.7082 3.67484 14.4582 3.4665Z' fill='%23F6D048'/%3E%3Cpath d='M17.1667 8.7002H3.83333C3.375 8.7002 3 9.0752 3 9.53353V14.6669C3 17.1669 4.25 18.8335 7.16667 18.8335H13.8333C16.75 18.8335 18 17.1669 18 14.6669V9.53353C18 9.0752 17.625 8.7002 17.1667 8.7002ZM8.175 15.6752C8.13333 15.7085 8.09167 15.7502 8.05 15.7752C8 15.8085 7.95 15.8335 7.9 15.8502C7.85 15.8752 7.8 15.8919 7.75 15.9002C7.69167 15.9085 7.64167 15.9169 7.58333 15.9169C7.475 15.9169 7.36667 15.8919 7.26667 15.8502C7.15833 15.8085 7.075 15.7502 6.99167 15.6752C6.84167 15.5169 6.75 15.3002 6.75 15.0835C6.75 14.8669 6.84167 14.6502 6.99167 14.4919C7.075 14.4169 7.15833 14.3585 7.26667 14.3169C7.41667 14.2502 7.58333 14.2335 7.75 14.2669C7.8 14.2752 7.85 14.2919 7.9 14.3169C7.95 14.3335 8 14.3585 8.05 14.3919C8.09167 14.4252 8.13333 14.4585 8.175 14.4919C8.325 14.6502 8.41667 14.8669 8.41667 15.0835C8.41667 15.3002 8.325 15.5169 8.175 15.6752ZM8.175 12.7585C8.01667 12.9085 7.8 13.0002 7.58333 13.0002C7.36667 13.0002 7.15 12.9085 6.99167 12.7585C6.84167 12.6002 6.75 12.3835 6.75 12.1669C6.75 11.9502 6.84167 11.7335 6.99167 11.5752C7.225 11.3419 7.59167 11.2669 7.9 11.4002C8.00833 11.4419 8.1 11.5002 8.175 11.5752C8.325 11.7335 8.41667 11.9502 8.41667 12.1669C8.41667 12.3835 8.325 12.6002 8.175 12.7585ZM11.0917 15.6752C10.9333 15.8252 10.7167 15.9169 10.5 15.9169C10.2833 15.9169 10.0667 15.8252 9.90833 15.6752C9.75833 15.5169 9.66667 15.3002 9.66667 15.0835C9.66667 14.8669 9.75833 14.6502 9.90833 14.4919C10.2167 14.1835 10.7833 14.1835 11.0917 14.4919C11.2417 14.6502 11.3333 14.8669 11.3333 15.0835C11.3333 15.3002 11.2417 15.5169 11.0917 15.6752ZM11.0917 12.7585C11.05 12.7919 11.0083 12.8252 10.9667 12.8585C10.9167 12.8919 10.8667 12.9169 10.8167 12.9335C10.7667 12.9585 10.7167 12.9752 10.6667 12.9835C10.6083 12.9919 10.5583 13.0002 10.5 13.0002C10.2833 13.0002 10.0667 12.9085 9.90833 12.7585C9.75833 12.6002 9.66667 12.3835 9.66667 12.1669C9.66667 11.9502 9.75833 11.7335 9.90833 11.5752C9.98333 11.5002 10.075 11.4419 10.1833 11.4002C10.4917 11.2669 10.8583 11.3419 11.0917 11.5752C11.2417 11.7335 11.3333 11.9502 11.3333 12.1669C11.3333 12.3835 11.2417 12.6002 11.0917 12.7585ZM14.0083 15.6752C13.85 15.8252 13.6333 15.9169 13.4167 15.9169C13.2 15.9169 12.9833 15.8252 12.825 15.6752C12.675 15.5169 12.5833 15.3002 12.5833 15.0835C12.5833 14.8669 12.675 14.6502 12.825 14.4919C13.1333 14.1835 13.7 14.1835 14.0083 14.4919C14.1583 14.6502 14.25 14.8669 14.25 15.0835C14.25 15.3002 14.1583 15.5169 14.0083 15.6752ZM14.0083 12.7585C13.9667 12.7919 13.925 12.8252 13.8833 12.8585C13.8333 12.8919 13.7833 12.9169 13.7333 12.9335C13.6833 12.9585 13.6333 12.9752 13.5833 12.9835C13.525 12.9919 13.4667 13.0002 13.4167 13.0002C13.2 13.0002 12.9833 12.9085 12.825 12.7585C12.675 12.6002 12.5833 12.3835 12.5833 12.1669C12.5833 11.9502 12.675 11.7335 12.825 11.5752C12.9083 11.5002 12.9917 11.4419 13.1 11.4002C13.25 11.3335 13.4167 11.3169 13.5833 11.3502C13.6333 11.3585 13.6833 11.3752 13.7333 11.4002C13.7833 11.4169 13.8333 11.4419 13.8833 11.4752C13.925 11.5085 13.9667 11.5419 14.0083 11.5752C14.1583 11.7335 14.25 11.9502 14.25 12.1669C14.25 12.3835 14.1583 12.6002 14.0083 12.7585Z' fill='%23F6D048'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;background-position:center;width:20px;height:20px;position:absolute;top:30px;right:10px;bottom:0;background-color:transparent;content:""}.wrapp-input-label input[readonly],.wrapp-input-label textarea[readonly]{background-color:#f5f5f5}.wrapp-input-label input.form-control{height:42px}.wrapp-input-label textarea.form-control{display:flex;padding:12px;align-items:flex-start;gap:12px;align-self:stretch;border-radius:10px;border:.5px solid var(--Grey, #aeaeae);background:var(--Background, #f9f9f9);color:var(--Grey, #aeaeae);font-family:SF Pro Display,sans-serif;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.wrapp-input-label .select-arrow{position:relative;width:100%}.wrapp-input-label .select-arrow:before{content:"";position:absolute;top:50%;right:20px;transform:translateY(-50%);width:18px;height:19px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M13.78 6.00047C13.78 6.12714 13.7333 6.2538 13.6333 6.3538L9.28668 10.7005C8.58001 11.4071 7.42001 11.4071 6.71335 10.7005L2.36668 6.3538C2.17335 6.16047 2.17335 5.84047 2.36668 5.64714C2.56001 5.4538 2.88001 5.4538 3.07335 5.64714L7.42001 9.9938C7.74001 10.3138 8.26001 10.3138 8.58001 9.9938L12.9267 5.64714C13.12 5.4538 13.44 5.4538 13.6333 5.64714C13.7267 5.74714 13.78 5.8738 13.78 6.00047Z' fill='%23888D91'/%3E%3C/svg%3E")!important;background-size:contain;background-repeat:no-repeat}.wrapp-input-label .select-arrow select.form-select{display:flex;padding:12px;align-items:flex-start;gap:12px;align-self:stretch;border-radius:10px;border:.5px solid var(--Grey, #aeaeae);background:var(--Background, #f9f9f9);color:var(--Grey, #aeaeae);font-family:Lexend;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.wrapp-input-label .select-arrow select option{color:var(--Grey, #aeaeae);font-family:SF Pro Display,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.wrapp-input-label .wrapp-upload-file{width:100%;display:flex;padding:12px 10px 12px 15px;justify-content:center;align-items:center;gap:10px;align-self:stretch;border-radius:10px;border:.7px dashed var(--Gray-100, #dedddd)}.wrapp-input-label .wrapp-upload-file p.name{color:#1e1e1e;font-family:SF Pro Display,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-align:left}.wrapp-input-label .wrapp-upload-file p.jenis{color:#888d91;font-family:SF Pro Display,sans-serif;font-size:10px;font-style:normal;font-weight:300;line-height:normal}.custom-checkbox-khusus input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--Primary, #f6d047);border-radius:4px;background-color:#fff;margin-top:-9px;position:relative;cursor:pointer}.custom-checkbox-khusus input[type=checkbox]:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Cpath d='M12.1425 2H5.8575C3.1275 2 1.5 3.6275 1.5 6.3575V12.635C1.5 15.3725 3.1275 17 5.8575 17H12.135C14.865 17 16.4925 15.3725 16.4925 12.6425V6.3575C16.5 3.6275 14.8725 2 12.1425 2ZM12.585 7.775L8.3325 12.0275C8.2275 12.1325 8.085 12.1925 7.935 12.1925C7.785 12.1925 7.6425 12.1325 7.5375 12.0275L5.415 9.905C5.1975 9.6875 5.1975 9.3275 5.415 9.11C5.6325 8.8925 5.9925 8.8925 6.21 9.11L7.935 10.835L11.79 6.98C12.0075 6.7625 12.3675 6.7625 12.585 6.98C12.8025 7.1975 12.8025 7.55 12.585 7.775Z' fill='%23F6D047'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;background-position:center;width:20px;height:20px;position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;content:"";display:none}.custom-checkbox-khusus input[type=checkbox]:checked,.custom-checkbox-khusus input[type=checkbox].checked{border:none;outline:none}.custom-checkbox-khusus input[type=checkbox]:checked:after,.custom-checkbox-khusus input[type=checkbox].checked:after{display:block}#container{height:100%;min-height:420px}.highcharts-exporting-group,.highcharts-credits{display:none}.highcharts-figure,.highcharts-data-table table{min-width:440px;max-width:800px}.highcharts-data-table table{font-family:SF Pro Display,sans-serif;border-collapse:collapse;border:1px solid #ebebeb;margin:10px auto;text-align:center;width:100%;max-width:600px}.highcharts-data-table caption{padding:1em 0;font-size:1.2em;color:#555}.highcharts-data-table th{font-weight:600;padding:.5em}.highcharts-data-table td,.highcharts-data-table th,.highcharts-data-table caption{padding:.5em}.highcharts-data-table thead tr,.highcharts-data-table tr:nth-child(2n){background:#f8f8f8}.highcharts-data-table tr:hover{background:#f1f7ff}.highcharts-description{margin:.3rem 10px}.legend-container{width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;position:absolute;bottom:30px;left:0}.legend-container .legend-item{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.l-sidebar-admin{background:#601919;height:100%;width:185px;left:0;top:0;bottom:0;position:fixed!important;display:flex;flex-direction:column;align-items:center;position:relative;z-index:3;overflow:scroll}.l-sidebar-admin::-webkit-scrollbar{display:none}.l-sidebar-admin .menu{margin-bottom:0;color:var(--Gray-100, #7B7878);font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.8px}.l-sidebar-admin nav{width:100%;height:100%;background-color:#601919}.l-sidebar-admin nav hr{border-top:none;margin-top:16px;margin-bottom:30px;width:100%}.l-sidebar-admin nav .top{padding:150px 28px 10px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center}.l-sidebar-admin nav .top img{width:137.029px;height:136.997px;object-fit:fill}.l-sidebar-admin nav .link-wrapper{position:relative;margin:0;display:flex;flex-direction:column;justify-content:space-between;height:calc(100% - 350px);align-items:start;gap:15px;z-index:3}.l-sidebar-admin nav .link-wrapper .link-container{width:100%;height:100%}.l-sidebar-admin nav .link-wrapper hr{margin:0}.l-sidebar-admin nav .link-wrapper .link{padding:12px;display:flex;gap:10px;align-items:center;transition:.3s;border-radius:none;width:100%}.l-sidebar-admin nav .link-wrapper .link.logout{background-color:#601919}.l-sidebar-admin nav .link-wrapper .link.logout p{color:#fff}.l-sidebar-admin nav .link-wrapper .link.logout svg{transform:scale(.9)}.l-sidebar-admin nav .link-wrapper .link svg{transform:scale(.9)}.l-sidebar-admin nav .link-wrapper .link svg.icon-active{display:none}.l-sidebar-admin nav .link-wrapper .link svg.icon-inactive{display:inline-block}.l-sidebar-admin nav .link-wrapper .link:hover,.l-sidebar-admin nav .link-wrapper .link.active{background:#ddd9d7}.l-sidebar-admin nav .link-wrapper .link:hover p,.l-sidebar-admin nav .link-wrapper .link.active p{color:#601919;font-weight:600}.l-sidebar-admin nav .link-wrapper .link:hover svg.icon-active,.l-sidebar-admin nav .link-wrapper .link.active svg.icon-active{display:inline-block}.l-sidebar-admin nav .link-wrapper .link:hover svg.icon-inactive,.l-sidebar-admin nav .link-wrapper .link.active svg.icon-inactive{display:none}.l-sidebar-admin nav .link-wrapper .link p{margin-bottom:0;font-size:15px;font-style:normal;font-weight:400;letter-spacing:-.65px;color:var(--grey, #aeaeae)}.img-bg-sidebar{position:absolute;top:70%;left:0;z-index:-1}.img-bg-sidebar img{width:118.268px;height:128.933px}.header{display:flex;align-items:center;width:100%;height:95px;padding:30px 20px;background-color:var(--background, #f2f2f2);justify-content:space-between;position:relative}.header.delivery{background-color:#601919}.header.received{background-color:#c28b8d}.header-inner{width:100%;align-self:stretch;display:flex;justify-content:flex-start;align-items:flex-start;column-gap:15px}.header .backButton{display:flex;width:50px;height:50px;justify-content:center;align-items:center;gap:7.317px;border-radius:8.78px;box-shadow:0 9px 123px #b4b1b126,0 2.01px 27.474px #b4b1b117,0 .599px 8.18px #b4b1b10f}.header .backButton:hover{transform:scale(1.2)}.header .backButton img{display:flex;width:50px;height:50px;justify-content:center;align-items:center;flex-shrink:0}.header .title{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.header .title h1{color:var(--Base-Dark, #171717);font-family:SF Pro Display;font-size:48px;font-style:normal;font-weight:500;line-height:normal}.header .title h1 span,.header .title span{color:#560e04;font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:400;line-height:24px}.header .title.delivery h1{color:#fff;font-family:SF Pro Display;font-size:48px;font-style:normal;font-weight:500;line-height:normal}.header .title.delivery span{color:var(--White, #fff);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:400;line-height:24px}.header .title.received h1{color:var(--White, #fff);font-family:SF Pro Display;font-size:48px;font-style:normal;font-weight:500;line-height:normal}.header .title.received span{color:var(--White, #fff);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:400;line-height:24px}.header .title.on_process h1{color:#601919;font-family:SF Pro Display;font-size:36px;font-style:normal;font-weight:500;line-height:normal}.header .title.on_process span{color:#601919;font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:400;line-height:24px}.header .action-row{display:flex;align-items:center;justify-content:flex-end;padding-right:20px;width:auto;min-width:240px}.header .action-row .profile-section{display:flex;justify-content:center;align-items:center;width:232px;height:auto;padding:20.141px;gap:10px;border-radius:8.392px;background-color:#fff}.header .action-row .stats-section{display:flex;justify-content:center;align-items:center;width:290px;height:auto;padding:20.141px;gap:10px;border-radius:8.392px;background-color:#fff}.header .action-row .profile-image{width:58.745px;height:58.745px;border-radius:50%}.header .action-row .profile-info{display:flex;flex-direction:column;justify-content:center;line-height:1}.header .action-row .profile-name{font-size:26px;font-weight:700;color:#000;margin-bottom:2px}.header .action-row .profile-role{font-size:12px;color:#aeaeae;margin-bottom:0}.header .action-row .notification{position:relative;float:right}.header .action-row .notification .bubble{position:absolute;background:#f06548;width:14px;height:14px;top:0;right:10px;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#fff;text-align:center;font-family:Poppins;font-size:6px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.429px;border:1px solid white}.header .action-row .notification .img-notif{border-radius:900000px;border:1px solid var(--White, #fff);background:var(--White, #fff);padding:3px;margin-left:10px}.header .action-row .notification .badge-circle{display:flex;width:8px;height:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;position:absolute;right:2px;top:.152px;border-radius:90px;background:var(--Primary, #ed1e24)}.header .action-row .head-notif{display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid #aeaeae;padding-bottom:10px;margin-bottom:5px}.header .action-row .head-notif h3{margin:0!important;padding:0!important}.header .action-row .head-notif .left{font-size:20px;font-weight:600;line-height:16px;text-transform:capitalize}.header .action-row .head-notif .right{color:#686f82!important;font-size:15px!important;font-weight:400!important;cursor:pointer!important}.header .action-row .modal{padding:0}.header .action-row .modal .content{padding:16px}.header .action-row .modal hr{margin:0;color:#fff}.header .action-row .modal h6{font-weight:700;font-size:12px;line-height:15px;margin-bottom:0}.header .action-row .modal a{margin-top:14px;display:block;font-weight:600;font-size:12px;line-height:15px}.header .action-row .modal .margin-zero{margin:0!important}.header .action-row .modal.notification-menu{position:relative;background-color:#fff!important;transform:translate3d(-420px,35px,0)!important;border-radius:10px;width:450px!important;padding:20px;gap:10px}.header .action-row .modal.notification-menu:after{content:"";position:absolute;width:20px;height:20px;background-color:#fff!important;right:3px;top:-12px;clip-path:polygon(50% 0,100% 100%,0 100%)}.header .action-row .modal.notification-menu .wrapper{display:flex;flex-direction:column;width:100%;background-color:#fff}.header .action-row .modal.notification-menu .notif-item{width:100%;padding:20px 0;border-bottom:1px solid #e1e1e1;align-items:start;position:relative}.header .action-row .modal.notification-menu .notif-item .inner{width:100%;margin-left:45px}.header .action-row .modal.notification-menu .notif-item .notif-image{position:absolute;top:17px;left:0;justify-content:center;align-items:center;flex-shrink:0}.header .action-row .modal.notification-menu .notif-item .notif-image img{width:35px;height:35px}.header .action-row .modal.notification-menu .notif-item .trx{display:flex;justify-content:space-between;width:90%}.header .action-row .modal.notification-menu .notif-item .trx svg{margin-left:10px;cursor:pointer}.header .action-row .modal.notification-menu .notif-item .circle{width:5px;height:5px;background:var(--Red, #ff3c30);border-radius:9999px;margin-top:8px;margin-right:-8px}.header .action-row .modal.notification-menu h3{color:#000;margin-bottom:20px;font-size:22px;font-weight:600;line-height:normal}.header .action-row .modal.notification-menu h4{color:#252531;margin-bottom:0;font-size:16px;font-weight:500;line-height:normal}.header .action-row .modal.notification-menu h4.view-all{color:#000!important;text-decoration:none;text-align:center;cursor:pointer;margin-top:14px;font-size:15px}.header .action-row .modal.notification-menu p{margin-bottom:0;margin-top:5px;color:#686f82;font-size:14px;font-weight:300;line-height:normal}.header .action-row .modal.notification-menu .text-3{font-size:15px;font-weight:400;line-height:normal;color:#fa8c1b}.header .row-button{display:grid;grid-template-columns:1fr 1fr;gap:15px}.header .row-button a{text-align:center;width:210px;font-size:14px;font-style:normal;font-weight:600;line-height:20px;color:#000;padding:16px;height:55px;border-radius:6px;background:var(--primary, #f6d047)}.header .row-button a.btn-transparent{border:none;background-color:var(--background, #f9f9f9);color:#fff}.header .row-button2{display:flex;justify-content:flex-end;border:none;margin-top:0}.header .row-button2 a.button{text-align:center;width:210px;font-size:14px;font-style:normal;font-weight:600;line-height:20px;color:#242323;padding:16px;height:55px;border-radius:6px;background:#fcbb65}.modal{position:fixed;z-index:1050;height:auto;border-radius:10px}.modal.head-notif{transform:translate(36%) translateY(7%)}@media screen and (max-width: 1366px){.modal.head-notif{transform:translate(31%) translateY(8%)}}.modal .modal-content-notif{background-color:#fff!important;border-radius:10px;width:450px!important;height:auto;padding:0;gap:10px}.modal .modal-content-notif .head-notif{display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid #aeaeae;padding-bottom:15px;padding-top:10px;padding-left:5px;margin-bottom:5px}.modal .modal-content-notif .head-notif h3{margin:0!important;padding:0!important}.modal .modal-content-notif .head-notif .left{font-size:20px;font-weight:600;line-height:16px;text-transform:capitalize}.modal .modal-content-notif .head-notif .right{color:#686f82!important;font-size:15px!important;font-weight:400!important;cursor:pointer!important}.modal .modal-content-notif .modal-body{gap:0px!important}.modal .modal-content-notif .wrapper{display:flex;flex-direction:column;width:100%;background-color:#fff}.modal .modal-content-notif .notif-item{width:100%;padding:15px 0;border-bottom:1px solid #e1e1e1;align-items:start;position:relative}.modal .modal-content-notif .notif-item .inner{width:100%;margin-left:45px}.modal .modal-content-notif .notif-item .notif-image{position:absolute;top:12px;left:0;justify-content:center;align-items:center;flex-shrink:0}.modal .modal-content-notif .notif-item .notif-image img{width:35px;height:35px}.modal .modal-content-notif .notif-item .trx{display:flex;flex-direction:column;justify-content:space-between;width:90%}.modal .modal-content-notif .notif-item .trx svg{margin-left:10px;cursor:pointer}.modal .modal-content-notif .notif-item .circle{width:5px;height:5px;background:var(--Red, #ff3c30);border-radius:9999px;margin-top:8px;margin-right:-8px}.modal .modal-content-notif h3{color:#000;margin-bottom:20px;font-size:22px;font-weight:600;line-height:normal}.modal .modal-content-notif h4{color:#252531;margin-bottom:0;font-size:16px;font-weight:500;line-height:normal}.modal .modal-content-notif h4.view-all{color:#000!important;text-decoration:none;text-align:center;cursor:pointer;margin-top:14px;font-size:15px}.modal .modal-content-notif p{margin-bottom:0;margin-top:5px;color:#686f82;font-size:14px;font-weight:300;line-height:normal}.modal .modal-content-notif .text-3{font-size:15px;font-weight:400;line-height:normal;color:#fa8c1b}.modal .modal-content2{background-color:#fff!important;border-radius:10px;width:450px!important;height:auto;padding:0;gap:10px}.modal .modal-content2 .head-notif{display:flex;align-items:center;justify-content:center;width:100%;border-bottom:1px solid #aeaeae;padding-bottom:25px;padding-top:20px;padding-left:5px;margin-bottom:5px}.modal .modal-content2 .head-notif h3{margin:0!important;padding:0!important}.modal .modal-content2 .head-notif .left{font-size:20px;font-weight:600;line-height:16px;text-transform:capitalize;text-align:center}.modal .modal-content2 .head-notif .right2{position:absolute;right:20px;top:30px;height:20px;width:20px}.modal .modal-content2 .inside-content{display:flex;flex-direction:column;gap:10px;padding:10px 0}.modal .modal-content2 .inside-content .text-1{font-size:16px;font-weight:400;color:#fa8c1b}.modal .modal-content2 .inside-content .text-2{font-size:16px;font-weight:600;color:#000;padding:0;margin:0}.modal .modal-content2 .inside-content .text-3{font-size:16px;font-weight:300;color:#a0a0a0;line-height:25px}.modal .modal-content2 .lihat-button{width:100%;background-color:#f6d047;color:#fff;padding:10px;text-align:center;justify-content:center;border-radius:10px;font-size:15px;font-weight:600;margin-top:10px;cursor:pointer}.modal .modal-content2 .modal-body{gap:0px!important}.modal .modal-content2 .wrapper{display:flex;flex-direction:column;width:100%;background-color:#fff}.modal .modal-content2 .notif-item{width:100%;padding:15px 0;border-bottom:1px solid #e1e1e1;align-items:start;position:relative}.modal .modal-content2 .notif-item .inner{width:100%;margin-left:45px}.modal .modal-content2 .notif-item .notif-image{position:absolute;top:12px;left:0;justify-content:center;align-items:center;flex-shrink:0}.modal .modal-content2 .notif-item .notif-image img{width:35px;height:35px}.modal .modal-content2 .notif-item .trx{display:flex;flex-direction:column;justify-content:space-between;width:90%}.modal .modal-content2 .notif-item .trx svg{margin-left:10px;cursor:pointer}.modal .modal-content2 .notif-item .circle{width:5px;height:5px;background:var(--Red, #ff3c30);border-radius:9999px;margin-top:8px;margin-right:-8px}.modal .modal-content2 h3{color:#000;margin-bottom:20px;font-size:22px;font-weight:600;line-height:normal}.modal .modal-content2 h4{color:#252531;margin-bottom:0;font-size:16px;font-weight:500;line-height:normal}.modal .modal-content2 h4.view-all{color:#000!important;text-decoration:none;text-align:center;cursor:pointer;margin-top:14px;font-size:15px}.modal .modal-content2 .view-all{display:flex;justify-content:center;align-items:center}.modal .modal-content2 .view-all button{background:transparent}.modal .modal-content2 p{margin-bottom:0;margin-top:5px;color:#686f82;font-size:14px;font-weight:300;line-height:normal}.modal .modal-content2 .text-3{font-size:15px;font-weight:400;line-height:normal;color:#fa8c1b}.row-button2{display:flex;justify-content:flex-end;gap:20px;margin-left:69%;padding:20px 0}.btn-reset{background-color:#fffcec;color:#f6d047;border:2px solid #f6d047;padding:8px 20px;width:237.5px;height:44px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease;text-align:center;text-decoration:none}.btn-reset:hover{background-color:#f6d047;color:#fff}.btn-submit{background-color:#f6d047;color:#fff;border:none;padding:8px 20px;border-radius:10px;width:237.5px;height:44px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease;text-align:center;text-decoration:none}.btn-submit:hover{background-color:#ffc107}@media (min-width: 768px){.modal .modal-content-notif{background-color:#fff!important;border-radius:10px;width:350px!important;height:auto;padding:0;gap:10px}}@media (min-width: 1200px){.modal .modal-content-notif{background-color:#fff!important;border-radius:10px;width:450px!important;height:auto;padding:0;gap:10px}.header{height:130px;padding:32px 35px}.header-inner{column-gap:20px}.header h1{font-size:24px}.header .action-row{padding-right:0}}.filter-table-wrapper{padding-bottom:30px}.card-datatable{width:100%;background:#242323;position:relative;border:1px solid var(--Dark-300, #d7d7d7);background:var(--white, #fff);border-radius:8px}.card-datatable th.sorting:before,.card-datatable th.sorting:after,.card-datatable th.sorting_asc:before,.card-datatable th.sorting_asc:after,.card-datatable th.sorting_desc:before,.card-datatable th.sorting_desc:after{content:none!important}.card-datatable img.avatar{display:inline-block;width:30px;height:30px;margin-right:6px;object-fit:cover;position:relative}.card-datatable .dataTables_scrollHeadInner{width:unset!important}.card-datatable .dataTables_scroll{border-radius:8px}.card-datatable .dataTables_wrapper{padding-bottom:60px;overflow-x:auto;background-color:#e3e3e3}.card-datatable .dataTables_wrapper#table-dashboard-print_wrapper,.card-datatable .dataTables_wrapper#table-dashboard-print2_wrapper{padding-bottom:0}.card-datatable .dataTables_wrapper::-webkit-scrollbar{display:none}.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%;border-top-left-radius:9px;border-top-right-radius:9px}.card-datatable .dataTables_wrapper thead{width:100%;border-top-left-radius:8px;border-top-right-radius:8px;background-color:#601919}.card-datatable .dataTables_wrapper th{border:none;color:#ddd9d7;background:#601919;padding:30px 15.774px;font-size:16px;font-style:normal;font-weight:600;line-height:18px;white-space:nowrap}.card-datatable .dataTables_wrapper th .arrow-down{display:flex;justify-content:space-between;align-items:center}.card-datatable .dataTables_wrapper th .arrow-down h6{margin:0}.card-datatable .dataTables_wrapper th.h-xsm{border-top-left-radius:8px;border-top-right-radius:8px;width:1rem!important}.card-datatable .dataTables_wrapper th:first-child{border-top-left-radius:8px}.card-datatable .dataTables_wrapper th:last-child{border-top-right-radius:8px}.card-datatable .dataTables_wrapper th.sorting:before,.card-datatable .dataTables_wrapper th.sorting:after{content:none;pointer-events:none}.card-datatable .dataTables_wrapper tbody tr{border-top:none;background:#fff;box-shadow:inset 0 -1px #0000001a}.card-datatable .dataTables_wrapper tbody tr:nth-child(odd){background:#f5f5f5;box-shadow:0 -1px #d7d7d7}.card-datatable .dataTables_wrapper td{height:50px;padding:13px 16px;border:#383737;white-space:nowrap;font-size:15px;color:var(--Primary-100, #525252);vertical-align:middle}.card-datatable .dataTables_wrapper td .stok{display:flex;justify-content:center;align-items:center;gap:5px}.card-datatable .dataTables_wrapper td .status{display:inline-block;width:fit-content;border-radius:15px;display:flex;padding:8px 15px;justify-content:center;align-items:center;font-size:13px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.65px;color:#1f1f1f;text-transform:capitalize}.card-datatable .dataTables_wrapper td .status.active,.card-datatable .dataTables_wrapper td .status.received,.card-datatable .dataTables_wrapper td .status.done{background:#c28b8d;color:#fff}.card-datatable .dataTables_wrapper td .status.banned,.card-datatable .dataTables_wrapper td .status.delivery,.card-datatable .dataTables_wrapper td .status.ongoing{background:#601919;color:#fff}.card-datatable .dataTables_wrapper td .status.tag{background:var(--Primary-400, #ddd9d7);color:#414141}.card-datatable .dataTables_wrapper td .status.confirmation,.card-datatable .dataTables_wrapper td .status.on_process{background:#ddd9d7;color:#000}.card-datatable .dataTables_wrapper td.half-text{overflow:hidden;max-width:120px!important;text-overflow:ellipsis}.card-datatable .dataTables_wrapper td.address{overflow:hidden;max-width:50px!important;text-overflow:ellipsis}.card-datatable .dataTables_wrapper td.td-with-sub{display:flex;align-items:center;gap:10px}.card-datatable .dataTables_wrapper td .p-sub-td{font-size:10px;font-style:normal;line-height:18px;font-weight:400;color:#c5c1c1;margin-bottom:0}.card-datatable .dataTables_wrapper td span{color:#601919;font-size:12px;font-style:normal;font-weight:400}.card-datatable .dataTables_wrapper td .avatar{width:30px;height:30px;border-radius:5px;object-fit:cover;position:relative}.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 xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M14.1666 15.0001C14.1666 15.4603 14.5397 15.8334 15 15.8334C15.4602 15.8334 15.8333 15.4603 15.8333 15.0001C15.8333 14.5398 15.4602 14.1667 15 14.1667C14.5397 14.1667 14.1666 14.5398 14.1666 15.0001Z' stroke='%2326292B' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.16663 15.0001C9.16663 15.4603 9.53972 15.8334 9.99996 15.8334C10.4602 15.8334 10.8333 15.4603 10.8333 15.0001C10.8333 14.5398 10.4602 14.1667 9.99996 14.1667C9.53972 14.1667 9.16663 14.5398 9.16663 15.0001Z' stroke='%2326292B' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.16663 15.0001C4.16663 15.4603 4.53972 15.8334 4.99996 15.8334C5.4602 15.8334 5.83329 15.4603 5.83329 15.0001C5.83329 14.5398 5.4602 14.1667 4.99996 14.1667C4.53972 14.1667 4.16663 14.5398 4.16663 15.0001Z' stroke='%2326292B' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1666 10.0001C14.1666 10.4603 14.5397 10.8334 15 10.8334C15.4602 10.8334 15.8333 10.4603 15.8333 10.0001C15.8333 9.53984 15.4602 9.16675 15 9.16675C14.5397 9.16675 14.1666 9.53984 14.1666 10.0001Z' stroke='%2326292B' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.16663 10.0001C9.16663 10.4603 9.53972 10.8334 9.99996 10.8334C10.4602 10.8334 10.8333 10.4603 10.8333 10.0001C10.8333 9.53984 10.4602 9.16675 9.99996 9.16675C9.53972 9.16675 9.16663 9.53984 9.16663 10.0001Z' stroke='%2326292B' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.16663 10.0001C4.16663 10.4603 4.53972 10.8334 4.99996 10.8334C5.4602 10.8334 5.83329 10.4603 5.83329 10.0001C5.83329 9.53984 5.4602 9.16675 4.99996 9.16675C4.53972 9.16675 4.16663 9.53984 4.16663 10.0001Z' stroke='%2326292B' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1666 5.00008C14.1666 5.46032 14.5397 5.83341 15 5.83341C15.4602 5.83341 15.8333 5.46032 15.8333 5.00008C15.8333 4.53984 15.4602 4.16675 15 4.16675C14.5397 4.16675 14.1666 4.53984 14.1666 5.00008Z' stroke='%2326292B' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.16663 5.00008C9.16663 5.46032 9.53972 5.83341 9.99996 5.83341C10.4602 5.83341 10.8333 5.46032 10.8333 5.00008C10.8333 4.53984 10.4602 4.16675 9.99996 4.16675C9.53972 4.16675 9.16663 4.53984 9.16663 5.00008Z' stroke='%2326292B' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.16663 5.00008C4.16663 5.46032 4.53972 5.83341 4.99996 5.83341C5.4602 5.83341 5.83329 5.46032 5.83329 5.00008C5.83329 4.53984 5.4602 4.16675 4.99996 4.16675C4.53972 4.16675 4.16663 4.53984 4.16663 5.00008Z' stroke='%2326292B' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");transition:all .2s ease-in}.card-datatable .dataTables_wrapper td .action-btn.delete{background-image:url('data:image/svg+xml,')}.card-datatable .dataTables_wrapper td .action-btn:hover{transform:scale(1.1)}.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{border-radius:10px;border:1px solid var(--Dark-300, #2c2c2c);background:var(--white, #fff);min-width:112px;padding:0}.card-datatable .dataTables_wrapper td .dropdown-menu.show{top:-2px!important;left:-80px!important}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item{padding:11px 16px;font-size:14px;font-style:normal;font-weight:60 0;line-height:18px;color:#000;margin:0}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item.no-border{border-bottom:none}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item:hover{background-color:transparent;color:#601919}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item:active{color:#601919}.card-datatable .dataTables_wrapper .dataTables_info{font-size:16px;font-style:normal;font-weight:400;color:#000;padding:0;order:1;position:absolute;left:150px;margin-top:0;bottom:10px;height:30px}.card-datatable .dataTables_wrapper .dataTables_length{height:35px;position:absolute;left:24px;bottom:10px;font-style:normal;font-weight:400;color:#686f82;line-height:16px}.card-datatable .dataTables_wrapper .dataTables_length label{font-size:18px;font-style:normal;font-weight:400;color:#000!important;margin-bottom:0}.card-datatable .dataTables_wrapper .dataTables_length select{background:transparent;border:none;box-shadow:none!important;padding-top:0;padding-bottom:0;font-weight:400;font-size:18px;line-height:16px;color:#000}.card-datatable .dataTables_wrapper .dataTables_filter{display:none}.card-datatable .dataTables_wrapper .dataTables_paginate{margin-top:6px;position:absolute;bottom:10px;right:24px;height:35px}.card-datatable .dataTables_wrapper .dataTables_paginate ul li{display:flex;align-items:center;justify-content:center;margin:0 5px;font-size:12px;font-style:normal;font-weight:400;color:#000;width:100%}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.paginate_button{width:fit-content;background-color:#fff;border:#000}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.paginate_button a{font-style:normal;font-weight:400;color:#000;height:30px;display:flex;justify-content:center;align-items:center;text-align:center;width:100%}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.previous,.card-datatable .dataTables_wrapper .dataTables_paginate ul li.next{display:none}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.first:before{content:"<";font-size:16px;margin-left:8px;color:#000}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.last:after{content:">";font-size:16px;margin-right:8px;color:#000}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.first,.card-datatable .dataTables_wrapper .dataTables_paginate ul li.last{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:16px}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.active .page-link{background-color:#601919;color:#fff;border:none}.card-datatable .dataTables_wrapper .dataTables_scrollHead{overflow:unset!important}.card-datatable .dataTables_wrapper .dataTables_scrollBody{overflow:visible!important}.card-datatable .dataTables_wrapper .table-drafted-event th,.card-datatable .dataTables_wrapper .table-drafted-event td{color:#f7f2e1!important;background-color:transparent}.card-datatable .dataTables_wrapper .table-drafted-event th{background-color:#333!important;color:#fcbb65!important}.card-datatable .dataTables_wrapper .table-drafted-event tbody tr:hover{background-color:#3a3a3a}.card-datatable .dataTables_wrapper .dropdown-item{color:#f7f2e1}.card-datatable .dataTables_wrapper .dropdown-item:hover{background-color:#fcbb65;color:#242323}.card-datatable .cell-content{display:flex;justify-content:space-between;align-items:center;width:100%}.card-datatable .sorting-icons{cursor:pointer}.card-datatable th.sorting .sorting-icons{transform:rotate(0);transition:transform .2s ease}.card-datatable th.sorting_asc .sorting-icons{transform:rotate(180deg)}.card-datatable th.sorting_desc .sorting-icons{transform:rotate(0)}.card-datatable .td-with-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.card-datatable .truncate-p{position:relative}.card-datatable .truncate-p p{margin-top:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis!important;max-width:400px;display:inline-block;color:#fff;cursor:pointer}.card-datatable .truncate-p p:after{content:attr(data-tooltip);position:absolute;background:#000c;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;white-space:nowrap;bottom:70%;left:90%;transform:translate(-50%);opacity:0;visibility:hidden;transition:opacity .2s ease-in-out,visibility .2s ease-in-out}.card-datatable .truncate-p p:hover:after{opacity:1;visibility:visible}.card-datatable .truncate-p-small p{margin-top:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis!important;max-width:300px;display:inline-block;color:#fff}@media (width <= 1193px){.card-datatable .dataTables_wrapper .dataTables_scrollHead{overflow:hidden!important}.card-datatable .dataTables_wrapper .dataTables_scrollBody{overflow:auto!important}}.col-sm-12{padding-right:0!important;padding-left:22px!important}.modal{overflow-y:auto!important;overflow-x:hidden!important}.modal-dialog{pointer-events:auto!important}.modal-dialog.modal-xsm{max-width:358px}.modal-dialog.modal-ssm{width:372px}.modal-dialog.modal-sm{max-width:431px}.modal-dialog.modal-md{max-width:541px}.modal-dialog.modal-xl{max-width:548px}.modal-dialog.modal-2xl{max-width:680px}@media (max-width: 1400px){.modal-dialog.modal-2xl{width:664.815px}}.modal-dialog.modal-bigxl{max-width:1280px}.modal-dialog .modal-content{border:none;border-radius:15px;background:var(--White, #fff)}.modal-dialog .modal-content .modal-header{padding-top:20px;display:flex;width:100%;justify-content:space-between;background-color:#f3f3f3}.modal-dialog .modal-content .modal-header .modal-title{color:var(--Black, #601919);text-align:left;font-feature-settings:"dlig" on,"liga" off,"clig" off;font-family:SF Pro Display,sans-serif;font-size:24px;font-style:normal;font-weight:500;line-height:normal}.modal-dialog .modal-content .modal-header .btn-close{transform:scale(.7)}.modal-dialog .modal-content .modal-body{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;align-self:stretch}.modal-dialog .modal-content .modal-body .price-container{display:flex;width:100%;justify-content:space-between;align-items:center;padding:0 40px}.modal-dialog .modal-content .modal-body .bg-print{background:#f2f2f2;padding:20px}.modal-dialog .modal-content .modal-body .bg-print .header-container{background-color:#fff;width:100%;padding:10px;margin:0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.modal-dialog .modal-content .modal-body .bg-print .header-content{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1200px}.modal-dialog .modal-content .modal-body .bg-print .header-content p{font-weight:500;color:#601919}.modal-dialog .modal-content .modal-body .bg-print .header-content p.black{color:#000}.modal-dialog .modal-content .modal-body .bg-print .header-content p span{font-weight:400;color:#c28b8d}.modal-dialog .modal-content .modal-body .bg-print .logo-img{width:48.454px;height:48.442px;margin-right:10px}.modal-dialog .modal-content .modal-body .bg-print .table-container{background-color:#fff}.modal-dialog .modal-content .modal-body .bg-print .header-text{flex-grow:1;text-align:left}.modal-dialog .modal-content .modal-body .bg-print .header-text h1{font-size:24px;font-weight:700;color:#5d0c0c;margin-bottom:10px}.modal-dialog .modal-content .modal-body .bg-print .header-text p{font-size:14px;color:#5d0c0c;margin:5px 0}.modal-dialog .modal-content .modal-body .bg-print .header-text p:last-child{font-weight:700}.modal-dialog .modal-content .modal-body .bg-print .contact-info{display:flex;flex-direction:column;text-align:left;width:40%}.modal-dialog .modal-content .modal-body .bg-print .contact-info p{font-size:14px;margin:5px 0;color:#5d0c0c}.modal-dialog .modal-content .modal-body .bg-print .bot-table{display:flex;flex-direction:row;width:100%;justify-content:space-between;background-color:#fff}.modal-dialog .modal-content .modal-body .bg-print .invoice-summary{width:400px;display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-weight:600;color:#5d0c0c}.modal-dialog .modal-content .modal-body .bg-print .invoice-summary .left-section{width:60%;text-align:left;font-size:16px}.modal-dialog .modal-content .modal-body .bg-print .invoice-summary .right-section{width:30%;text-align:right;font-size:16px;font-weight:700}.modal-dialog .modal-content .modal-body .bg-print .signature-container{margin-top:40px;text-align:center;font-size:16px}.modal-dialog .modal-content .modal-body .bg-print .signature-container img{width:250px;margin-top:20px}.modal-dialog .modal-content .modal-body .bg-print .pricing-table{margin-top:30px;width:100%;border-top:2px solid #601919}.modal-dialog .modal-content .modal-body .bg-print .pricing-table td,.modal-dialog .modal-content .modal-body .bg-print .pricing-table th{padding:8px;text-align:right}.modal-dialog .modal-content .modal-body .bg-print .pricing-table td:last-child,.modal-dialog .modal-content .modal-body .bg-print .pricing-table th:last-child{text-align:left}.modal-dialog .modal-content .modal-body .bg-print .pricing-table tr:last-child td{border-bottom:2px solid #601919}.modal-dialog .modal-content .modal-body .bg-print .total-section{margin-top:20px;display:flex;justify-content:space-between;padding-top:10px;font-weight:600;font-size:16px;border-top:2px solid #ddd}.modal-dialog .modal-content .modal-body .bg-print .total-section .label,.modal-dialog .modal-content .modal-body .bg-print .total-section .value{color:#601919;font-weight:700}.modal-dialog .modal-content .modal-body .delete-cofirm{color:var(--table-text, #a0a0a0);text-align:center;font-family:SF Pro Display,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px}.modal-dialog .modal-content .modal-body .wrap-top{display:flex;width:100%;align-items:center;gap:15px}.modal-dialog .modal-content .modal-body .wrap-top .left{display:flex;gap:15px}.modal-dialog .modal-content .modal-body .wrap-top .left img{border-radius:5px;display:flex;width:240px;max-width:240px;height:231px;max-height:231px}.modal-dialog .modal-content .modal-body .wrap-top .right{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:15px;align-self:stretch}.modal-dialog .modal-content .modal-body hr.gray{height:1px;border:0;background:#f3f3f3}.modal-dialog .modal-content .modal-body .status{display:flex;padding:8px 15px;justify-content:center;align-items:center;gap:10px;color:var(--White, #fff);font-size:13px;font-style:normal;font-weight:400;line-height:normal;border-radius:15px;width:fit-content;height:26px;margin:auto auto auto 5px}.modal-dialog .modal-content .modal-body .status.mega{background:#f28478}.modal-dialog .modal-content .modal-body .status.macro{background:#f6d047}.modal-dialog .modal-content .modal-body .status.middle{background:#aeaeae}.modal-dialog .modal-content .modal-body .status.micro{background:var(--Orange, #fa8c1b)}.modal-dialog .modal-content .modal-body .status.nano{background:var(--Blue, #77c6c8)}.modal-dialog .modal-content .modal-footer{border-top:none;width:100%;display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-between;gap:15px}.modal-dialog .modal-content .modal-footer.no-gtc{grid-template-columns:repeat(1,1fr)}.modal-dialog .modal-content .modal-footer button{display:flex;padding:12px 20px;justify-content:center;align-items:center;gap:5px;align-self:stretch;border-radius:4px;width:100%;font-feature-settings:"dlig" on,"liga" off,"clig" off;font-family:SF Pro Display,sans-serif;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.modal-dialog .modal-content .modal-footer button.btn-secondary{color:#601919;border:1px solid #601919;background:var(--White, #fff)}.modal-dialog .modal-content .modal-footer button.btn-primary{color:var(--Primary, #fff);border:1px solid var(--Primary, #f6d047);background:#601919}.modal-dialog .modal-content .modal-footer .btn-primary{padding:12px 20px;justify-content:center;align-items:center;gap:5px;border-radius:4px;width:100%;color:var(--Primary, #fff);background:#601919}.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-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:#3d3d3d;color:#fff;border:1px solid #3d3d3d}.modal.scan-barcode .modal-content .modal-footer button.secondary{background:#fff;color:#8c8c8c;border:1px solid #8c8c8c}.modal.scan-barcode .modal-content .modal-footer button.tertiary{background-color:#d8d8d8;border:1px solid #d8d8d8;color:#3b3b3b}.nav-content{display:flex;width:100%;flex-direction:row}.nav-content .nav-link{display:flex;width:200px;height:53px;padding:10px;justify-content:center;align-items:center;gap:10px;border-radius:7px 7px 0 0;background:#b06161;color:#fff}.nav-content .nav-link.active{background-color:#601919}.nav-content .nav-link.grey{background-color:#928e8e}.select2-container{display:block;width:100%!important}.select2-container .select2-search--inline .select2-search__field{border:none}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:20px!important;padding-right:5px}.select2-search--dropdown{display:none!important}.select2-container--default.select2-container--focus .select2-selection--multiple{position:relative;overflow-y:scroll;min-height:100px;scrollbar-width:none;-ms-overflow-style:none}.select2-container--default.select2-container--focus .select2-selection--multiple::-webkit-scrollbar{display:none}.select2-container--default .select2-selection--multiple.select2-selection--clearable{position:relative;overflow-y:scroll;min-height:100px}.select2-container .select2-selection--single .select2-selection__rendered{background:#f2f2f2;border-radius:4px;border:.5px solid var(--Dark-400, #928E8E);height:60px}.select2-container--default .select2-selection--single{background-color:#f2f2f2!important;border:.5px solid var(--Dark-400, #928E8E);height:60px!important;border-radius:4px!important}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#000!important;font-size:15px!important;line-height:28px;display:flex!important;align-items:center!important}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:25%!important;right:1px;width:20px}.none{display:none!important}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;position:absolute;right:0;top:25%;width:10px;box-shadow:none;color:#601919}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;color:#601919;border:none;font-size:15px;max-width:40px}.select2-container--open .select2-dropdown{left:0;background:#f2f2f2;color:#787878;border:1px solid #787878}#select2-status-color-results li:last-child,#select2-customer-results li:last-child,#select2-supplierSelect-results li:last-child{color:#601919}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#601919!important;color:#fff!important;padding:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.select2-container--default .select2-results__option--selected{background-color:#323232!important}.select2-container--open .select2-dropdown--below{border-top:none;border-radius:0 0 10px 10px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999;font-size:15px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:none!important;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:0!important;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}input[type=time]{position:relative!important;padding-left:40px!important;padding-right:10px;font-size:15px;border:1px solid #555;border-radius:8px;background-color:#333;color:#7b7878!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:100%;height:40px}input[type=time]:before{content:"";background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.09265 9.40421H20.9166' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4421 13.3097H16.4514' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0046 13.3097H12.0139' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.55793 13.3097H7.5672' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.4421 17.1962H16.4514' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0046 17.1962H12.0139' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.55793 17.1962H7.5672' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0438 2V5.29078' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.96552 2V5.29078' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2383 3.5791H7.77096C4.83427 3.5791 3 5.21504 3 8.22213V17.2718C3 20.3261 4.83427 21.9999 7.77096 21.9999H16.229C19.175 21.9999 21 20.3545 21 17.3474V8.22213C21.0092 5.21504 19.1842 3.5791 16.2383 3.5791Z' stroke='%239E9E9E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-size:cover;background-position:center;position:absolute;left:10px;top:50%;transform:translateY(-50%);width:20px;height:20px}input[type=time]::-webkit-calendar-picker-indicator{opacity:0;position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none!important;color:#ccc!important;background-color:#ccc}input[type=time]::-moz-calendar-picker-indicator{position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;pointer-events:none!important;color:#ccc!important}input[type=time]::-ms-clear{display:none!important}.p-login-container{display:flex;justify-content:center;height:100vh;width:100vw;background-color:#601919}.p-login-container.white{background-color:#f2f2f2}.p-login-container .login-card-container{width:531px;display:flex;align-items:center;justify-content:center}.p-login-container .login-card-container .login-card{display:flex;padding:56px 40px;width:100%;height:auto;flex-direction:column;justify-content:center;align-items:center;gap:0px!important;border-radius:25px;background:#c28b8d;box-shadow:-2.489px -2.489px 7.466px #5a5e6433,2.489px 2.489px 7.466px #0000004d}.p-login-container .login-card-container .login-card.white{background-color:#fff}.p-login-container .login-card-container .login-card.white h3{color:var(--Base-Dark, #171717);text-align:center;font-size:36px;font-style:normal;font-weight:700;line-height:normal}.p-login-container .login-card-container .login-card.white p{color:var(--Primary-200, #905c5e);text-align:center;font-size:20px;font-style:normal;font-weight:400;line-height:24px}.p-login-container .login-card-container .login-card h3{color:#fff;text-align:center;font-family:SF Pro Display,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:30px;margin-top:10px}.p-login-container .login-card-container .login-card p{color:#fff;text-align:center;font-family:SF Pro Display,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:30px}.p-login-container .login-card-container .login-card label{color:var(--Maroon, #601919);font-family:SF Pro Display,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:8px;display:block}.p-login-container .login-card-container .login-card span{color:#e22124;font-family:DM Sans;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.p-login-container .login-card-container .login-card .filter-group{width:100%}.p-login-container .login-card-container .login-card .filter-group .item{position:relative;margin-bottom:10px;display:flex;flex-direction:column}.p-login-container .login-card-container .login-card .filter-group .item .icon-prefix{position:absolute;left:10px;top:70%;transform:translateY(-50%);width:20px;height:20px}.p-login-container .login-card-container .login-card .filter-group .item .form-control{width:100%;padding:10px 10px 10px 40px;font-size:14px;color:#000;border-radius:5px;border:.5px solid var(--Green-green-200, #8bdde2);background:var(--Base-White, #fff)}.p-login-container .login-card-container .login-card .filter-group .item .form-control.admin{border:1px solid var(--Primary-300, #af8b8b);background:#f4e9e9;color:#000}.p-login-container .login-card-container .login-card .filter-group .item .form-control.p-20{padding:20px}.p-login-container .login-card-container .login-card .filter-group .item .form-control::placeholder{font-size:13px;font-style:normal;font-weight:400;line-height:18px;color:#8a8a8a}.p-login-container .login-card-container .login-card .filter-group .item .icon-suffix{position:absolute;right:10px;top:70%;transform:translateY(-50%);width:20px;height:20px;cursor:pointer}.p-login-container .login-card-container .login-card .filter-group .item.daftar p{color:var(--Blue-blue-200, #8faac0);text-align:center;font-family:DM Sans;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.p-login-container .login-card-container .login-card .filter-group .item.daftar a{color:var(--Green-green-500, #03b5c1);text-align:center;font-family:DM Sans;font-size:16px;font-style:normal;font-weight:700;line-height:normal}.p-login-container .login-card-container .login-card .filter-group .google{display:flex;justify-content:center;align-items:center;flex-direction:column}.p-login-container .login-card-container .login-card .filter-group .google p{color:var(--Grey-500, #8a8a8a);text-align:center;font-family:Open Sans;font-size:16px;font-style:normal;font-weight:500;line-height:30px}.p-login-container .login-card-container .login-card .filter-group .google .atau{display:flex;width:100%;justify-content:center;align-items:center;margin-bottom:15px}.p-login-container .login-card-container .login-card .filter-group .google .atau span{width:100px;color:var(--Blue-blue-200, #8faac0);text-align:center;font-family:DM Sans;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.p-login-container .login-card-container .login-card .filter-group .google .atau svg{width:40%}.p-login-container .login-card-container .login-card .filter-group .google .icon{display:flex;width:100%;padding:12.553px 16.738px;justify-content:center;align-items:center;gap:16.738px;border-radius:39px;background:var(--Neutral-100, #fafbfd);border:.418px solid var(--Grey-400, #edf0fa)}.p-login-container .login-card-container .login-card .action,.p-login-container .login-card-container .login-card .action .custom-checkbox{display:flex;align-items:center}.p-login-container .login-card-container .login-card .action .custom-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--Primary, #f6d047);border-radius:4px;background-color:#fff;margin-top:-9px;position:relative;cursor:pointer}.p-login-container .login-card-container .login-card .action .custom-checkbox input[type=checkbox]:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' viewBox='0 0 18 19' fill='none'%3E%3Cpath d='M12.1425 2H5.8575C3.1275 2 1.5 3.6275 1.5 6.3575V12.635C1.5 15.3725 3.1275 17 5.8575 17H12.135C14.865 17 16.4925 15.3725 16.4925 12.6425V6.3575C16.5 3.6275 14.8725 2 12.1425 2ZM12.585 7.775L8.3325 12.0275C8.2275 12.1325 8.085 12.1925 7.935 12.1925C7.785 12.1925 7.6425 12.1325 7.5375 12.0275L5.415 9.905C5.1975 9.6875 5.1975 9.3275 5.415 9.11C5.6325 8.8925 5.9925 8.8925 6.21 9.11L7.935 10.835L11.79 6.98C12.0075 6.7625 12.3675 6.7625 12.585 6.98C12.8025 7.1975 12.8025 7.55 12.585 7.775Z' fill='%23F6D047'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;background-position:center;width:20px;height:20px;position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;content:"";display:none}.p-login-container .login-card-container .login-card .action .custom-checkbox input[type=checkbox]:checked,.p-login-container .login-card-container .login-card .action .custom-checkbox input[type=checkbox].checked{border:none;outline:none}.p-login-container .login-card-container .login-card .action .custom-checkbox input[type=checkbox]:checked:after,.p-login-container .login-card-container .login-card .action .custom-checkbox input[type=checkbox].checked:after{display:block}.p-login-container .login-card-container .login-card .action .custom-checkbox label{margin-left:8px;color:var(--Black, #000)}.p-login-container .login-card-container .login-card .action .lupa-pw{color:var(--Black, #000);font-size:14px;font-style:normal;font-weight:400;line-height:normal}.p-login-container .login-card-container .login-card .submit-button{width:100%}.p-login-container .login-card-container .login-card .submit-button button{padding:15px 40px;width:100%;height:50px;gap:10px;border-radius:12px;font-family:SF Pro Display,sans-serif;font-size:18px;font-weight:600;background-color:#601919;color:#fff;border:none;cursor:pointer;transition:background-color .3s}.p-login-container .login-card-container .login-card .submit-button button:hover{background-color:#fff;color:#601919}.p-login-container .logo-vector-container{width:60%;display:flex;align-items:center;justify-content:center;position:relative;background:var(--Linear-01, linear-gradient(270deg, #35c4cd .1%, #0c4776 99.9%))}.p-login-container .logo-vector-container .vector-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.p-login-container .logo-vector-container .vector-container .login-vector{position:absolute;width:1752px;height:1007px;z-index:1;top:-150px;left:5%;transform:translate(-50%,-2%)}.p-login-container .logo-vector-container .vector-container .login-vector2{position:absolute;width:545px;height:545px;border-radius:50%;border:15px solid rgba(255,255,255,.18);z-index:2;right:51%;transform:translate(50%,-2%)}.p-login-container .logo-vector-container .vector-container .login-logo{position:relative;z-index:3}.p-login-container .logo-vector-container .vector-container .login-logo img{width:376.349px;height:287px;object-fit:contain}.detail-top{display:grid;width:100%;grid-template-columns:1fr 170px 170px;gap:var(--spacing-2-5, 10px)}.detail-top.product{grid-template-columns:350px 1fr}.detail-top.sf{grid-template-columns:1fr}.detail-top.two{grid-template-columns:1fr 1fr}.detail-top.satu{grid-template-columns:1fr 375px}.detail-top.tiga{grid-template-columns:1fr 1fr 1fr;padding:14px 0}.detail-top .information{display:flex;width:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start}.detail-top .information .top{display:flex;flex-direction:row;width:100%;gap:10px}.detail-top .information .top .item.sku{width:180px}.detail-top .information .top .item span{color:#601919;font-family:SF Pro Display,sans-serif;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.detail-top .information .top .item .no-sku{height:60px;padding:27px 18px;display:flex;justify-content:center;align-items:center;border-radius:4px;color:#fff;border:1px solid var(--Gray-200, #928e8e);background:var(--Primary-300, #af8b8b)}.detail-top .bg-wrapper .connected-label{background-color:var(--Gray-100);color:#000;cursor:not-allowed}.detail-top .bg-wrapper .nonota{width:100%;display:flex;flex-direction:column}.detail-top .bg-wrapper .nonota .date{display:flex;justify-content:flex-start;align-items:center;gap:4px}.detail-top .bg-wrapper .nonota .rows{display:flex;flex-direction:row;justify-content:space-between;width:100%}.detail-top .bg-wrapper .contact{display:flex;flex-direction:row;align-items:center;gap:44px;justify-content:flex-start;align-self:stretch}.detail-top .bg-wrapper .rows-head{display:flex;justify-content:space-between;align-items:flex-start;align-self:stretch;margin-bottom:10px}.detail-top .bg-wrapper .rows-head p{color:var(--Base-Dark, #171717);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;margin-bottom:0;font-weight:600}.detail-top .bg-wrapper .rows-head .status{display:flex;padding:6px 11px;justify-content:center;align-items:center;gap:10px;border-radius:20px;background:var(--Primary-100, #601919);color:#fff}.detail-top .bg-wrapper .rows-head .status.done{background:var(--Primary-100, #C28B8D);color:#fff}.detail-top .bg-wrapper hr{height:1px;border:none;background-color:transparent;border-top:1px dashed #cac4c4;width:100%;margin:0}.detail-top .bg-wrapper .row-content{display:flex;width:100%;flex-direction:row;justify-content:center;align-items:center;gap:22px}.detail-top .bg-wrapper .row-content svg{width:58.745px;height:58.745px}.detail-top .bg-wrapper .row-content .column-content{display:flex;flex-direction:column;width:100%;gap:10px}.detail-top .bg-wrapper .row-content .column-content .name{display:flex;flex-direction:row;width:100%;justify-content:space-between;padding-bottom:5px;align-items:center}.detail-top .bg-wrapper .row-content .column-content .name span{color:var(--Base-Dark, #171717);font-family:SF Pro Display,sans-serif;font-size:24px;font-style:normal;font-weight:500;line-height:normal}.detail-top .bg-wrapper .row-content .column-content .name .status{display:flex;padding:7.18px 13.164px;justify-content:center;align-items:center;gap:11.967px;border-radius:23.934px;background:var(--Primary-100, #601919);color:#fff;font-size:16px}.detail-top .bg-wrapper .row-content .column-content p{color:#716868;text-align:justify;font-size:20px;font-style:normal;font-weight:500;line-height:28px;margin-bottom:0}.detail-top .bg-wrapper .row-content .column-content span{color:var(--Base-Dark, #171717);font-size:20px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.detail-top .bg-wrapper .row-content .column-content .grey{color:#8a8b8c;font-size:16.784px;font-style:normal;font-weight:400;line-height:20.141px}.detail-top .bg-wrapper .row-content .column-content .pound{display:flex;width:100%;flex-direction:row;gap:8px}.detail-top .bg-wrapper .row-content .column-content .pound .pound-item{display:flex;padding:9px 12px;width:33%;flex-direction:column;justify-content:center;align-items:center;gap:8px;border-radius:8px;background:var(--Gray-300, #f2f2f2)}.detail-top .bg-wrapper .row-content .column-content .pound .pound-item h4{font-size:24px}.detail-top .bg-wrapper .row-content .column-content .pound .pound-item span{color:var(--Gray-200, #928e8e);font-size:18px}.detail-top .bg-wrapper .row-content .status{display:flex;padding:4px 11px;width:180px;height:40px;justify-content:center;align-items:center;gap:10px;border-radius:20px;background:var(--Primary-400, #ddd9d7);color:#414141}.detail-top .bg-wrapper .barcode{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:38px;width:100%}.detail-top .bg-wrapper .barcode img{width:300px}.detail-top .bg-wrapper .barcode .print-barcode{display:flex;width:300px;height:60px;padding:10px 18px;justify-content:center;align-items:center;gap:10px;border-radius:4px;border:1px solid var(--Primary-100, #601919);background-color:#fff;color:#601919}.detail-top .bg-wrapper .barcode .print-barcode img{width:24px;height:24px}.detail-top .bg-wrapper.information-enhanced{justify-content:center;padding:20px 30px!important;display:flex;position:relative;flex-direction:column;gap:10px!important}.detail-top .bg-wrapper.information-enhanced .item{display:flex;gap:32px;width:100%}.detail-top .bg-wrapper.information-enhanced .item .text{width:100%}.detail-top .bg-wrapper.information-enhanced .item .text p{color:var(--Gray-200, #a9a9a9);font-size:14px;margin-bottom:8px}.detail-top .bg-wrapper.information-enhanced .item .text h3{margin-bottom:4px;color:var(--Primary-300, #ffd479);font-size:18px;font-weight:700}.detail-top .bg-wrapper.information-enhanced.p-30{padding:30px!important}.detail-top .image-wrapper{width:330px;max-height:330px;object-fit:cover;position:relative}.detail-top .image-wrapper.s-196{width:196px}.detail-top .image-wrapper img{width:100%;height:100%;border-radius:10px;object-fit:cover}.detail-top .image-preview{width:100%;max-width:330px;margin-bottom:15px;display:block;margin-left:auto;margin-right:auto}.row-stats{display:flex;flex-direction:row;align-items:flex-start;gap:20px;align-self:stretch;margin-bottom:20px}.row-stats .card{border-radius:12px;background:var(--Neutral-50, #fff);display:flex;padding:20px;flex-direction:row;align-items:flex-start;gap:20px;flex:1 0 0}.row-stats .card .right{display:flex;flex-direction:column;justify-content:center}body,html{background-color:#f9f9f9;margin:0;padding:0;font-family:Arial,sans-serif}.p-dashboard{display:flex;margin-left:185px}.wrapper{width:100%;background-color:#f9f9f9}.wrapper .content{padding:40px}.content-wrapper{display:flex;padding:10px 35px 25px;flex-direction:column;align-items:flex-start;align-self:stretch;background-color:#f9f9f9}.content-wrapper.g-25{gap:25px}.content-wrapper.g-15{gap:15px}.content-wrapper .notification-page{display:flex;padding:15px 20px 15px 15px;align-items:center;gap:10px;align-self:stretch;border-radius:10px;border:none;cursor:pointer;background-color:#fff}.content-wrapper .notification-page:hover{border-radius:10px;background:var(--Light-Gray, #ebebeb)}.content-wrapper .notification-page img{width:40px;height:40px}.content-wrapper .notification-page .text-group{display:flex;justify-content:space-between;width:100%}.content-wrapper .notification-page .text-group .right-text{color:var(--Gray-100, #aeaeae);text-align:right;font-family:Lexend;font-size:10px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.5px}.content-wrapper .notification-page .text-group .text-stack{display:flex;flex-direction:column}.content-wrapper .notification-page .text-group .text-stack .text-1{color:var(--Gray-300, #444141);text-align:center;font-family:Lexend;font-size:13px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.65px}.content-wrapper .notification-page .text-group .text-stack .text-2{overflow:hidden;color:var(--Gray-100, #aeaeae);text-overflow:ellipsis;font-family:Lexend;font-size:10px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.5px}.content-wrapper .fs-14-500{color:var(--Dark-Grey, #666);leading-trim:both;text-edge:cap;font-family:Lexend;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.sidebar{width:250px;position:fixed;height:100%;top:0;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:100;display:flex;flex-direction:column;padding:20px}.sidebar .menu-item{margin-bottom:20px;display:flex;align-items:center;color:#333;font-size:16px;font-weight:500;transition:background-color .3s ease}.sidebar .menu-item.active{background-color:#f6d047;border-radius:10px;padding:10px;color:#fff}.sidebar .menu-item img{margin-right:10px}.content-dashboard{display:flex;flex-direction:column;gap:20px;padding:20px 40px;width:100%;height:100%;background-color:#f2f2f2}.content-dashboard.delivery{background-color:#601919}.content-dashboard.received{background-color:#c28b8d}.content-dashboard .heading{color:var(--Neutral-300, #000);font-family:SF Pro Display,sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.content-dashboard .content-row{display:flex;width:100%;flex-direction:row;gap:15px}.content-dashboard .chart-container .bg-wrapper{height:100%;border-radius:10px;padding:20px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.content-dashboard .right-container{flex:1;display:flex;flex-direction:column;width:100%;gap:30px}.content-dashboard .right-container .top-container,.content-dashboard .right-container .bottom-container{flex:1;width:100%}.content-dashboard .right-container .top-container .bg-wrapper,.content-dashboard .right-container .bottom-container .bg-wrapper{width:100%;height:100%;border-radius:10px;padding:20px;background-color:#fff;box-shadow:0 2px 4px #0000001a}.content-dashboard .right-container .top-container .top-section,.content-dashboard .right-container .bottom-container .top-section{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px}.content-dashboard .right-container .top-container .top-section .text p,.content-dashboard .right-container .bottom-container .top-section .text p{font-size:16px;color:#7b7878}.content-dashboard .right-container .top-container .top-section.wt-dash-border,.content-dashboard .right-container .bottom-container .top-section.wt-dash-border{border-bottom:.5px dashed var(--Secondary, #f8dc75)}.content-dashboard .right-container .bottom-container{height:162px;display:flex;flex-direction:column;background-color:#fff;padding:20px;border-radius:10px}.content-dashboard .right-container .bottom-container-inner{height:100%;display:flex;flex-direction:column;gap:15px;justify-content:space-around}.bg-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 4px #0000001a}.bg-wrapper.second-bg{background-color:#c28b8d}.bg-wrapper.primary-bg{background-color:#601919}.bg-wrapper.relative{position:relative;justify-content:flex-start}.bg-wrapper.g-25{gap:25px}.bg-wrapper .item-stats{display:flex;flex-direction:column;justify-content:flex-start;width:100%}.bg-wrapper .item-stats h4{color:var(--Base-Dark, #171717);font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:700;line-height:normal}.bg-wrapper .item-stats span{color:#a4a2a2;font-family:SF Pro Display;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.bg-wrapper .progress-container{scrollbar-width:none;-ms-overflow-style:none}.bg-wrapper .progress-container ::-webkit-scrollbar{display:none}.bg-wrapper .heading{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px}.bg-wrapper .heading .text{margin-top:5px;margin-bottom:-6px}.bg-wrapper .heading .text p{color:#560e04;font-family:SF Pro Display;font-size:24px;font-style:normal;font-weight:700;line-height:24px;text-transform:uppercase}.bg-wrapper .heading h4{color:#fff;margin-bottom:0}.bg-wrapper .heading .action{display:flex;flex-direction:row;justify-content:center;gap:10px}.bg-wrapper .heading .action .btn-primary{display:flex;padding:10px 18px;justify-content:center;align-items:center;gap:10px;border-radius:4px;font-size:18px;font-family:SF Pro Display,sans-serif;color:var(--Primary, #fff);background:#601919}.bg-wrapper .heading .action .btn-primary svg{width:22px;height:22px}.bg-wrapper .heading .action .btn-primary.second{color:#601919;background:#fff;border:1px solid #601919}.bg-wrapper .hr-dashboard{width:100%}.bg-wrapper .hr-dashboard hr{height:1px;border:none;margin:0 0 15px;background-color:transparent;border-top:1px solid #763f3f;width:100%}.bg-wrapper hr{height:1px;border:none;margin:0 0 15px;background-color:transparent;border-top:1px dashed #cac4c4;width:100%}.bg-wrapper .progress-row{position:relative;width:100%;height:40px;margin-bottom:12px;border:1px dashed #cac4c4;border-radius:8px;overflow:hidden;background-color:#efeaea}.bg-wrapper .progress-row:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background-color:#5d0c0c;border-radius:8px;animation:fillBar 1.5s ease forwards}.bg-wrapper .progress-row .progress-month{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#fff;font-size:14px;font-weight:700;z-index:1;pointer-events:none}.bg-wrapper .progress-row .progress-value{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#4b4646;font-size:14px;font-weight:700;z-index:2}@keyframes fillBar{to{width:var(--fill)}}.bg-wrapper .list-product{display:flex;flex-direction:row;width:100%;gap:23px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.bg-wrapper .list-product ::-webkit-scrollbar{display:none}.bg-wrapper .list-product .product-item{display:flex;flex-direction:column;padding:12px;border-radius:14px;border:1px solid #773c3c;background:#6c2b2b}.bg-wrapper .list-product .product-item .image-wrapper{display:flex;padding:10.672px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3.557px}.bg-wrapper .list-product .product-item .image-wrapper img{border:2.668px solid #cfc0a7;width:112.055px;height:112.055px;border-radius:252.124px}.bg-wrapper .list-product .product-item .title{display:flex;width:100%;text-align:center;padding:6px 11px;justify-content:flex-end;align-items:center;gap:10px;font-size:18px;border-radius:20px;background:var(--Primary-200, #905c5e);color:var(--White, #fff)}.bg-wrapper .rows{display:flex;justify-content:space-between;align-items:center;align-self:stretch;width:100%}.bg-wrapper .rows .submit-content h4{color:var(--Base-Dark, #171717);font-size:24px;font-style:normal;font-weight:700;line-height:normal}.bg-wrapper .rows .submit-content p{color:var(--Gray-100, #414141);font-size:20px;font-style:normal;font-weight:400;line-height:24px}.bg-wrapper .rows .action{display:flex;flex-direction:row;gap:8px}.bg-wrapper .rows .action .btn-primary{display:flex;height:60px;padding:10px 50px;justify-content:center;align-items:center;gap:10px;border-radius:4px!important;background-color:#601919;color:#fff}.bg-wrapper .rows .action .btn-default{display:flex;height:60px;padding:10px 50px;justify-content:center;align-items:center;gap:10px;border-radius:4px;background-color:#fff;border:1px solid #601919}.chart-head{color:var(--Black, #000);font-family:Lexend;font-size:16px;font-style:normal;font-weight:600;line-height:normal;margin-left:5px} >>>>>>>> origin/development:public/build/assets/app-Bmv6S34b.css