@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:DM Sans,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 132px}.filter-group.dua-kolom.with-date{grid-template-columns:1fr 170px}.filter-group.tiga-kolom{grid-template-columns:1fr 155px 155px}.filter-group.tiga-kolom.with-date{grid-template-columns:1fr 377px 180px}.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-with-date{grid-template-columns:1fr 377px 136px 136px}.filter-group.empat-kolom.with-two-date{grid-template-columns:1fr 377px 377px 100px}.filter-group.empat-kolom.event{grid-template-columns:1fr 160px 160px 130px}.filter-group.tiga-kolom-with-button{grid-template-columns:1fr 155px 140px}.filter-group.tiga-kolom-with-button.staff{grid-template-columns:1fr 155px 160px}.filter-group.tiga-kolom-with-button1{grid-template-columns:70% 10% 20%}.filter-group.empat-kolom-with-button{grid-template-columns:1fr 161px 150px 135px}.filter-group.empat-kolom-with-button-orange{grid-template-columns:1fr 140px 150px 160px}.filter-group.lima-kolom-with-button{grid-template-columns:1fr 161px 150px 150px 135px}.filter-group.lima-kolom-with-button2{grid-template-columns:1fr 150px 150px 160px 160px}.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;width:100%}.filter-group .item.w-30{width:30%}.filter-group .item label{color:var(--Green-green-600, #03A5B0);font-family:DM Sans;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.filter-group .item label.fs-14-400{color:var(--Black, #000);font-family:DM Sans,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-prefix.t-68,.filter-group .item .icon-suffix.t-68{top:68%}.filter-group .item .icon-prefix1{position:absolute;top:70%;transform:translateY(-50%);left:20px}.filter-group .item .icon-prefix1.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:53px;display:flex;justify-content:center;align-items:center;gap:5px;align-self:stretch;border-radius:10px;border:1px solid var(--Primary, #F6d047);background:#03a5b0;box-shadow:-2.489px -2.489px 7.466px #5a5e6433,2.489px 2.489px 7.466px #0000004d;color:#000;width:100%;font-size:16px;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:#03a5b0;width:100%;font-size:16px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.8px;padding-left:35px}.filter-group .item input,.filter-group .item textarea,.filter-group .item select{height:53px;padding:23px 24px 22px 45px;width:100%;outline:none;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:13px;font-style:normal;font-weight:400;line-height:20px;color:#989898;border-radius:10px;border:.8px solid var(--Grey, #B1E8EC);background:var(--Background, #fff)}.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:20px!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,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M6.21753 4.7175C5.90253 4.7175 5.65503 4.4625 5.65503 4.155V2.0625C5.65503 1.755 5.90253 1.5 6.21753 1.5C6.53253 1.5 6.78003 1.755 6.78003 2.0625V4.1475C6.78003 4.4625 6.53253 4.7175 6.21753 4.7175Z" fill="%23989898"/><path d="M11.7825 4.7175C11.4675 4.7175 11.22 4.4625 11.22 4.155V2.0625C11.22 1.7475 11.475 1.5 11.7825 1.5C12.0975 1.5 12.345 1.755 12.345 2.0625V4.1475C12.345 4.4625 12.0975 4.7175 11.7825 4.7175Z" fill="%23989898"/><path d="M14.6775 3.375C14.1825 3.0075 13.47 3.36 13.47 3.9825V4.0575C13.47 4.935 12.84 5.745 11.9625 5.835C10.95 5.94 10.095 5.145 10.095 4.155V3.375C10.095 2.9625 9.7575 2.625 9.345 2.625H8.655C8.2425 2.625 7.905 2.9625 7.905 3.375V4.155C7.905 4.7475 7.5975 5.2725 7.1325 5.565C7.065 5.61 6.99 5.6475 6.915 5.685C6.8475 5.7225 6.7725 5.7525 6.69 5.775C6.6 5.805 6.5025 5.8275 6.3975 5.835C6.2775 5.85 6.1575 5.85 6.0375 5.835C5.9325 5.8275 5.835 5.805 5.745 5.775C5.67 5.7525 5.595 5.7225 5.52 5.685C5.445 5.6475 5.37 5.61 5.3025 5.565C4.83 5.235 4.53 4.665 4.53 4.0575V3.9825C4.53 3.405 3.915 3.06 3.4275 3.3075C3.42 3.315 3.4125 3.315 3.405 3.3225C3.375 3.3375 3.3525 3.3525 3.3225 3.375C3.3 3.3975 3.27 3.4125 3.2475 3.435C3.0375 3.6 2.85 3.7875 2.6925 3.99C2.61 4.08 2.5425 4.1775 2.4825 4.275C2.475 4.2825 2.4675 4.29 2.46 4.305C2.3925 4.4025 2.3325 4.515 2.28 4.62C2.265 4.635 2.2575 4.6425 2.2575 4.6575C2.2125 4.7475 2.1675 4.8375 2.1375 4.935C2.115 4.9725 2.1075 5.0025 2.0925 5.04C2.0475 5.1525 2.0175 5.265 1.9875 5.3775C1.9575 5.4825 1.935 5.595 1.92 5.7075C1.905 5.79 1.8975 5.8725 1.89 5.9625C1.8825 6.0675 1.875 6.1725 1.875 6.2775V12.8475C1.875 14.865 3.51 16.5 5.5275 16.5H12.4725C14.49 16.5 16.125 14.865 16.125 12.8475V6.2775C16.125 5.085 15.555 4.0425 14.6775 3.375ZM9 13.065H5.52C5.2125 13.065 4.9575 12.81 4.9575 12.5025C4.9575 12.1875 5.2125 11.9325 5.52 11.9325H9C9.315 11.9325 9.5625 12.1875 9.5625 12.5025C9.5625 12.81 9.315 13.065 9 13.065ZM11.085 10.2825H5.52C5.2125 10.2825 4.9575 10.0275 4.9575 9.72C4.9575 9.405 5.2125 9.15 5.52 9.15H11.085C11.4 9.15 11.655 9.405 11.655 9.72C11.655 10.0275 11.4 10.2825 11.085 10.2825Z" fill="%23989898"/></svg>');width:22px;height:22px;position:absolute;right:10px;top:68%;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:#8a8a8a;font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"dlig" on;font-size:13px;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 #03A5B0}.filter-group .item input::-moz-placeholder,.filter-group .item textarea::-moz-placeholder,.filter-group .item select::-moz-placeholder{font-size:13px;font-style:normal;font-weight:400;line-height:18px;color:#8a8a8a}.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 #03A5B0}.filter-group .item.add input::-moz-placeholder,.filter-group .item.add textarea::-moz-placeholder,.filter-group .item.add select::-moz-placeholder{font-size:13px;font-style:normal;font-weight:400;line-height:18px;color:#d7d7d7}.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:#d7d7d7}.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:8px;border:.8px solid var(--Green-green-100, #B1E8EC);background:var(--Base-White, #FFF);display:flex;height:44px;padding:8px 30px 8px 16px;align-items:center;gap:6px;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,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M15.8333 7.5L9.99996 13.3333L4.16663 7.5" stroke="%23696969" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');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,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M13.4917 1.66602H6.50841C3.47508 1.66602 1.66675 3.47435 1.66675 6.50768V13.4827C1.66675 16.5243 3.47508 18.3327 6.50841 18.3327H13.4834C16.5167 18.3327 18.3251 16.5243 18.3251 13.491V6.50768C18.3334 3.47435 16.5251 1.66602 13.4917 1.66602ZM13.9834 8.08268L9.25841 12.8077C9.14175 12.9243 8.98341 12.991 8.81675 12.991C8.65008 12.991 8.49175 12.9243 8.37508 12.8077L6.01675 10.4493C5.77508 10.2077 5.77508 9.80768 6.01675 9.56602C6.25841 9.32435 6.65841 9.32435 6.90008 9.56602L8.81675 11.4827L13.1001 7.19935C13.3417 6.95768 13.7417 6.95768 13.9834 7.19935C14.2251 7.44102 14.2251 7.83268 13.9834 8.08268Z" fill="%23FCBB65"/></svg>');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}.btn-primary{background-color:#03a5b0!important;color:#fff!important;border:none!important;padding:10px 20px;border-radius:9000px!important}.btn-primary.p-20-30{padding:15px 30px!important}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:DM Sans,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;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:10px;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:DM Sans,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:DM Sans,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:DM Sans,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:DM Sans,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}.chart-container-smal{width:100%;height:100%;max-width:100%;min-height:400px;position:relative}.chart-container-smal canvas{max-width:100%}.l-sidebar-admin{background:var(--background, #f9f9f9);height:100vh;width:250px;left:0;top:0;bottom:0;position:fixed!important;display:flex;flex-direction:column;align-items:center;position:relative;z-index:3;overflow:hidden}.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:#fff}.l-sidebar-admin nav hr{border-top:.1px solid #03A5B0;margin-top:0;margin-bottom:30px;width:100%}.l-sidebar-admin nav .top{height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}.l-sidebar-admin nav .top img{width:126.237px;height:38.203px;-o-object-fit:contain;object-fit:contain}.l-sidebar-admin nav .link-wrapper{position:relative;margin:0 20px;display:flex;flex-direction:column;align-items:start;gap:15px;z-index:3}.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:8px;width:100%}.l-sidebar-admin nav .link-wrapper .link.logout{position:fixed;bottom:10px;left:20px;width:158px;height:55px;border-top:.5px solid var(--Green-green-200, #8bdde2);border-radius:0;background-color:#fff!important}.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.logout.active{background-color:#fff}.l-sidebar-admin nav .link-wrapper .link .profile-section{display:flex;justify-content:center;align-items:center;width:111px;height:30px;margin-right:20px;margin-left:20px;gap:10px}.l-sidebar-admin nav .link-wrapper .link .profile-image{width:30px;height:30px;border-radius:50%}.l-sidebar-admin nav .link-wrapper .link .profile-info{display:flex;flex-direction:column;justify-content:center;line-height:1}.l-sidebar-admin nav .link-wrapper .link .profile-info .profile-name{font-size:14px;font-weight:700;color:#000;margin-bottom:2px}.l-sidebar-admin nav .link-wrapper .link .profile-info .profile-role{font-size:12px;color:#aeaeae;margin-bottom:0}.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:var(--Linear-01, linear-gradient(270deg, #35c4cd .1%, #0c4776 99.9%));border-right-color:#03a5b0}.l-sidebar-admin nav .link-wrapper .link:hover p,.l-sidebar-admin nav .link-wrapper .link.active p{color:#fff;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)}.l-sidebar-admin nav .link-wrapper .link.not-hoverable:hover{background:transparent;color:inherit;cursor:default}.l-sidebar-admin nav .link-wrapper .link.not-hoverable:hover p{color:#8faac0;font-weight:600}.img-bg-sidebar{position:absolute;top:70%;left:0;z-index:-1}.img-bg-sidebar img{width:118.268px;height:128.933px}@media (min-width: 768px){.l-sidebar-admin{width:150px}.l-sidebar-admin nav .top img{width:140px;height:35px;-o-object-fit:contain;object-fit:contain}.l-sidebar-admin nav .link-wrapper{margin:0 10px}.l-sidebar-admin nav .link-wrapper .link{padding:11px 20px}.l-sidebar-admin nav .link-wrapper .link.logout{left:10px;width:130px}.l-sidebar-admin nav .link-wrapper .link.logout svg{transform:scale(1)}.l-sidebar-admin nav .link-wrapper .link svg{transform:scale(1)}.l-sidebar-admin nav .link-wrapper .link p{font-size:13px;font-weight:600}.img-bg-sidebar img{width:236px;height:236px}}@media (min-width: 1200px){.l-sidebar-admin{width:250px}.l-sidebar-admin nav .top img{width:172.433px;height:55px;-o-object-fit:contain;object-fit:contain}.l-sidebar-admin nav .link-wrapper{margin:0 25px}.l-sidebar-admin nav .link-wrapper .link{padding:11px 20px}.l-sidebar-admin nav .link-wrapper .link.logout{left:0;width:250px}.l-sidebar-admin nav .link-wrapper .link.logout svg{transform:scale(1)}.l-sidebar-admin nav .link-wrapper .link svg{transform:scale(1)}.l-sidebar-admin nav .link-wrapper .link p{font-size:13px;font-weight:600}.img-bg-sidebar img{width:236px;height:236px}}.header{display:flex;align-items:center;width:100%;height:95px;padding:30px 20px;background-color:var(--background, #fff);justify-content:space-between;position:relative}.header-inner{width:100%;align-self:stretch;display:flex;justify-content:center;align-items:center;-moz-column-gap:15px;column-gap:15px}.header-inner h1{color:#03b5c1}.header .backButton{display:flex;width:30px;height:30px;justify-content:center;align-items:center;gap:7.317px;border-radius:8.78px;background:var(--Primary, #fff);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:16px;height:16px;justify-content:center;align-items:center;flex-shrink:0}.header h1{flex:1 0 0;margin-bottom:0;font-size:20px;font-style:normal;color:#03b5c1;font-weight:600}.header h1 span{font-weight:500;color:#03b5c1}.header .action-row{display:flex;align-items:center;justify-content:flex-end;padding-right:20px;min-width:300px}.header .action-row .profile-section{display:flex;justify-content:center;align-items:center;width:111px;height:30px;margin-right:20px;gap:10px}.header .action-row .profile-image{width:30px;height:30px;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:14px;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:#e6f8f9;width:16.8px;height:16.8px;top:0;right:0;display:flex;justify-content:center;align-items:center;border-radius:50%;color:#03a5b0;text-align:center;font-family:DM Sans,sans-serif;font-size:10px;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 .action-row .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 .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 .notification-menu .wrapper{display:flex;flex-direction:column;width:100%;background-color:#fff}.header .action-row .notification-menu .notif-item{width:100%;padding:20px 0;border-bottom:1px solid #e1e1e1;align-items:start;position:relative}.header .action-row .notification-menu .notif-item .inner{width:100%;margin-left:45px}.header .action-row .notification-menu .notif-item .notif-image{position:absolute;top:17px;left:0;justify-content:center;align-items:center;flex-shrink:0}.header .action-row .notification-menu .notif-item .notif-image img{width:35px;height:35px}.header .action-row .notification-menu .notif-item .trx{display:flex;justify-content:space-between;width:90%}.header .action-row .notification-menu .notif-item .trx svg{margin-left:10px;cursor:pointer}.header .action-row .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 .notification-menu h3{color:#000;margin-bottom:20px;font-size:22px;font-weight:600;line-height:normal}.header .action-row .notification-menu h4{color:#252531;margin-bottom:0;font-size:16px;font-weight:500;line-height:normal}.header .action-row .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 .notification-menu p{margin-bottom:0;margin-top:5px;color:#686f82;font-size:14px;font-weight:300;line-height:normal}.header .action-row .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:100px;padding:32px 35px}.header-inner{-moz-column-gap:20px;column-gap:20px}.header h1{font-size:24px}.header .action-row{padding-right:30px}}.filter-table-wrapper{padding-bottom:30px}.card-datatable{width:100%;background:#242323;position:relative;border:1px solid var(--Dark-300, #B1E8EC);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;-o-object-fit:cover;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}.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:transparent}.card-datatable .dataTables_wrapper th{box-shadow:0 1px #d7d7d7;border:none;color:#03a5b0;background:var(--Dark-100, #fff);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:60px;padding:13px 16px;border:#383737;white-space:nowrap;font-size:13px;color:var(--Primary-100, #525252);vertical-align:middle}.card-datatable .dataTables_wrapper td .with-img{display:flex;align-items:center;gap:10px}.card-datatable .dataTables_wrapper td .with-img img{width:35px;height:35px;flex-shrink:0;border-radius:2.188px;background:url(<path-to-image>) #d3d3d3 50%/cover no-repeat}.card-datatable .dataTables_wrapper td .flex-start{display:flex;width:1%;justify-content:flex-start}.card-datatable .dataTables_wrapper td .status{display:inline-block;width:-moz-fit-content;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.available,.card-datatable .dataTables_wrapper td .status.lunas{background:#03a5b0;color:#fff}.card-datatable .dataTables_wrapper td .status.banned,.card-datatable .dataTables_wrapper td .status.deactive,.card-datatable .dataTables_wrapper td .status.blm-lunas{border:.3px solid var(--Dark-200, #E16458);background:var(--red-400, #E16458);color:#fff}.card-datatable .dataTables_wrapper td .status.soon{border:.3px solid var(--Dark-200, #8A8A8A);background:var(--grey-100, #363636);color:#fff}.card-datatable .dataTables_wrapper td .status.today,.card-datatable .dataTables_wrapper td .status.pending{border:.3px solid var(--Dark-200, #8A8A8A);background:var(--Primary-100, #8A8A8A);color:#fff}.card-datatable .dataTables_wrapper td .status.expired{border:.3px solid var(--Dark-200, #282727);background:var(--Dark-400, #363636);color:#f7f2e1}.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:#03a5b0;font-size:12px;font-style:normal;font-weight:400}.card-datatable .dataTables_wrapper td .avatar{width:30px;height:30px;border-radius:5px;-o-object-fit:cover;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,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.2871 3.24297C17.6761 3.24297 18 3.56596 18 3.97696V4.35696C18 4.75795 17.6761 5.09095 17.2871 5.09095H0.713853C0.32386 5.09095 0 4.75795 0 4.35696V3.97696C0 3.56596 0.32386 3.24297 0.713853 3.24297H3.62957C4.22185 3.24297 4.7373 2.82197 4.87054 2.22798L5.02323 1.54598C5.26054 0.616994 6.0415 0 6.93527 0H11.0647C11.9488 0 12.7385 0.616994 12.967 1.49699L13.1304 2.22698C13.2627 2.82197 13.7781 3.24297 14.3714 3.24297H17.2871ZM15.8058 17.134C16.1102 14.2971 16.6432 7.55712 16.6432 7.48913C16.6626 7.28313 16.5955 7.08813 16.4623 6.93113C16.3193 6.78413 16.1384 6.69713 15.9391 6.69713H2.06852C1.86818 6.69713 1.67756 6.78413 1.54529 6.93113C1.41108 7.08813 1.34494 7.28313 1.35467 7.48913C1.35646 7.50162 1.37558 7.73903 1.40755 8.13594C1.54958 9.89917 1.94517 14.8102 2.20079 17.134C2.38168 18.846 3.50498 19.922 5.13206 19.961C6.38763 19.99 7.68112 20 9.00379 20C10.2496 20 11.5149 19.99 12.8094 19.961C14.4929 19.932 15.6152 18.875 15.8058 17.134Z" fill="%23FCBB65"/></svg>')}.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:none;background:var(--white, #FCFCFD);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:#8a8a8a;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:#03a5b0}.card-datatable .dataTables_wrapper td .dropdown-menu .dropdown-item:active{color:#03a5b0}.card-datatable .dataTables_wrapper .dataTables_info{font-size:12px;font-style:normal;font-weight:400;color:#000;padding:0;order:1;position:absolute;right:96px;margin-top:0;bottom:10px;height:30px}.card-datatable .dataTables_wrapper .dataTables_length{height:35px;position:absolute;left:24px;bottom:10px;font-size:12px;font-style:normal;font-weight:400;color:#686f82;line-height:16px}.card-datatable .dataTables_wrapper .dataTables_length label{font-size:12px;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:13px;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.previous,.card-datatable .dataTables_wrapper .dataTables_paginate ul li.next{transition:all .2s ease-in;cursor:pointer}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.previous a,.card-datatable .dataTables_wrapper .dataTables_paginate ul li.next a{margin-right:3px;width:20px;height:20px;background:transparent;font-size:20px;padding:0;border:none;box-shadow:none!important;color:#000}.card-datatable .dataTables_wrapper .dataTables_paginate ul li.previous:hover,.card-datatable .dataTables_wrapper .dataTables_paginate ul li.next:hover{transform:scale(1.2)}.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}@media (max-width: 534px){.card-datatable .dataTables_wrapper th{padding:15px;font-size:12px}.card-datatable .dataTables_wrapper td{height:40px;padding:8px;font-size:10px}.card-datatable .dataTables_wrapper td .custom-control-input:checked~.custom-control-label:before{color:#fff;border-color:#007bff;background-color:#03a5b0!important}.card-datatable .dataTables_wrapper td .custom-control-input:checked~.custom-control-label:after{background-color:#000}.card-datatable .dataTables_wrapper td .status{padding:8px 15px;font-size:10px}.card-datatable .dataTables_wrapper td span{color:#03a5b0;font-size:10px;font-style:normal;font-weight:400}.card-datatable .dataTables_wrapper td .avatar{width:30px;height:30px;border-radius:5px;-o-object-fit:cover;object-fit:cover;position:relative}.card-datatable .dataTables_wrapper td .action-btn{width:30px;height:30px}}.p-login-container{display:flex;height:100vh;width:100vw;background:var(--Linear-01, linear-gradient(270deg, #35c4cd .1%, #0c4776 99.9%));position:relative}.p-login-container .logo-vector-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.p-login-container .logo-vector-container .vector-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;gap:40px;align-items:center;justify-content:center}.p-login-container .logo-vector-container .vector-container .login-vector{position:absolute;width:100%;height:100%;z-index:1;top:0;left:-50px}.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;-o-object-fit:contain;object-fit:contain}.p-login-container .logo-vector-container .login-card{width:550px;display:flex;padding:40px 30px;position:relative;z-index:3;flex-direction:column;justify-content:center;align-items:center;gap:0px!important;border-radius:10px;background:var(--background, #fff);box-shadow:-2.489px -2.489px 7.466px #5a5e6433,2.489px 2.489px 7.466px #0000004d}.p-login-container .logo-vector-container .login-card h3{color:var(--Green-green-500, #03b5c1);text-align:center;font-family:DM Sans;font-size:24px;font-style:normal;font-weight:700;line-height:30px}.p-login-container .logo-vector-container .login-card p{color:var(--Grey-500, #989898);text-align:center;font-family:DM Sans,sans-serif;font-size:20px;font-style:normal;font-weight:400;line-height:30px}.p-login-container .logo-vector-container .login-card label{color:var(--Green-green-600, #03a5b0);font-family:DM Sans;font-size:16px;font-style:normal;font-weight:600;line-height:normal;margin-bottom:8px;display:block}.p-login-container .logo-vector-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 .logo-vector-container .login-card .filter-group{width:100%}.p-login-container .logo-vector-container .login-card .filter-group .item{position:relative;margin-bottom:10px;display:flex;flex-direction:column}.p-login-container .logo-vector-container .login-card .filter-group .item .icon-prefix{position:absolute;left:10px;top:70%;transform:translateY(-50%);width:20px;height:20px}.p-login-container .logo-vector-container .login-card .filter-group .item .form-control{width:100%;padding:10px 10px 10px 40px;font-size:14px;color:#8a8a8a;border-radius:5px;border:.5px solid var(--Green-green-200, #8bdde2);background:var(--Base-White, #fff)}.p-login-container .logo-vector-container .login-card .filter-group .item .form-control.p-20{padding:20px}.p-login-container .logo-vector-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 .logo-vector-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 .logo-vector-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 .logo-vector-container .login-card .filter-group .google{display:flex;justify-content:center;align-items:center;flex-direction:column}.p-login-container .logo-vector-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 .logo-vector-container .login-card .filter-group .google .atau{display:flex;width:100%;justify-content:center;align-items:center;margin-bottom:15px}.p-login-container .logo-vector-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 .logo-vector-container .login-card .filter-group .google .atau svg{width:40%}.p-login-container .logo-vector-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 .logo-vector-container .login-card .action,.p-login-container .logo-vector-container .login-card .action .custom-checkbox{display:flex;align-items:center}.p-login-container .logo-vector-container .login-card .action .custom-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #03A5B0;border-radius:4px;background-color:#fff;margin-top:-9px;position:relative;cursor:pointer}.p-login-container .logo-vector-container .login-card .action .custom-checkbox input[type=checkbox]:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='20' viewBox='0 0 18 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.58333 0.75C2.0971 0.75 1.63079 0.943154 1.28697 1.28697C0.943154 1.63079 0.75 2.0971 0.75 2.58333V15.4167C0.75 15.9029 0.943154 16.3692 1.28697 16.713C1.63079 17.0568 2.0971 17.25 2.58333 17.25H15.4167C15.9029 17.25 16.3692 17.0568 16.713 16.713C17.0568 16.3692 17.25 15.9029 17.25 15.4167V2.58333C17.25 2.0971 17.0568 1.63079 16.713 1.28697C16.3692 0.943154 15.9029 0.75 15.4167 0.75H2.58333ZM13.5375 6.97967C13.7095 6.80778 13.8062 6.57461 13.8063 6.33145C13.8064 6.08829 13.7098 5.85505 13.538 5.68304C13.3661 5.51104 13.1329 5.41436 12.8897 5.41427C12.6466 5.41419 12.4133 5.5107 12.2413 5.68258L7.70383 10.2201L5.75958 8.27583C5.67448 8.19067 5.57343 8.1231 5.46221 8.07698C5.35098 8.03086 5.23177 8.00711 5.11137 8.00706C4.8682 8.00698 4.63496 8.10349 4.46296 8.27538C4.29095 8.44726 4.19428 8.68043 4.19419 8.92359C4.1941 9.16676 4.29062 9.4 4.4625 9.572L6.99067 12.1002C7.08431 12.1938 7.19548 12.2682 7.31785 12.3189C7.44022 12.3696 7.57138 12.3957 7.70383 12.3957C7.83629 12.3957 7.96745 12.3696 8.08982 12.3189C8.21218 12.2682 8.32336 12.1938 8.417 12.1002L13.5375 6.97967Z' fill='%2303A5B0'/%3E%3C/svg%3E") center/contain no-repeat;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 .logo-vector-container .login-card .action .custom-checkbox input[type=checkbox]:checked,.p-login-container .logo-vector-container .login-card .action .custom-checkbox input[type=checkbox].checked{border:none;outline:none}.p-login-container .logo-vector-container .login-card .action .custom-checkbox input[type=checkbox]:checked:after,.p-login-container .logo-vector-container .login-card .action .custom-checkbox input[type=checkbox].checked:after{display:block}.p-login-container .logo-vector-container .login-card .action .custom-checkbox label{margin-left:8px;color:var(--Black, #000)}.p-login-container .logo-vector-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 .logo-vector-container .login-card .submit-button{width:100%}.p-login-container .logo-vector-container .login-card .submit-button button{padding:15px 40px;width:100%;height:50px;gap:10px;border-radius:12px;font-family:DM Sans,sans-serif;font-size:18px;font-weight:600;background-color:#03a5b0;color:#fff;border:none;cursor:pointer;transition:background-color .3s}.p-login-container .logo-vector-container .login-card .submit-button button:hover{background-color:#fff;color:#03a5b0}.detail-top{display:grid;grid-template-columns:1fr 170px 170px;gap:var(--spacing-2-5, 10px)}.detail-top.four{grid-template-columns:1fr 188px 200px 200px}.detail-top.four1{grid-template-columns:22% 45.5% 15% 15%}.detail-top.three{grid-template-columns:235px 1fr 235px}.detail-top.two{grid-template-columns:235px 1fr}.detail-top.three-event{grid-template-columns:1fr .5fr 200px}.detail-top .bg-wrapper .connected-label{background-color:var(--Gray-100);color:#000;cursor:not-allowed}.detail-top .bg-wrapper.information{padding:20px 30px!important;display:flex;position:relative;flex-direction:column;gap:10px!important}.detail-top .bg-wrapper.information.p-20{padding:20px!important}.detail-top .bg-wrapper.information .item{display:flex;gap:24px;width:100%;padding-bottom:10px;border-bottom:.1px solid #d5d0d0}.detail-top .bg-wrapper.information .item .text{width:100%}.detail-top .bg-wrapper.information .item .text p{color:var(--Gray-100, #989898);font-size:13px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.65px;margin-bottom:5px}.detail-top .bg-wrapper.information .item .text h3{margin-bottom:0;color:var(--Primary-200, #111);font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.8px}.detail-top .bg-wrapper.information.with-status{justify-content:space-between}.detail-top .bg-wrapper.information.with-status .top-info{display:flex;gap:10px;align-items:center}.detail-top .bg-wrapper.information.with-status .top-info p{margin-bottom:0;color:var(--text-1, #343434);font-size:14px;font-style:normal;font-weight:500;line-height:normal}.detail-top .bg-wrapper.information.with-status .top-info p.light{color:var(--sub-text, #767676);font-size:12px}.detail-top .bg-wrapper.information.with-status .status.active,.detail-top .bg-wrapper.information.with-status .status.available,.detail-top .bg-wrapper.information.with-status .status.lunas{background:#75db733b}.detail-top .bg-wrapper.information.with-status .status.banned,.detail-top .bg-wrapper.information.with-status .status.unavailable,.detail-top .bg-wrapper.information.with-status .status.blm-lunas{background:#ff59593b}.detail-top .bg-wrapper.information .content,.detail-top .bg-wrapper.information .detail-top-wrapper{padding:0;margin:0;width:100%}.detail-top .bg-wrapper.information .detail-top.full-width.detail-top-unique{display:grid;grid-template-columns:1fr 45.83% 16.44% 16.44%;width:100%;padding:0;box-sizing:border-box;gap:var(--spacing-2-5, 10px)}.detail-top .bg-wrapper.information .detail-top-wrapper{padding:0;margin:0;width:100%}.detail-top .bg-wrapper.information .card-status{margin-top:20px;display:flex;justify-content:space-between;width:100%}.detail-top .bg-wrapper.information .img-bot-end{position:absolute;bottom:0;right:0;padding:10px}.detail-top .bg-wrapper.information .img-bot-end span{display:inline-block;width:80px;height:40px;background-color:#fcbb65;color:#000;text-align:center;line-height:40px;border-radius:5px;font-size:12px;font-weight:600}.detail-top .bg-wrapper.information .img-bot-end span.in-active{background-color:#7b7878}.detail-top .bg-wrapper.information .product-detail{display:grid;grid-template-columns:202px 1fr;gap:20px}.detail-top .bg-wrapper.information .product-detail .image-wrapper{width:100%;max-width:250px;max-height:250px}.detail-top .bg-wrapper.information .product-detail .image-wrapper img{height:100%;max-height:250px}.detail-top .bg-wrapper.information .product-detail.w-134{grid-template-columns:134px 1fr}.detail-top .bg-wrapper.information .product-detail .text h3{color:#03a5b0;font-size:13px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.65px}.detail-top .bg-wrapper.information .product-detail .text p{color:var(--Gray-200, #a9a3a3);text-align:justify;font-size:13px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px}.detail-top .bg-wrapper.start{align-items:flex-start!important}.detail-top .bg-wrapper .information-row{margin-top:5px;display:flex;gap:20px;flex-wrap:nowrap;align-items:center}.detail-top .bg-wrapper .information-row .left .img-wrapper{width:144px;height:144px}.detail-top .bg-wrapper .information-row .left .img-wrapper img{width:100%}.detail-top .bg-wrapper .information-row .right p{display:flex;justify-content:space-between;color:#1f1f1f;font-size:12px;font-style:normal;font-weight:500;line-height:16px}.detail-top .bg-wrapper .information-row .right p span{color:var(--sub-text, #767676)}.detail-top .bg-wrapper .information-row .right .address p{display:block;margin-bottom:2px}.detail-top .bg-wrapper .information-row .right .address p.light{color:var(--sub-text, #767676)}.detail-top .bg-wrapper .information-row .right .info-hutang{display:flex;gap:16px;margin-bottom:20px}.detail-top .bg-wrapper .information-row .right .info-hutang-item{width:100%}.detail-top .bg-wrapper .information-row .right .info-hutang-item p{margin-bottom:10px}.detail-top .bg-wrapper .information-row .right .info-hutang .total{display:flex;height:40px;padding:10px;justify-content:center;align-items:center;gap:5px;align-self:stretch;border-radius:10px}.detail-top .bg-wrapper .information-row .right .info-hutang .total .rp{font-size:10px;font-style:normal;font-weight:500;line-height:16px}.detail-top .bg-wrapper .information-row .right .info-hutang .total.red{background:#ffeeeb;color:#ff8c7c;font-size:14px;font-style:normal;font-weight:600;line-height:24px}.detail-top .bg-wrapper .information-row .right .info-hutang .total.green{background:#eaffe1;color:#80e27e;font-size:14px;font-style:normal;font-weight:600;line-height:24px}.detail-top .bg-wrapper.stats{border:1px solid var(--Dark-300, #2c2c2c);padding:30px 19px 30px 24px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:21px!important}.detail-top .bg-wrapper.stats img{width:50px;height:50px}.detail-top .bg-wrapper.stats .text{display:flex;flex-direction:column;justify-content:center;align-items:center}.detail-top .bg-wrapper.stats .text .title{color:var(--sub-text, #767676);text-align:center;font-feature-settings:"liga" off,"clig" off;color:var(--Primary-200, #fcbb65);font-size:25px;font-style:normal;font-weight:600;line-height:normal}.detail-top .bg-wrapper.stats .text .sub-title{color:#d7d7d7;font-size:13px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px}.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:235px;max-height:235px;-o-object-fit:cover;object-fit:cover}.detail-top .image-wrapper.s-196{width:196px}.detail-top .image-wrapper img{width:100%;height:100%;border-radius:10px;-o-object-fit:cover;object-fit:cover}.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:250px}.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:40px;width:100%;background-color:#f9f9f9}.content-dashboard .heading{color:var(--Neutral-300, #000);font-family:DM Sans,sans-serif;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.content-dashboard .head{display:flex;flex-direction:column;width:100%}.content-dashboard .head .row{display:flex;justify-content:space-between;flex-direction:row;width:100%;margin-bottom:20px;gap:20px;margin-left:0;margin-right:0}.content-dashboard .head .row span{display:flex;align-items:center;color:var(--Neutral-300, #000);font-family:Open Sans;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.content-dashboard .head .row .stats{display:flex;flex:1 0 0;padding:30px;flex-direction:column;align-items:flex-start;gap:10px;border-radius:12px;background:var(--Neutral-50, #fff);box-shadow:0 4px 10px #0000000d}.content-dashboard .head .row .stats p{color:var(--Grey-grey-200, #989898);font-family:DM Sans;font-size:11px;font-style:normal;font-weight:500;line-height:18px;letter-spacing:1px;text-transform:uppercase}.content-dashboard .head .row .stats .desc{display:flex;flex-direction:row;justify-content:space-between;width:100%}.content-dashboard .head .row .stats .desc h4{color:var(--Grey-grey-800, #111);font-family:Plus Jakarta Sans;font-size:24px;font-style:normal;font-weight:700;line-height:32px}.content-dashboard .head .row .stats .desc .icon-stats{display:flex;padding:4.427px 10px 4.427px 8px;align-items:center;gap:5px;border-radius:23.61px;color:#03a5b0}.content-dashboard .head .row .stats .desc .icon-stats.red{color:#e16458}.content-dashboard .head .row .tabs{display:flex;border-bottom:.8px solid #ddd}.content-dashboard .head .row .tabs .tab-button{padding:10px 20px;cursor:pointer;border:none;background:none;font-size:16px;color:#777;transition:.3s}.content-dashboard .head .row .tabs .tab-button.active{background:green;color:#fff;border-radius:5px}.content-dashboard .head .row .tab-content{display:none;padding:15px}.content-dashboard .head .row .tab-content.active{display:block}.content-dashboard .mid{display:flex;flex-direction:row;width:100%;gap:20px}.content-dashboard .mid .left{display:flex;flex-direction:column;gap:20px;width:30%}.content-dashboard .mid .left .head{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px;color:var(--Primary-500, #369b47);font-family:Open Sans;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.content-dashboard .mid .left .container-row{display:flex;flex-direction:row;gap:20px}.content-dashboard .mid .left .container-row .content{display:flex;padding:20px;width:100%;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;border-radius:12px;background:var(--Neutral-50, #fff);box-shadow:0 4px 10px #0000000d}.content-dashboard .mid .left .container-row .content .top p{margin-bottom:5px}.content-dashboard .mid .left .container-row .content .top .stats{color:var(--Neutral-300, #000);font-family:Open Sans;font-size:28px;font-style:normal;font-weight:600;line-height:32px}.content-dashboard .mid .left .container-row .content .line{stroke-width:1px;stroke:var(--Grey-400, #d7d7d7);opacity:.4}.content-dashboard .mid .left .container-row .content .bot{display:flex;flex-direction:column;width:100%}.content-dashboard .mid .left .container-row .content .bot .avg{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:10px;width:100%;gap:10px}.content-dashboard .mid .left .container-row .content .bot .avg .row{display:flex;flex-direction:row;justify-content:center;align-items:center;padding-left:20px;gap:5px}.content-dashboard .mid .left .container-row .content .bot .avg .row p{color:var(--Grey-700, #6a696b);font-family:Open Sans;font-size:14px;font-style:normal;font-weight:500;line-height:24px;margin-bottom:0}.content-dashboard .mid .left .container-row .content .bot .avg h4{display:flex;padding:1px 5px;align-items:center;gap:2.12px;border-radius:21px;background:var(--Grey-300, #efefef);color:var(--Black, #000);text-align:center;font-family:Open Sans;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.content-dashboard .mid .right{width:66%}.content-dashboard .mid .right .head{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:20px}.content-dashboard .mid .right .head .top{color:var(--Primary-500, #369b47);font-family:Open Sans;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.content-dashboard .mid .right .container-row{display:flex;flex-direction:row;gap:20px}.content-dashboard .mid .right .container-row .content{display:flex;padding:20px;width:50%;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;border-radius:12px;background:var(--Neutral-50, #fff);box-shadow:0 4px 10px #0000000d}.content-dashboard .mid .right .container-row .content .top p{margin-bottom:5px}.content-dashboard .mid .right .container-row .content .top .stats{color:var(--Neutral-300, #000);font-family:Open Sans;font-size:28px;font-style:normal;font-weight:600;line-height:32px}.content-dashboard .mid .right .container-row .content .line{stroke-width:1px;stroke:var(--Grey-400, #d7d7d7);opacity:.4}.content-dashboard .mid .right .container-row .content .bot{display:flex;flex-direction:column;width:100%}.content-dashboard .mid .right .container-row .content .bot .avg{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;gap:10px}.content-dashboard .mid .right .container-row .content .bot .avg p{color:var(--Grey-700, #6a696b);font-family:Open Sans;font-size:14px;font-style:normal;font-weight:500;line-height:24px}.content-dashboard .mid .right .container-row .content .bot .avg h4{color:var(--Neutral-300, #000);text-align:right;font-family:Open Sans;font-size:16px;font-style:normal;font-weight:600;line-height:32px}.content-dashboard .box-top{width:100%;display:flex;gap:20px}.content-dashboard .box-top .inside-box{width:50%;background-color:#fff;padding:20px;border-radius:10px;display:flex;gap:20px;align-items:center}.content-dashboard .box-top .inside-box .text-box{color:#000}.content-dashboard .box-top .inside-box .text-box .text-1{font-size:30px;font-weight:600}.content-dashboard .box-top .inside-box .text-box .text-2{color:#666;font-size:16px}.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}.actions{display:flex;gap:10px}.bottom-info{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.bg-group-dash{position:absolute;top:-50px;left:1;z-index:-1}.bg-group-dash img{width:160px}.bottom-info .left-text h1{font-size:36px;font-weight:700}.bottom-info .left-text p{font-size:14px;color:#7b7878}.shipping-icon img{width:40px;height:40px}.radius-yellow{display:flex;width:50px;height:50px;justify-content:center;align-items:center;border-radius:100px;background:radial-gradient(80.45% 80.45% at 50% 50%,#f6d047,#f6d047 36.11%,#f8dc75 64.11%,#f8dc75)}.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.g-25{gap:25px}.bg-wrapper .heading{display:flex;justify-content:space-between;align-items:center;width:100%}.bg-wrapper .heading .text{margin-top:5px;margin-bottom:-6px}.bg-wrapper .heading .text p.judul{color:var(--Dark-Grey, #666);font-family:Lexend;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.bg-wrapper .progress{width:100%;background-color:#f9f9f9;border-radius:20px;overflow:hidden;height:10px}.bg-wrapper .progress-bar{height:100%;background-color:#f6d047;width:0;transition:width 2s ease-in-out}.bg-wrapper .progress-bar.oren{background-color:#fa8c1b;border-radius:4px}.bg-wrapper .progress-bar.animate{width:75%}.bg-wrapper .text-bot{display:flex;justify-content:space-between;width:100%;margin-top:10px}.bg-wrapper .text-bot p{margin:0;font-size:14px;font-weight:500;color:#333}.bg-wrapper .text-bot p.light{color:var(--Grey, #aeaeae);font-size:14px;font-style:normal;font-weight:300;line-height:normal}.bg-wrapper .text-bot span{font-size:14px;font-weight:600;color:#333}.bg-wrapper .nav{width:100%}.bg-wrapper .nav .nav-item{width:50%}.bg-wrapper .nav .nav-item .nav-link{padding:16px 15px;width:100%;background-color:transparent;color:var(--Blue-blue-100, #B4C6D5);font-size:16px;font-style:normal;font-weight:400;line-height:normal;border-radius:0;display:flex;align-items:center;justify-content:center;gap:10px}.bg-wrapper .nav .nav-item .nav-link.active{color:var(--Green-green-600, #03A5B0);font-weight:500;border-bottom:1px solid #03A5B0}.bg-wrapper .nav .nav-item .nav-link.active svg path{stroke:#03a5b0}.chart-head{color:var(--Black, #000);font-family:Lexend;font-size:16px;font-style:normal;font-weight:600;line-height:normal;margin-left:5px}