@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:lexend,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}.gap-25{gap:25px!important}.gap-20{gap:20px!important}.gap-15{gap:15px!important}.gap-10{gap:10px!important}.fs-15-500{color:var(--Font, #000);font-size:14px;font-style:normal;font-weight:500;line-height:normal}.fs-14-400{color:var(--Font, #77C6C8);font-size:14px;font-style:normal;font-weight:400;line-height:normal}.header{display:flex;align-items:center;width:100%;height:95px;padding:30px 20px;background-color:var(--background, #f9f9f9);justify-content:space-between;position:relative}.header-inner{width:100%;align-self:stretch;display:flex;justify-content:center;align-items:center;column-gap:15px}.header .scroll-check{overflow-y:auto!important;overflow-x:hidden;max-height:400px!important}.header .scroll-check::-webkit-scrollbar{width:12px}.header .scroll-check::-webkit-scrollbar-track{background:transparent}.header .scroll-check::-webkit-scrollbar-thumb{background-color:#aeaeae;border-radius:10px;border:2px solid transparent;background-clip:content-box}.header .scroll-check::-webkit-scrollbar-thumb:hover{background-color:#8c8c8c}.header .backButton{display:flex;width:30px;height:30px;justify-content:center;align-items:center;gap:7.317px;border-radius:8.78px;background:var(--Primary, #f6d047);box-shadow:0 9px 123px #b4b1b126,0 2.01px 27.474px #b4b1b117,0 .599px 8.18px #b4b1b10f}.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-weight:500;font-style:normal;color:#000}.header h1 span{font-weight:500;color:#9e9e9e}.header .action-row{display:flex;align-items:center;padding-right:20px;min-width:300px}.header .action-row .profile-section{display:flex;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}.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:30px}}.l-sidebar-admin{background:var(--background, #f9f9f9);height:100vh;width:196px;left:0;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;position:relative;z-index:3}.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:#fff}.l-sidebar-admin nav hr{border-top:.1px solid #f6d047;margin-top:16px;margin-bottom:30px;width:100%}.l-sidebar-admin nav .top{padding:30px 28px 10px 30px;display:flex;flex-direction:column;justify-content:center;align-items:center}.l-sidebar-admin nav .top img{width:126.237px;height:38.203px;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:5px;left:20px;width:158px;height:45px;background-color:#f6d047}.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:#f6d047}.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)}.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{padding:36px 24px 24px}.l-sidebar-admin nav .top img{width:140px;height:35px;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{padding:36px 24px 24px}.l-sidebar-admin nav .top img{width:172.433px;height:55px;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:20px;width:200px}.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}}.filter-table-wrapper{padding-bottom:30px}.card-datatable{width:100%;background:#242323;position:relative;border:1px solid var(--Dark-300, #2C2C2C);background:#f9f9f9;border-radius:8px}.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 td{padding-left:20px}@media (width <= 1193px){.card-datatable .dataTables_wrapper .dataTables_scrollHead{overflow:hidden!important}.card-datatable .dataTables_wrapper .dataTables_scrollBody{overflow:auto!important}}@media (max-width: 768px){.dataTables_scrollHead{overflow-x:auto!important}.dataTables_scrollBody{overflow-x:auto!important;border-right-width:2px}}.list .dataTables_wrapper,.list .dataTables_wrapper table{width:100%}.list .dataTables_wrapper table tr td{color:#717171;font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px}.list .dataTables_wrapper .dataTables_length,.list .dataTables_wrapper .dataTables_filter,.list .dataTables_wrapper .dataTables_info,.list .dataTables_wrapper .dataTables_paginate{display:none}.chart-container{width:100%;max-width:100%;margin:20px;position:relative}.chart-container canvas{max-width:100%}.chart-container-dashboard{position:relative}.chart-container-dashboard canvas{max-width:100%}.chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#000}.chart-center span{display:block;font-size:20px}.chart-center .total-order{font-size:40px;font-weight:700}.chart-container .legend{position:absolute;top:10%;right:10%;display:flex;flex-direction:column}.chart-container .legend .legend-item{color:#7b7878;display:flex;align-items:center;margin-bottom:10px}.chart-container .legend .legend-item .color-box{width:15px;height:15px;margin-right:10px}.chart-container .legend .legend-item span{font-size:14px}.doughnut .wrapper{background-color:#fff;margin-left:0!important;display:flex;flex-direction:column;align-items:center;gap:10px}.doughnut .chart-container{background-color:#fff;padding:20px;position:relative;width:250px;height:250px;border-radius:1000px;overflow:hidden}.doughnut .chart-container canvas{position:relative;z-index:1;border-radius:10px}.doughnut .chart-container .chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;text-align:center;color:#f5f5f5}.doughnut .chart-container .chart-center .title{color:var(--Gray-200, #A9A3A3);font-size:14px;font-style:normal;font-weight:400;line-height:18px}.doughnut .chart-container .chart-center .total{color:var(--Primary-200, #000);font-size:18px;font-style:normal;font-weight:700;line-height:28px}.doughnut .legend-container{display:flex;flex-direction:column;gap:10px;padding:10px 0}.doughnut .legend-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.doughnut .legend-item{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--Base-White, var(--White, #000));font-size:16px;font-weight:500;gap:10px}.doughnut .legend-item .total{display:flex;width:37px;padding:2px 18px;justify-content:center;align-items:center;background-color:#f6d047;border-radius:20px;color:var(--Primary-200, #000);font-size:14px;font-weight:600}.doughnut .legend-item .legend-color{width:10px;height:10px;margin-right:10px;border-radius:50%}.doughnut .legend-active,.doughnut .legend-pending{background-color:#ffba3a}.doughnut .legend-deactive{background-color:#606060}.doughnut .legend-expired{background-color:#7b7878}@media (max-width: 768px){.doughnut .chart-container{background-color:#fff;padding:0!important;position:relative;width:160px;height:160px;border-radius:1000px;overflow:hidden}.legend-container{display:flex;flex-direction:column;gap:10px;padding:10px 0}.legend-row{display:grid;grid-template-columns:1fr 1fr;gap:8px!important}.legend-item{width:100%;display:flex;align-items:center;justify-content:space-between;color:var(--Base-White, var(--White, #000));font-size:8px!important;font-weight:500;gap:3px!important}.legend-item .total{display:flex;width:20px!important;padding:2px 5px!important;justify-content:center;align-items:center;background-color:#f6d047;border-radius:20px;color:var(--Primary-200, #000);font-size:8px!important;font-weight:600}}.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:980px}.modal-dialog .modal-content{border:none;border-radius:15px;background:var(--White, #FFF)}.modal-dialog .modal-content .modal-header{padding-top:20px}.modal-dialog .modal-content .modal-header .modal-title{color:var(--Black, #000);text-align:center;font-feature-settings:"dlig" on,"liga" off,"clig" off;font-family:Lexend;font-size:16px;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 .delete-cofirm{color:var(--table-text, #A0A0A0);text-align:center;font-family:Lexend;font-size:16px;font-style:normal;font-weight:400;line-height:22px}.modal-dialog .modal-content .modal-body .dataTables_wrapper{width:100%;padding-bottom:40px}.modal-dialog .modal-content .modal-body .dataTables_wrapper .dataTables_length,.modal-dialog .modal-content .modal-body .dataTables_wrapper .dataTables_filter,.modal-dialog .modal-content .modal-body .dataTables_wrapper .dataTables_info{display:none}.modal-dialog .modal-content .modal-body .dataTables_wrapper .dataTables_paginate{display:flex;width:100%;position:absolute;top:20px;right:150px;align-items:center;justify-content:center}.modal-dialog .modal-content .modal-body .dataTables_wrapper .dataTables_paginate ul .next-icon{transform:rotate(180deg)}.modal-dialog .modal-content .modal-body .dataTables_wrapper .dataTables_paginate .pagination .page-item.active .page-link{z-index:3;color:#fff;background-color:var(--Primary, #F6D047);border-color:var(--Primary, #F6D047);box-shadow:none}.modal-dialog .modal-content .modal-body .dataTables_wrapper .dataTables_paginate .pagination .page-link{color:#6c757d;box-shadow:none}.modal-dialog .modal-content .modal-body table{width:100%}.modal-dialog .modal-content .modal-body table tbody tr{border-bottom:none!important;border-style:hidden!important;padding:13px 16px;background:var(--Background, #f9f9f9);box-shadow:0 -1px #0000001a inset}.modal-dialog .modal-content .modal-body table tbody tr:nth-child(odd){border-bottom:none!important;border-style:hidden!important;background:var(--White, #fff);box-shadow:0 -1px #0000001a inset}.modal-dialog .modal-content .modal-body table tbody tr td{padding:5px 0}.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-body .attachment-wrapper{display:flex;flex-direction:column}.modal-dialog .modal-content .modal-body .attachment-wrapper .attachment-item{display:flex;padding:13.5px 16.875px;align-items:center;gap:11.25px;align-self:stretch;border-radius:11.25px;border:1.125px solid var(--Light-200, #F4F4F4);background:var(--Base-White, #FFF)}.modal-dialog .modal-content .modal-body .attachment-wrapper .attachment-item p{flex:1 0 0;color:var(--Base-Black, #1E1E1E);font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.7px}.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:10px;width:100%;font-feature-settings:"dlig" on,"liga" off,"clig" off;font-family:Lexend;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.modal-dialog .modal-content .modal-footer button.btn-secondary{color:var(--Primary, #F6D047);border:1px solid var(--Primary, #F6D047);background:var(--White, #FFF)}.modal-dialog .modal-content .modal-footer button.btn-primary{color:var(--Primary, #FFF);border:1px solid var(--Primary, #F6D047);background:var(--White, #F6D047)}.filter-group{width:100%;display:grid;gap:10px}.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}.filter-group .item label{color:#000;font-size:13px;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:Lexend;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.filter-group .item .add-btn{display:flex;height:36px;padding:5.625px 13.5px;justify-content:center;align-items:center;gap:5.625px;border-radius:13.5px;background:var(--Primary-1, #F6D047);color:#fff;font-family:Lexend;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.filter-group .item.date{display:flex;gap:10px;align-items:center;font-size:15;color:#aeaeae}.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-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:#f6d047;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:#f6d047;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:#aeaeae;border-radius:10px;border:.5px solid var(--Grey, #AEAEAE);background:var(--Background, #F9F9F9)}.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 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:50%;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;color:#aeaeae;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 #F6D047}.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:#aeaeae}.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 #F6D047}.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:#aeaeae}.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:10px;border:.5px solid var(--Grey, #AEAEAE);background:var(--Background, #F9F9F9);padding:0 16px;height:53px;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='9' height='5' viewBox='0 0 9 5' fill='none'%3E%3Cpath d='M1.36658 0.551747L4.34212 3.52729C4.52951 3.71468 4.6232 3.80837 4.73963 3.80837C4.85607 3.80837 4.94976 3.71468 5.13715 3.52729L8.11269 0.551747' stroke='black' stroke-width='0.843264' 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,<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}.filter-group .table-drafted-event th,.filter-group .table-drafted-event td{color:#fff!important;background-color:#2a2a2a!important;opacity:1!important}.filter-group .table-drafted-event th{background-color:#333!important}.filter-group .table-drafted-event td{border-color:#444!important}.btn-primary{background-color:#fcbb65;color:#242323;border:none;padding:10px 20px;border-radius:5px}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:Lexend;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:Lexend;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:Lexend;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:Lexend;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:Lexend;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}.card-tabel{display:flex;padding:20px;flex-direction:column;justify-content:flex-start;align-items:center;gap:25px;align-self:stretch;border-radius:12px;background:var(--White, #fff)}.card-tabel .table td,.card-tabel .table th{vertical-align:middle}.card-tabel.no-padding{padding:0}.card-tabel.mt-20{margin-top:20px}.card-tabel .title{width:100%;display:flex;justify-content:space-between}.card-tabel .title.tabel-fs-13{color:var(--Primary, #393939);font-family:Lexend;font-size:13px;font-style:normal;font-weight:500;line-height:17px}.card-tabel .title .wrapp-left,.card-tabel .title .wrapp-right{display:flex;gap:10px}.card-tabel .title .wrapp-left img,.card-tabel .title .wrapp-right img{width:16px;height:16px;padding:0 4px}.card-tabel .title .wrapp-left img.w-24,.card-tabel .title .wrapp-right img.w-24{width:24px;height:24px;padding:0}.card-tabel .title .wrapp-left p,.card-tabel .title .wrapp-right p{color:var(--Black, #000);font-style:normal;line-height:normal}.card-tabel .title .wrapp-left p.text-left,.card-tabel .title .wrapp-right p.text-left{font-size:16px;font-weight:600}.card-tabel .title .wrapp-left p.text-right,.card-tabel .title .wrapp-right p.text-right{font-size:14px;font-weight:400}.card-tabel .fs-16-600{color:#1e1e1e;font-family:Lexend;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.card-tabel .card-datatable{border:1px solid var(--Neutral-200, #f9f9f9);background:var(--Base-White, #fff);position:relative}.card-tabel .card-datatable .dataTable{margin-top:0!important;width:100%!important}.card-tabel .card-datatable .dataTable.no-footer{border-bottom:0!important}.card-tabel .card-datatable .dataTables_scrollHeadInner{width:100%!important}.card-tabel .card-datatable .dataTables_scroll table{width:100%}.card-tabel .card-datatable .dataTables_scroll table tr{height:55px}.card-tabel .card-datatable .dataTables_scroll table tr td .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;margin:auto;min-width:115px;height:26px}.card-tabel .card-datatable .dataTables_scroll table tr td .status.approved,.card-tabel .card-datatable .dataTables_scroll table tr td .status.macro{background:#5ec0a0}.card-tabel .card-datatable .dataTables_scroll table tr td .status.beauty,.card-tabel .card-datatable .dataTables_scroll table tr td .status.need-invoice,.card-tabel .card-datatable .dataTables_scroll table tr td .status.deactive,.card-tabel .card-datatable .dataTables_scroll table tr td .status.not-upload-yet,.card-tabel .card-datatable .dataTables_scroll table tr td .status.need-evidence,.card-tabel .card-datatable .dataTables_scroll table tr td .status.mega{background:#f28478}.card-tabel .card-datatable .dataTables_scroll table tr td .status.fashion,.card-tabel .card-datatable .dataTables_scroll table tr td .status.lump-sum,.card-tabel .card-datatable .dataTables_scroll table tr td .status.full-payment,.card-tabel .card-datatable .dataTables_scroll table tr td .status.need-invoice,.card-tabel .card-datatable .dataTables_scroll table tr td .status.micro{background:var(--Green, #77c6c8)}.card-tabel .card-datatable .dataTables_scroll table tr td .status.middle,.card-tabel .card-datatable .dataTables_scroll table tr td .status.lifestyle,.card-tabel .card-datatable .dataTables_scroll table tr td .status.on-going,.card-tabel .card-datatable .dataTables_scroll table tr td .status.installment,.card-tabel .card-datatable .dataTables_scroll table tr td .status.active,.card-tabel .card-datatable .dataTables_scroll table tr td .status.termin{background:var(--Primary, #f6d047)}.card-tabel .card-datatable .dataTables_scroll table tr td .status.lumpsum,.card-tabel .card-datatable .dataTables_scroll table tr td .status.macro,.card-tabel .card-datatable .dataTables_scroll table tr td .status.need-invoice-blue{background:#77c6c8}.card-tabel .card-datatable .dataTables_scroll table tr td .status.done,.card-tabel .card-datatable .dataTables_scroll table tr td .status.paid{background:var(--Green1, #5bc3a2)}.card-tabel .card-datatable .dataTables_scroll table tr td .status.Belum-Tersedia,.card-tabel .card-datatable .dataTables_scroll table tr td .status.draft,.card-tabel .card-datatable .dataTables_scroll table tr td .status.pending,.card-tabel .card-datatable .dataTables_scroll table tr td .status.need-payment-gray,.card-tabel .card-datatable .dataTables_scroll table tr td .status.need-approve-gray{background:var(--Grey, #aeaeae)}.card-tabel .card-datatable .dataTables_scroll table tr td .status.rejected,.card-tabel .card-datatable .dataTables_scroll table tr td .status.need-approve,.card-tabel .card-datatable .dataTables_scroll table tr td .status.need-payment{background:var(--Grey, #ed1e24)}.card-tabel .card-datatable .dataTables_scroll table tr td .status.next-invoice,.card-tabel .card-datatable .dataTables_scroll table tr td .status.invoice,.card-tabel .card-datatable .dataTables_scroll table tr td .status.micro{background:var(--Grey, #68e5fb)}.card-tabel .card-datatable .dataTables_scroll table tr td .status.checking,.card-tabel .card-datatable .dataTables_scroll table tr td .status.need-checking,.card-tabel .card-datatable .dataTables_scroll table tr td .status.on-progress,.card-tabel .card-datatable .dataTables_scroll table tr td .status.on-checking,.card-tabel .card-datatable .dataTables_scroll table tr td .status.on-going-oren,.card-tabel .card-datatable .dataTables_scroll table tr td .status.on-payment,.card-tabel .card-datatable .dataTables_scroll table tr td .status.nano{background:#fa8c1b}.card-tabel .card-datatable .dataTables_scroll table tr td .status.payment{background-color:#77c6c8}@media (max-width: 768px){.card-tabel .card-datatable .dataTables_scroll table tr td .status{font-size:9px;padding:8px;min-width:90px}}.card-tabel .card-datatable .dataTables_sizing svg{display:none}.card-tabel .card-datatable .dataTables_wrapper{padding-bottom:70px}.card-tabel .card-datatable .dataTables_wrapper::-webkit-scrollbar{display:none}.card-tabel .card-datatable .dataTables_wrapper div{position:static}.card-tabel .card-datatable .dataTables_wrapper>.row:nth-child(1),.card-tabel .card-datatable .dataTables_wrapper>.row:nth-child(3){margin:0 2px}.card-tabel .card-datatable .dataTables_wrapper:nth-child(2){margin:0}.card-tabel .card-datatable .dataTables_wrapper:nth-child(2)>div{padding:0}.card-tabel .card-datatable .dataTables_wrapper table{min-width:100%}.card-tabel .card-datatable .dataTables_wrapper thead{width:100%;background-color:transparent}.card-tabel .card-datatable .dataTables_wrapper th{position:relative;padding:15px 16px;justify-content:space-between;align-items:center;gap:10px;align-self:stretch;border:none;color:var(--black, #000);font-family:Lexend;font-size:14px;font-style:normal;font-weight:500;line-height:normal;background:var(--Background, #f9f9f9)}.card-tabel .card-datatable .dataTables_wrapper th .ic-sort{position:absolute;right:3px}.card-tabel .card-datatable .dataTables_wrapper th.w-10{width:10%!important}.card-tabel .card-datatable .dataTables_wrapper th.w-15{width:15%!important}.card-tabel .card-datatable .dataTables_wrapper th.w-18{width:18%!important}.card-tabel .card-datatable .dataTables_wrapper th.w-20{width:20%!important}.card-tabel .card-datatable .dataTables_wrapper th.w-33{width:33%!important}.card-tabel .card-datatable .dataTables_wrapper tbody tr{border-bottom:none!important;border-style:hidden!important;padding:13px 16px;background:var(--Background, #f9f9f9);box-shadow:0 -1px #0000001a inset}.card-tabel .card-datatable .dataTables_wrapper tbody tr:nth-child(odd){border-bottom:none!important;border-style:hidden!important;background:var(--White, #fff);box-shadow:0 -1px #0000001a inset}.card-tabel .card-datatable .dataTables_wrapper td{color:var(--black, #000);font-family:Lexend;font-size:13px;font-style:normal;font-weight:300;line-height:normal}.card-tabel .card-datatable .dataTables_wrapper td.w-10{width:10%!important}.card-tabel .card-datatable .dataTables_wrapper td.w-15{width:15%!important}.card-tabel .card-datatable .dataTables_wrapper td.w-18{width:18%!important}.card-tabel .card-datatable .dataTables_wrapper td.w-20{width:20%!important}.card-tabel .card-datatable .dataTables_wrapper td.text-center .dropdown{justify-content:center}.card-tabel .card-datatable .dataTables_wrapper td .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;margin:auto;min-width:115px;height:26px}.card-tabel .card-datatable .dataTables_wrapper td .status.approved,.card-tabel .card-datatable .dataTables_wrapper td .status.macro{background:#5ec0a0}.card-tabel .card-datatable .dataTables_wrapper td .status.beauty,.card-tabel .card-datatable .dataTables_wrapper td .status.need-invoice,.card-tabel .card-datatable .dataTables_wrapper td .status.deactive,.card-tabel .card-datatable .dataTables_wrapper td .status.not-upload-yet,.card-tabel .card-datatable .dataTables_wrapper td .status.need-evidence,.card-tabel .card-datatable .dataTables_wrapper td .status.mega{background:#f28478}.card-tabel .card-datatable .dataTables_wrapper td .status.fashion,.card-tabel .card-datatable .dataTables_wrapper td .status.lump-sum,.card-tabel .card-datatable .dataTables_wrapper td .status.full-payment,.card-tabel .card-datatable .dataTables_wrapper td .status.need-invoice,.card-tabel .card-datatable .dataTables_wrapper td .status.micro{background:var(--Green, #77c6c8)}.card-tabel .card-datatable .dataTables_wrapper td .status.middle,.card-tabel .card-datatable .dataTables_wrapper td .status.lifestyle,.card-tabel .card-datatable .dataTables_wrapper td .status.on-going,.card-tabel .card-datatable .dataTables_wrapper td .status.installment,.card-tabel .card-datatable .dataTables_wrapper td .status.active,.card-tabel .card-datatable .dataTables_wrapper td .status.termin{background:var(--Primary, #f6d047)}.card-tabel .card-datatable .dataTables_wrapper td .status.lumpsum,.card-tabel .card-datatable .dataTables_wrapper td .status.macro,.card-tabel .card-datatable .dataTables_wrapper td .status.need-invoice-blue{background:#77c6c8}.card-tabel .card-datatable .dataTables_wrapper td .status.done,.card-tabel .card-datatable .dataTables_wrapper td .status.paid{background:var(--Green1, #5bc3a2)}.card-tabel .card-datatable .dataTables_wrapper td .status.Belum-Tersedia,.card-tabel .card-datatable .dataTables_wrapper td .status.draft,.card-tabel .card-datatable .dataTables_wrapper td .status.pending,.card-tabel .card-datatable .dataTables_wrapper td .status.need-payment-gray,.card-tabel .card-datatable .dataTables_wrapper td .status.need-approve-gray{background:var(--Grey, #aeaeae)}.card-tabel .card-datatable .dataTables_wrapper td .status.rejected,.card-tabel .card-datatable .dataTables_wrapper td .status.need-approve,.card-tabel .card-datatable .dataTables_wrapper td .status.need-payment{background:var(--Grey, #ed1e24)}.card-tabel .card-datatable .dataTables_wrapper td .status.next-invoice,.card-tabel .card-datatable .dataTables_wrapper td .status.invoice,.card-tabel .card-datatable .dataTables_wrapper td .status.micro{background:var(--Grey, #68e5fb)}.card-tabel .card-datatable .dataTables_wrapper td .status.checking,.card-tabel .card-datatable .dataTables_wrapper td .status.need-checking,.card-tabel .card-datatable .dataTables_wrapper td .status.on-progress,.card-tabel .card-datatable .dataTables_wrapper td .status.on-checking,.card-tabel .card-datatable .dataTables_wrapper td .status.on-going-oren,.card-tabel .card-datatable .dataTables_wrapper td .status.on-payment,.card-tabel .card-datatable .dataTables_wrapper td .status.nano{background:#fa8c1b}.card-tabel .card-datatable .dataTables_wrapper td .status.payment{background-color:#77c6c8}@media (max-width: 768px){.card-tabel .card-datatable .dataTables_wrapper td .status{font-size:9px;padding:8px;min-width:90px}}.card-tabel .card-datatable .dataTables_wrapper td .td-produk{display:flex;gap:10px;align-items:center}.card-tabel .card-datatable .dataTables_wrapper td .td-produk p.produk{color:var(--Black, #000);font-family:Lexend;font-size:13px;font-style:normal;font-weight:300;line-height:normal}.card-tabel .card-datatable .dataTables_wrapper .dataTables_info{color:var(--Neutral-09, #101a22);text-align:right;font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:normal;padding:0;order:1;position:absolute;right:87px;margin-top:0;bottom:2px;height:40px}.card-tabel .card-datatable .dataTables_wrapper .dataTables_length{height:40px;display:flex;position:absolute;left:24px;bottom:2px}.card-tabel .card-datatable .dataTables_wrapper .dataTables_length label{color:var(--Neutral-09, #101a22);font-size:13px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:0;display:flex;width:auto;gap:10px;white-space:nowrap;align-items:flex-start}.card-tabel .card-datatable .dataTables_wrapper .dataTables_length select{border:none;box-shadow:none!important;padding-top:0;padding-bottom:0;color:var(--Neutral-09, #101a22);text-align:right;font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:normal;display:flex;align-items:flex-start}.card-tabel .card-datatable .dataTables_wrapper .dataTables_length select.custom-select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M6.00001 8.90007C5.65001 8.90007 5.30001 8.76507 5.03501 8.50007L1.77501 5.24007C1.63001 5.09507 1.63001 4.85507 1.77501 4.71007C1.92001 4.56507 2.16001 4.56507 2.30501 4.71007L5.56501 7.97007C5.80501 8.21007 6.19501 8.21007 6.43501 7.97007L9.69501 4.71007C9.84001 4.56507 10.08 4.56507 10.225 4.71007C10.37 4.85507 10.37 5.09507 10.225 5.24007L6.96501 8.50007C6.70001 8.76507 6.35001 8.90007 6.00001 8.90007Z' fill='%23101A22'/%3E%3C/svg%3E")!important;margin-left:5px;background-repeat:no-repeat!important;background-position:right}.card-tabel .card-datatable .dataTables_wrapper .dataTables_filter{display:none}.card-tabel .card-datatable .dataTables_wrapper .dataTables_paginate{margin-top:6px;position:absolute;bottom:2px;right:24px;height:47px}.card-tabel .card-datatable .dataTables_wrapper .dataTables_paginate ul .next-icon{transform:rotate(180deg)}.card-tabel .card-datatable .dataTables_wrapper .dataTables_paginate ul li.previous,.card-tabel .card-datatable .dataTables_wrapper .dataTables_paginate ul li.next{transition:all .2s ease-in;cursor:pointer}.card-tabel .card-datatable .dataTables_wrapper .dataTables_paginate ul li.previous a,.card-tabel .card-datatable .dataTables_wrapper .dataTables_paginate ul li.next a{font-family:red;margin-right:5px;width:20px;height:20px;background:#fff;font-size:20px;padding:0;border:none;box-shadow:none!important;color:#6a5959}.card-tabel .card-datatable .dataTables_wrapper .dataTables_paginate ul li.previous:hover,.card-tabel .card-datatable .dataTables_wrapper .dataTables_paginate ul li.next:hover{transform:scale(1.2)}.card-tabel .card-datatable .dataTables_wrapper .dataTables_scrollHead{overflow:unset}.card-tabel .card-datatable .dataTables_wrapper .dataTables_scrollBody{overflow:visible;border-right-width:2px}.card-base{display:flex;padding:20px;flex-direction:column;align-items:flex-start;gap:10px;border-radius:10px;background:var(--White, #fff);box-shadow:0 33px 87px #ede5e521,0 13.787px 36.347px #ede5e51a,0 7.371px 19.433px #ede5e514,0 4.132px 10.894px #ede5e512,0 2.195px 5.786px #ede5e50f,0 .913px 2.408px #ede5e50a}.card-base.gray{background:#f5f5f5}.card-base.p-15-20{padding:15px 20px}.card-base.p-15{padding:15px}.card-base.wt-bg{background-size:50%;background-image:url(/build/assets/bg-circle-wm-CN_gObGv.png);background-position:center top;background-repeat:no-repeat}.card-base.flx-row{flex-direction:row}.card-base.g-15,.card-base .g-15{gap:15px}.card-base.g-20,.card-base .g-20{gap:20px}.card-base.g-25{gap:25px}.card-base.span-2{grid-column:span 2;grid-row:span 2}.card-base.chart{display:flex;width:100%;justify-content:space-between;align-self:stretch}.card-base .wrapp-image-pp{display:flex;flex-direction:column;gap:10px}.card-base .wrapp-image-pp img{max-width:193px;max-height:193px;border-radius:10px;box-shadow:-2.489px -2.489px 7.466px #5a5e6433,2.489px 2.489px 7.466px #0000004d}.card-base .wrapp-image-pp2{display:flex;flex-direction:column;gap:10px}.card-base .wrapp-image-pp2 img{max-width:180px;max-height:180px;border-radius:10px}.card-base .avatar-profil{display:flex;width:84.966px;height:80px;justify-content:center;align-items:center;border-radius:5px;border:1px solid var(--Base-White, #fff)}.card-base .border-bottom-grey{padding-bottom:10px;border-bottom:1px solid #f4f4f4}.card-base .border-grey{border-color:#f4f4f4!important}.card-base .wrapp-right-pp{display:flex;flex-direction:column;gap:0}.card-base .wrapp-right-pp.g-15{gap:15px}.card-base .wrapp-right-pp .item{display:flex;padding:10px 16px;justify-content:left;align-items:center;gap:20px;align-self:stretch;background:var(--Background, #f9f9f9)}.card-base .wrapp-right-pp .item.light{background:var(--White, #fff)}.card-base .wrapp-right-pp .item p{font-family:Lexend;font-style:normal;color:var(--Dark-Grey, #666);line-height:normal;font-size:13px}.card-base .wrapp-right-pp .item p.label{font-weight:300;width:90px}.card-base .wrapp-right-pp .item p.value{font-weight:400}.card-base .wrapp-right-pp .wrapp-text{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex:1 0 0}.card-base .wrapp-right-pp .wrapp-text p{margin-bottom:0}.card-base .wrapp-right-pp .wrapp-text p.label{color:var(--Gray-300, #444141);font-family:Lexend;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.7px}.card-base .wrapp-right-pp .wrapp-text p.value{color:var(--Gray-100, #aeaeae);font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px}.card-base .wrapp-right-pp2{display:flex;gap:0;width:100%}.card-base .wrapp-right-pp2 .half{width:50%;display:flex;flex-direction:column;gap:15px}.card-base .wrapp-right-pp2 .half .input-group{display:flex;flex-direction:column}.card-base .wrapp-right-pp2 .half .input-group .text-2{color:#aeaeae}@media (max-width: 1024px){.card-base .wrapp-right-pp2 .half .input-group .text-1{font-size:14px}.card-base .wrapp-right-pp2 .half .input-group .text-2{font-size:13px}}.card-base .name{text-align:center;color:var(--Black, #000);font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:normal;display:flex;align-items:center;margin:0 0 0 10px}.card-base .fs-14-400{color:var(--Gray-100, #aeaeae);font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.7px}.card-base .fs-14-400.blue{color:#7dccce}.card-base .fs-14-400.blue span{color:#fa8c1b}.card-base .fs-14-400.black{color:#000}.card-base .fs-14-300{color:var(--Grey, #aeaeae);font-family:Lexend;font-size:14px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:-.7px}.card-base .fs-14-500{color:var(--Grey, #aeaeae);font-family:Lexend;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.7px}.card-base .fs-14-500.black{color:#1e1e1e}.card-base .fs-16-600{color:#1e1e1e;font-family:Lexend;font-size:16px;font-style:normal;font-weight:600;line-height:normal}.card-base .fs-16-600.wt-border-bottom{padding-bottom:10px!important;border-bottom:1px solid #dadada!important}.card-base .fs-20-600{color:var(--Primary-300, #fa8c1b);font-family:Lexend;font-size:20px;font-style:normal;font-weight:600}.card-base .fs-20-600.black{color:#000}.card-base .fs-12-400{color:var(--Grey, #aeaeae);font-size:12px;font-style:normal;font-weight:400;line-height:normal}.card-base .fs-12-400.wt-border{padding-bottom:10px;padding-top:10px;border-bottom:1px solid #f3f3f3}.card-base .fs-13-300{color:#888d91;font-family:Lexend;font-size:13px;font-style:normal;font-weight:300;line-height:normal}.card-base .fs-13-500{color:var(--Gray-300, #444141);font-family:Lexend;font-size:13px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.65px}.card-base .fs-16-400{color:var(--Font, #000);font-family:Lexend;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.card-base .dash{border-top:1px dashed #7dccce!important;width:100%;height:2px}.card-base .dash.yellow{border-top:1px dashed #f8dc75!important}.card-base .top{display:flex;justify-content:space-between;width:100%}.card-base .top.wt-bborder-bt{padding-bottom:10px;border-bottom:.4px solid var(--Primary, #f6d047)}.card-base .top .left{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.card-base .top .left p{font-style:normal;line-height:normal}.card-base .top .left p.title{color:var(--Gray-300, #444141);font-size:24px;font-weight:500;letter-spacing:-1.2px}.card-base .top .left p.title.fs-14{font-size:14px}.card-base .top .left p.title.fs-20{font-size:20px}.card-base .top .left p.sub-title{color:var(--Gray-100, var(--Grey, #aeaeae));font-size:20px;font-weight:400;letter-spacing:-1px}.card-base .top .left p.sub-title.fs-13{font-size:13px}.card-base .top .left p.sub-title.fs-14{font-size:14px}.card-base .top .right{display:flex;gap:5px}.card-base .top button.yellow{color:var(--White, #fff);font-feature-settings:"dlig" on,"liga" off,"clig" off;font-size:16px;font-style:normal;font-weight:500;line-height:normal;display:flex;width:151.5px;padding:12px 20px;justify-content:center;align-items:center;gap:5px;align-self:stretch;border-radius:10px;background:var(--Primary, #f6d047)}.card-base .top .status{display:flex;padding:3.947px 9.211px;justify-content:center;align-items:center;height:23px;color:var(--Base-White, var(--White, #fff));font-family:Lexend;font-size:13.158px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.658px;border-radius:39.474px}.card-base .top .status.radius-5{border-radius:5px}.card-base .top .status.rejected,.card-base .top .status.need-approved{background:#ed1e24}.card-base .top .status.beauty,.card-base .top .status.deactive,.card-base .top .status.pra-kerjasama{background:#f28478!important}.card-base .top .status.fashion,.card-base .top .status.blue,.card-base .top .status.pasca-kerjasama{background:var(--Green, #77c6c8)}.card-base .top .status.lifestyle,.card-base .top .status.ongoing,.card-base .top .status.active,.card-base .top .status.installment,.card-base .top .status.evidence{background:var(--Primary, #f6d047)}.card-base .top .status.done{background:var(--Green1, #5bc3a2)}.card-base .top .status.pending,.card-base .top .status.need-payment{background:var(--Grey, #aeaeae)}.card-base .top .status.checking,.card-base .top .status.on-checking{background:#fa8c1b}.card-base .top .status.invoice{background-color:#68e5fb}.card-base .top .status.payment,.card-base .top .status.lumpsum{background-color:#77c6c8}.card-base .top .status.need-approve-gray{background:var(--Grey, #aeaeae)}.card-base .desc{color:var(--Gray-100, var(--Grey, #aeaeae));text-align:justify;font-family:Lexend;font-size:14px;font-style:normal;font-weight:400;line-height:23px;letter-spacing:-.8px}.card-base .bottom.gap-10{gap:10px;padding-bottom:0}.card-base .bottom .info{display:flex;gap:3px;align-items:center;justify-content:left;width:100%}.card-base .bottom .info img{width:18px;height:18px}.card-base .bottom .info p{margin:0;color:var(--Gray-100, var(--Grey, #aeaeae));font-family:Lexend;font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.8px}.card-base .bottom .info p.dark{color:#444141}.card-base .bottom .info p.full-payment,.card-base .bottom .info p.full-paymnet{color:#77c6c8}.card-base .bottom .info p.termin{color:#f28478}.card-base .bottom .info p.label-sosmed{color:#666;font-size:13px!important;font-weight:300}.card-base .bottom .info p.label-sosmed.w-120{width:120px}.card-base .bottom .info p.value-sosmed{color:#000;font-size:13px!important;font-weight:400}.card-base .bottom .info .wrapp-value-creator{display:flex;gap:10px}.card-base .bottom .info .wrapp-value-creator img{width:16px;height:16px}.card-base .bottom .info .btn-dokumen{display:flex;width:105px;padding:4px 8px;justify-content:center;align-items:center;gap:5px;border-radius:15px;border:1px solid var(--Primary, #f6d047);background:#f8dc751f}.card-base .bottom .info .btn-dokumen p{color:var(--Black, #000)!important;text-align:center;font-family:Lexend;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.card-base .bottom .info .btn-dokumen.active{background:transparent}.card-base .bottom .info .btn-dokumen.active p{color:var(--Primary, #f6d047)!important}.card-base .bottom .info .btn-dokumen img{width:16px;height:16px}.card-base .bottom .info .status.need-payment{background:var(--Grey, #ed1e24)}.card-base .bottom .info .status.paid{background:#5ec0a0}.card-base .bottom .info .status.need-invoice,.card-base .bottom .info .status.need-approve-gray{background:var(--Grey, #aeaeae)}.card-base .wrapp-title{display:flex;justify-content:space-between;width:100%}.card-base .wrapp-title p.title{color:var(--Gray-300, #444141);font-family:Lexend;font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.8px}.card-base .wrapp-title .unduh-all{color:var(--Light-Blue, #7dccce);font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px}.card-base .file-item{display:flex;justify-content:space-between;width:100%;padding:8px 15px;align-items:center;gap:10px;align-self:stretch;border-radius:10px;border:1px solid var(--Light-200, #f4f4f4);background:var(--White, #fff);box-shadow:0 33px 87px #ede5e521,0 13.787px 36.347px #ede5e51a,0 7.371px 19.433px #ede5e514,0 4.132px 10.894px #ede5e512,0 2.195px 5.786px #ede5e50f,0 .913px 2.408px #ede5e50a}.card-base .file-item .img-file{width:30px;height:30px}.card-base .file-item p.text{margin:0;color:var(--Base-Black, #1e1e1e);font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px}.card-base .file-item .unduh-btn{display:flex;padding:3px 10px;justify-content:center;align-items:center;gap:2.5px;border-radius:30px;background:var(--Light-Blue, #7dccce);height:20px;color:var(--Base-White, var(--White, #fff));font-family:Lexend;font-size:10px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.5px}.card-base .top-detail-shipping{width:100%;justify-content:space-between;display:flex;padding:5px 0 10px;align-items:center;gap:25px;align-self:stretch;border-bottom:.4px solid var(--Primary, #f6d047)}.card-base .top-detail-shipping .title{margin:0;color:var(--Black, #000);leading-trim:both;text-edge:cap;font-family:Lexend;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.card-base .top-detail-shipping img{display:flex;width:32px;height:32px;justify-content:center;align-items:center;gap:4.278px}.card-base .center,.card-base .bottom{display:flex;padding-bottom:15px;flex-direction:column;align-items:flex-start;gap:20px;align-self:stretch}.card-base .center.gap-10,.card-base .bottom.gap-10{gap:10px}.card-base .center.border-bottom,.card-base .bottom.border-bottom{border-bottom:1px dashed #eaeaea!important}.card-base .center .wrapp-info,.card-base .bottom .wrapp-info{width:100%;display:flex;justify-content:space-between}.card-base .center .wrapp-info.mt-mines,.card-base .bottom .wrapp-info.mt-mines{margin-top:-5px}.card-base .center .wrapp-info p,.card-base .bottom .wrapp-info p{margin:0;leading-trim:both;text-edge:cap;font-family:Lexend;font-size:13px!important;font-style:normal;line-height:normal}.card-base .center .wrapp-info p.label,.card-base .bottom .wrapp-info p.label{color:var(--Dark-Grey, #666);font-weight:300}.card-base .center .wrapp-info p.value,.card-base .bottom .wrapp-info p.value{color:var(--Black, #000);font-weight:400}.card-base .info-top{display:flex;padding-bottom:15px;flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch;border-bottom:.5px dashed var(--Grey, #aeaeae)}.card-base .info-top .item{width:100%;display:flex;justify-content:space-between}.card-base .info-top .item p{margin:0}.card-base .info-top .item p.label{color:var(--Primary, #393939);font-size:13px;font-style:normal;font-weight:500;line-height:17px}.card-base .info-top .item p.value{color:var(--Dark-Grey, #666);text-align:right;font-size:13px;font-style:normal;font-weight:300;line-height:17px}.card-base .info-approval{padding-bottom:15px;border-bottom:.5px dashed var(--Grey, #aeaeae);display:flex;flex-direction:column;align-items:flex-start;gap:15px;align-self:stretch}.card-base .info-approval p{margin:0}.card-base .info-approval p.title{color:var(--Primary, #393939);font-family:Lexend;font-size:13px;font-style:normal;font-weight:500;line-height:17px}.card-base .info-approval p.sub-title{color:var(--Dark-Grey, #666);font-family:Lexend;font-size:13px;font-style:normal;font-weight:300;line-height:normal}.card-base .info-approval .item-aproval{display:flex;justify-content:space-between;width:100%}.card-base .info-approval .item-aproval .wrapp-kiri{display:flex;flex-direction:column;gap:10px}.card-base .info-approval .item-aproval .wrapp-kiri p.label{color:var(--Primary, #393939);font-family:Lexend;font-size:13px;font-style:normal;font-weight:500;line-height:17px}.card-base .info-approval .item-aproval .wrapp-kiri p.value{color:var(--Dark-Grey, #666);leading-trim:both;text-edge:cap;font-family:Lexend;font-size:13px;font-style:normal;font-weight:300;line-height:normal}.card-base .status-invoice{display:flex;height:28px;padding:8px 15px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:15px;background:var(--Green1, #5bc3a2);color:var(--White, #fff);leading-trim:both;text-edge:cap;font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:normal}.card-base .status-invoice.ongoing{background-color:#f6d047}.card-base .status-invoice.belum-tersedia{background-color:#aeaeae}.card-base .info-pembayaran{display:flex;padding-bottom:15px;border-bottom:.5px dashed var(--Grey, #aeaeae);flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch}.card-base .info-pembayaran p{margin:0}.card-base .info-pembayaran p.title{color:var(--Primary, #393939);font-family:Lexend;font-size:13px;font-style:normal;font-weight:500;line-height:17px}.card-base .info-pembayaran .item-pembayaran{display:flex;justify-content:start;align-items:center;width:100%}.card-base .info-pembayaran .item-pembayaran p.value{width:150px;color:var(--Dark-Grey, #666);leading-trim:both;text-edge:cap;font-family:Lexend;font-size:13px;font-style:normal;font-weight:300;line-height:normal}.card-base .info-komentar{display:flex;flex-direction:column;align-items:flex-start;gap:10px;align-self:stretch}.card-base .info-komentar p.title{color:var(--Primary, #393939);font-family:Lexend;font-size:13px;font-style:normal;font-weight:500;line-height:17px}.card-base .info-komentar .komentar{display:flex;padding:15px;flex-direction:column;align-items:center;border-radius:10px;background:#f8f8f9}.card-base .info-komentar .komentar .wrapp-top-komentar{width:100%;display:flex;align-items:center;gap:5px;justify-content:left}.card-base .info-komentar .komentar .wrapp-top-komentar img{display:flex;width:32px;height:32px;justify-content:center;align-items:center;border-radius:171.429px;margin-bottom:20px}.card-base .info-komentar .komentar .wrapp-top-komentar .wrapp-text{display:flex;flex-direction:column;gap:5px}.card-base .info-komentar .komentar .wrapp-top-komentar .wrapp-text p{margin:0}.card-base .info-komentar .komentar .wrapp-top-komentar .wrapp-text p.top{color:#000;font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:normal}.card-base .info-komentar .komentar .wrapp-top-komentar .wrapp-text p.bottom{color:var(--Grey, #aeaeae);leading-trim:both;text-edge:cap;font-family:Lexend;font-size:12px;font-style:normal;font-weight:300;line-height:normal}.card-base .info-komentar .komentar .desc{color:var(--Dark-Grey, #666);font-family:Lexend;font-size:12px;font-style:normal;font-weight:300;line-height:normal}.card-base .top-detail-prod,.card-base .bottom-detail-prod{display:flex;padding-bottom:15px;align-items:center;gap:20px;align-self:stretch;border-bottom:.5px dashed var(--Grey, #aeaeae)}.card-base .top-detail-prod.no-border,.card-base .bottom-detail-prod.no-border{border:none}.card-base .top-detail-prod .wrapp-img,.card-base .bottom-detail-prod .wrapp-img{width:137px!important;height:137px!important;max-width:137px!important;max-height:137px!important;display:flex;justify-content:center;align-items:center;border-radius:10px;background:var(--Gradasi1, linear-gradient(180deg, #f6d047 10%, rgba(248, 220, 117, .3) 100%))}.card-base .top-detail-prod .wrapp-img img,.card-base .bottom-detail-prod .wrapp-img img{width:137px;height:137px;max-width:137px;max-height:137px}.card-base .top-detail-prod .wrap-text,.card-base .bottom-detail-prod .wrap-text{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.card-base .top-detail-prod .wrap-text p,.card-base .bottom-detail-prod .wrap-text p{text-align:justify}.card-base .top-detail-prod .wrap-text p.top,.card-base .bottom-detail-prod .wrap-text p.top{color:var(--Primary, #393939);font-family:Lexend;font-size:13px;font-style:normal;font-weight:500;line-height:17px}.card-base .top-detail-prod .wrap-text p.bottom,.card-base .bottom-detail-prod .wrap-text p.bottom{color:var(--Dark-Grey, #666);leading-trim:both;text-edge:cap;font-family:Lexend;font-size:12px;font-style:normal;font-weight:300;line-height:17px}.card-base .detail-staff{display:flex;align-items:center;gap:20px}.card-base .detail-staff img{width:193px;height:193px;box-shadow:none}.card-base .detail-staff .wrapper{gap:12px;justify-content:space-between;background-color:transparent;display:flex;flex-direction:column}.card-base .wrapp-item-detail-staff-grid-1{display:grid;grid-template-columns:1fr;width:100%}.card-base .wrapp-item-detail-staff-grid-1 p.label{color:var(--Gray-300, #444141);font-family:Lexend;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.7px;margin-bottom:0}.card-base .wrapp-item-detail-staff-grid-1 p.value{color:var(--Gray-100, #aeaeae);font-size:13px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px}.card-base .wrapp-item-detail-staff{width:100%;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:24px;align-self:stretch}.card-base .wrapp-item-detail-staff.wt-bt{border-bottom:.5px dashed var(--Secondary, #f8dc75)}.card-base .wrapp-item-detail-staff p.label{color:var(--Gray-300, #444141);font-family:Lexend;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.7px;margin-bottom:0}.card-base .wrapp-item-detail-staff p.value{color:var(--Gray-100, #aeaeae);font-size:13px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px}.card-widget{display:flex;padding:25px;align-items:center;gap:20px;border-radius:12px;background:var(--White, #fff);box-shadow:0 9.016px 39.067px #d4d4d414,0 4.788px 20.748px #d4d4d40f,0 1.992px 8.634px #d4d4d40a}.card-widget.min-h60{min-height:60px}.card-widget.p-12{padding:12px}.card-widget.p-10{padding:10px}.card-widget.wt-border{border:1px solid var(--Light-200, #f4f4f4)}.card-widget .fs-20-600{color:var(--Neutral-09, #101a22);font-family:Lexend;font-size:20px;font-style:normal;font-weight:600;line-height:normal}.card-widget .fs-20-500{color:var(--Neutral-09, #101a22);font-family:Lexend;font-size:20px;font-style:normal;font-weight:500;line-height:normal}.card-widget .fs-16-500{color:#1e1e1e;font-size:16px;font-style:normal;font-weight:500;line-height:14px}.card-widget .fs-14-400{color:var(--Gray-100, #aeaeae);font-family:Lexend;font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.7px}.card-widget .fs-14-500{color:#1e1e1e;font-size:14px;font-style:normal;font-weight:500;line-height:14px}.card-widget .fs-12-300{color:var(--Neutral-05, #888d91);font-family:Lexend;font-size:12px;font-style:normal;font-weight:300;line-height:normal}.card-widget .fs-12-400{color:#7dccce;text-decoration:underline;font-family:Lexend;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.card-widget .fs-13-300{color:var(--Neutral-05, #888d91);font-family:Lexend;font-size:12px;font-style:normal;font-weight:300;line-height:normal}.card-widget .fs-13-400{color:var(--Base-Black, #1e1e1e);font-size:13px;font-style:normal;font-weight:400;line-height:normal}.card-widget .fs-13-400.file{text-decoration:underline}.card-widget .dash{border-top:1px dashed #7dccce!important;width:100%;height:2px}.card-widget .dash.yellow{border-top:1px dashed #f8dc75!important}.card-widget .status{color:var(--White, #fff);font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:normal;border-radius:15px}.card-widget .status.green,.card-widget .status.approved,.card-widget .status.paid{background:var(--Grey, #5ec0a0)}.card-widget .status.onchecking,.card-widget .status.on-progress,.card-widget .status.need-invoice-oren{background:#fa8c1b}.card-widget .status.Lengkap,.card-widget .status.pasca-kerjasama{background:#77c6c8}.card-widget .status.need-evidence,.card-widget .status.need-approve-kuning{background:var(--Primary-1, #f6d047)}.card-widget .status.need-payment,.card-widget .status.need-approve{background-color:#ed1e24}.card-widget .status.belum-tersedia,.card-widget .status.need-approve-gray{background:var(--Grey, #aeaeae)}.card-widget .status.need-invoice{background-color:#f28478}.card-widget .avatar-font{border-radius:5px;background:var(--Primary-1, #f6d047);display:flex;width:32px;height:32px;padding:5px;justify-content:center;align-items:center;gap:5px;color:#fffcf3;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.card-widget .unduh-btn{display:flex;padding:4px 10px;justify-content:center;align-items:center;gap:2.5px;border-radius:30px;background:var(--Light-Blue, #7dccce);height:24px;color:var(--Base-White, var(--White, #fff));font-family:Lexend;font-size:12px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.5px}.all-card{width:100%;display:flex;flex-direction:column;gap:20px}.all-card p.fs-16-500{color:var(--Black, #000);font-family:Lexend;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.all-card p.fs-12-400{color:#aeaeae;font-family:Lexend;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.all-card p.fs-12-400 span{font-weight:600;color:#000}.card-ulang-tahun{display:flex;padding:12px;align-items:center;gap:10px;justify-content:space-between;align-self:stretch;border-bottom:.1px solid var(--Dark-Grey, #e6e4e4);background:#f9f9f9}.card-ulang-tahun .left{display:flex;align-items:center;gap:10px;align-self:stretch}.card-ulang-tahun .left .avatar{width:40px;height:40px;border-radius:5px;background:url(<path-to-image>) #d3d3d3 0px -2.166px/100% 125.83% no-repeat}.card-ulang-tahun .left .name{color:var(--Font, #000);font-family:Lexend;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.card-ulang-tahun .left .badge{text-align:center;font-family:Lexend;font-size:12px;font-style:normal;font-weight:400;line-height:normal;color:#fff;display:flex;padding:8px 12px;justify-content:center;align-items:center;gap:10px;border-radius:15px;background:#f28478;width:fit-content}.card-ulang-tahun .btn-ucapan{display:flex;padding:5px 10px;justify-content:center;align-items:center;gap:2.5px;border-radius:6px;border:1px solid var(--Primary-1, #f6d047);background:transparent;color:var(--Primary-1, #f6d047);font-family:Outfit;font-size:12px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.36px}.badge-orange{display:flex;width:24px;height:24px;padding:5px;justify-content:center;align-items:center;gap:5px;border-radius:3px;background:#f6d047;color:var(--Font, #000);font-family:Outfit;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.badge-orange.p-5-12{padding:5px 12px}.badge-orange.border-radius-12{border-radius:12px}.list-item{display:flex;padding-bottom:10px;justify-content:space-between;align-items:center;align-self:stretch;width:100%;border-bottom:1px solid #f3f3f3;color:#717171;font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px}.card-append-invoice{display:flex;padding:15px;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;align-self:stretch;border-radius:10px;background:#fafafa}.card-append-invoice .info{display:flex;align-items:center;gap:10px}.card-append-invoice .info .info-img{width:60px;height:60px;flex-shrink:0;border-radius:7.143px}.card-append-invoice .info .text h6{margin-bottom:0;color:var(--Gray-300, #444141);font-size:16px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.8px}.card-append-invoice .info .text p{margin:0;font-size:14px}.card-append-invoice .info .text span.termin,.card-append-invoice .info .text span.full-payment{color:#f28478}.card-append-invoice .total{display:flex;height:40px;padding:10px 10px 10px 15px;align-items:center;gap:10px;align-self:stretch;border-radius:10px;background:#eaeaea;color:var(--Base-Black, #1e1e1e);font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px}.card-append-invoice .nama-file{color:var(--Base-Black, #1e1e1e);font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px;text-decoration-line:underline}@media (max-width: 1024px){.card-widget{display:flex;padding:12px;align-items:center;gap:20px;flex:1 0 0}.card-widget .fs-sm-14{font-size:14px}.card-widget .fs-sm-12{font-size:12px}.dataTables_wrapper{padding-bottom:70px}.dataTables_wrapper th{position:relative;padding:15px 16px;justify-content:space-between;align-items:center;gap:10px;align-self:stretch;border:none;color:var(--black, #000);font-family:Lexend;font-size:10px!important;font-style:normal;font-weight:500;line-height:normal;background:var(--Background, #f9f9f9)}.dataTables_wrapper th .ic-sort{position:absolute;right:3px}.dataTables_wrapper th.w-10{width:10%!important}.dataTables_wrapper th.w-15{width:15%!important}.dataTables_wrapper th.w-18{width:18%!important}.dataTables_wrapper th.w-20{width:20%!important}.dataTables_wrapper tbody tr{border-bottom:none!important;border-style:hidden!important;padding:13px 16px;background:var(--Background, #f9f9f9);box-shadow:0 -1px #0000001a inset}.dataTables_wrapper tbody tr:nth-child(odd){border-bottom:none!important;border-style:hidden!important;background:var(--White, #fff);box-shadow:0 -1px #0000001a inset}.dataTables_wrapper td{color:var(--black, #000);font-family:Lexend;font-size:10px!important;font-style:normal;font-weight:300;line-height:normal}.dataTables_wrapper td.w-10{width:10%!important}.dataTables_wrapper td.w-15{width:15%!important}.dataTables_wrapper td.w-18{width:18%!important}.dataTables_wrapper td.w-20{width:20%!important}.dataTables_wrapper td.text-center .dropdown{justify-content:center}.dataTables_wrapper td .td-produk{display:flex;gap:10px;align-items:center}.dataTables_wrapper td .td-produk p.produk{color:var(--Black, #000);font-family:Lexend;font-size:13px;font-style:normal;font-weight:300;line-height:normal}.dataTables_wrapper .dataTables_info{color:var(--Neutral-09, #101a22);text-align:right;font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:normal;padding:0;order:1;position:absolute;right:87px;margin-top:0;bottom:2px;height:40px}.dataTables_wrapper .dataTables_length{height:40px;display:flex;position:absolute;left:24px;bottom:2px}.dataTables_wrapper .dataTables_length label{color:var(--Neutral-09, #101a22);font-size:13px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:0;display:flex;width:auto;gap:10px;white-space:nowrap;align-items:flex-start}.dataTables_wrapper .dataTables_length select{border:none;box-shadow:none!important;padding-top:0;padding-bottom:0;color:var(--Neutral-09, #101a22);text-align:right;font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:normal;display:flex;align-items:flex-start}.dataTables_wrapper .dataTables_length select.custom-select{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13' viewBox='0 0 12 13' fill='none'%3E%3Cpath d='M6.00001 8.90007C5.65001 8.90007 5.30001 8.76507 5.03501 8.50007L1.77501 5.24007C1.63001 5.09507 1.63001 4.85507 1.77501 4.71007C1.92001 4.56507 2.16001 4.56507 2.30501 4.71007L5.56501 7.97007C5.80501 8.21007 6.19501 8.21007 6.43501 7.97007L9.69501 4.71007C9.84001 4.56507 10.08 4.56507 10.225 4.71007C10.37 4.85507 10.37 5.09507 10.225 5.24007L6.96501 8.50007C6.70001 8.76507 6.35001 8.90007 6.00001 8.90007Z' fill='%23101A22'/%3E%3C/svg%3E")!important;margin-left:5px;background-repeat:no-repeat!important;background-position:right}.dataTables_wrapper .dataTables_filter{display:none}.dataTables_wrapper .dataTables_paginate{margin-top:6px;position:absolute;bottom:2px;right:24px;height:47px}.dataTables_wrapper .dataTables_paginate ul .next-icon{transform:rotate(180deg)}.dataTables_wrapper .dataTables_paginate ul li.previous,.dataTables_wrapper .dataTables_paginate ul li.next{transition:all .2s ease-in;cursor:pointer}.dataTables_wrapper .dataTables_paginate ul li.previous a,.dataTables_wrapper .dataTables_paginate ul li.next a{font-family:red;margin-right:5px;width:20px;height:20px;background:#fff;font-size:20px;padding:0;border:none;box-shadow:none!important;color:#6a5959}.dataTables_wrapper .dataTables_paginate ul li.previous:hover,.dataTables_wrapper .dataTables_paginate ul li.next:hover{transform:scale(1.2)}.dataTables_wrapper .dataTables_scrollHead{overflow:unset}.dataTables_wrapper .dataTables_scrollBody{overflow:visible;border-right-width:2px}.dataTables_scroll table{width:100%}.dataTables_scroll table tr{height:55px}.dataTables_scroll table tr td .status{display:flex;padding:8px 15px;justify-content:center;align-items:center;gap:10px;color:var(--White, #fff);font-size:10px!important;font-style:normal;font-weight:400;line-height:normal;border-radius:15px;margin:auto;width:fit-content;height:26px}.card-base .top{display:flex;justify-content:space-between;width:100%}.card-base .top.wt-bborder-bt{padding-bottom:10px;border-bottom:.4px solid var(--Primary, #f6d047)}.card-base .top .left{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.card-base .top .left p{font-style:normal;line-height:normal}.card-base .top .left p.title{color:var(--Gray-300, #444141);font-size:20px;font-weight:500;letter-spacing:-1.2px}.card-base .top .left p.title.fs-14{font-size:14px}.card-base .top .left p.title.fs-20{font-size:20px}.card-base .top .left p.sub-title{color:var(--Gray-100, var(--Grey, #aeaeae));font-size:14px;font-weight:400;letter-spacing:-1px}.card-base .top .right{display:flex;gap:5px}.card-base .top .status{display:flex;padding:3.947px 9.211px;justify-content:center;align-items:center;height:23px;color:var(--Base-White, var(--White, #fff));font-family:Lexend;font-size:13.158px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.658px;border-radius:39.474px}.card-base .top .status.radius-5{border-radius:5px}.card-base .top .status.rejected,.card-base .top .status.need-approved{background:#ed1e24}.card-base .top .status.beauty,.card-base .top .status.deactive,.card-base .top .status.pra-kerjasama{background:#f28478!important}.card-base .top .status.fashion,.card-base .top .status.blue,.card-base .top .status.pasca-kerjasama{background:var(--Green, #77c6c8)}.card-base .top .status.lifestyle,.card-base .top .status.ongoing,.card-base .top .status.active,.card-base .top .status.installment,.card-base .top .status.evidence{background:var(--Primary, #f6d047)}.card-base .top .status.done{background:var(--Green1, #5bc3a2)}.card-base .top .status.draft,.card-base .top .status.pending,.card-base .top .status.need-payment{background:var(--Grey, #aeaeae)}.card-base .top .status.checking,.card-base .top .status.on-checking{background:#fa8c1b}.card-base .top .status.invoice{background-color:#68e5fb}.card-base .top .status.payment,.card-base .top .status.lumpsum{background-color:#77c6c8}.card-base .top .status.need-approve-gray{background:var(--Grey, #aeaeae)}.card-base .desc{color:var(--Gray-100, var(--Grey, #aeaeae));text-align:justify;font-family:Lexend;font-size:14px;font-style:normal;font-weight:400;line-height:23px;letter-spacing:-.6px}.card-base .bottom{gap:10px}.card-base .bottom .info{display:flex;gap:3px;align-items:center;justify-content:left;width:100%}.card-base .bottom .info img{width:18px;height:18px}.card-base .bottom .info p{margin:0;color:var(--Gray-100, var(--Grey, #aeaeae));font-family:Lexend;font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.8px}.card-base .bottom .info p.full-payment,.card-base .bottom .info p.full-paymnet{color:#77c6c8}.card-base .bottom .info p.termin{color:#f28478}.card-base .bottom .info p.label-sosmed{color:#666;font-size:13px!important;font-weight:300}.card-base .bottom .info p.label-sosmed.w-120{width:120px}.card-base .bottom .info p.value-sosmed{color:#000;font-size:13px!important;font-weight:400}.card-base .bottom .info .wrapp-value-creator{display:flex;gap:10px}.card-base .bottom .info .wrapp-value-creator img{width:16px;height:16px}.card-base .bottom .info .btn-dokumen{display:flex;width:105px;padding:4px 8px;justify-content:center;align-items:center;gap:5px;border-radius:15px;border:1px solid var(--Primary, #f6d047);background:#f8dc751f}.card-base .bottom .info .btn-dokumen p{color:var(--Black, #000)!important;text-align:center;font-family:Lexend;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.card-base .bottom .info .btn-dokumen.active{background:transparent}.card-base .bottom .info .btn-dokumen.active p{color:var(--Primary, #f6d047)!important}.card-base .bottom .info .btn-dokumen img{width:16px;height:16px}.card-base .bottom .info .status.need-payment{background:var(--Grey, #ed1e24)}.card-base .bottom .info .status.paid{background:#5ec0a0}.card-base .bottom .info .status.need-invoice,.card-base .bottom .info .status.need-approve-gray{background:var(--Grey, #aeaeae)}.card-base .top-detail-prod,.card-base .bottom-detail-prod{display:flex;padding-bottom:15px;align-items:center;gap:10px;align-self:stretch;border-bottom:.5px dashed var(--Grey, #aeaeae)}.card-base .top-detail-prod.no-border,.card-base .bottom-detail-prod.no-border{border:none}.card-base .top-detail-prod .wrapp-img,.card-base .bottom-detail-prod .wrapp-img{width:100px!important;height:100px!important;max-width:100px!important;max-height:100px!important;display:flex;justify-content:center;align-items:center;border-radius:10px;background:var(--Gradasi1, linear-gradient(180deg, #f6d047 10%, rgba(248, 220, 117, .3) 100%))}.card-base .top-detail-prod .wrapp-img img,.card-base .bottom-detail-prod .wrapp-img img{width:100px;height:100px;max-width:100px;max-height:100px}.card-base .top-detail-prod .wrap-text,.card-base .bottom-detail-prod .wrap-text{display:flex;flex-direction:column;align-items:flex-start;gap:5px!important}.card-base .top-detail-prod .wrap-text p,.card-base .bottom-detail-prod .wrap-text p{text-align:justify}.card-base .top-detail-prod .wrap-text p.top,.card-base .bottom-detail-prod .wrap-text p.top{color:var(--Primary, #393939);font-family:Lexend;font-size:11px;font-style:normal;font-weight:500;line-height:17px}.card-base .top-detail-prod .wrap-text p.bottom,.card-base .bottom-detail-prod .wrap-text p.bottom{color:var(--Dark-Grey, #666);leading-trim:both;text-edge:cap;font-family:Lexend;font-size:9px;font-style:normal;font-weight:300;line-height:17px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;align-self:stretch}}.wrapp-filter{display:grid!important;align-items:end;gap:10px;width:100%}.wrapp-filter.four-column{grid-template-columns:1fr repeat(3,170px)}.wrapp-filter.four-column-custom{grid-template-columns:1fr 170px 170px 300px}.wrapp-filter.three-column-custom{grid-template-columns:1fr 170px 300px}.wrapp-filter.three-column{grid-template-columns:1fr repeat(2,170px)}.wrapp-filter.two-column{grid-template-columns:1fr repeat(1,150px)}.wrapp-filter.five-column{grid-template-columns:1fr repeat(4,150px)}.wrapp-filter.full{grid-template-columns:1fr}.wrapp-filter .input-wrapper{display:flex;height:44px;padding:5px 16px;align-items:center;gap:10px;align-self:stretch;border-radius:10px;background:#f5f5f5;color:var(--Grey, #AEAEAE);font-feature-settings:"dlig" on,"liga" off,"clig" off;font-family:Lexend;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.wrapp-filter .input-wrapper input,.wrapp-filter .input-wrapper select{background:transparent;border:none;width:100%;box-shadow:none;outline:none;color:var(--Grey, #AEAEAE);font-feature-settings:"dlig" on,"liga" off,"clig" off;font-family:Lexend;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.wrapp-filter .input-wrapper input[type=date]{background-size:25px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E%3Cpath d='M10.4687 2.725V1.75C10.4687 1.49375 10.2562 1.28125 9.99999 1.28125C9.74374 1.28125 9.53124 1.49375 9.53124 1.75V2.6875H5.46874V1.75C5.46874 1.49375 5.25624 1.28125 4.99999 1.28125C4.74374 1.28125 4.53124 1.49375 4.53124 1.75V2.725C2.84374 2.88125 2.02499 3.8875 1.89999 5.38125C1.88749 5.5625 2.03749 5.7125 2.21249 5.7125H12.7875C12.9687 5.7125 13.1187 5.55625 13.1 5.38125C12.975 3.8875 12.1562 2.88125 10.4687 2.725Z' fill='%23AEAEAE'/%3E%3Cpath d='M12.5 6.6499H2.5C2.15625 6.6499 1.875 6.93115 1.875 7.2749V11.1249C1.875 12.9999 2.8125 14.2499 5 14.2499H10C12.1875 14.2499 13.125 12.9999 13.125 11.1249V7.2749C13.125 6.93115 12.8438 6.6499 12.5 6.6499ZM5.75625 11.8812C5.725 11.9062 5.69375 11.9374 5.6625 11.9562C5.625 11.9812 5.5875 11.9999 5.55 12.0124C5.5125 12.0312 5.475 12.0437 5.4375 12.0499C5.39375 12.0562 5.35625 12.0624 5.3125 12.0624C5.23125 12.0624 5.15 12.0437 5.075 12.0124C4.99375 11.9812 4.93125 11.9374 4.86875 11.8812C4.75625 11.7624 4.6875 11.5999 4.6875 11.4374C4.6875 11.2749 4.75625 11.1124 4.86875 10.9937C4.93125 10.9374 4.99375 10.8937 5.075 10.8624C5.1875 10.8124 5.3125 10.7999 5.4375 10.8249C5.475 10.8312 5.5125 10.8437 5.55 10.8624C5.5875 10.8749 5.625 10.8937 5.6625 10.9187C5.69375 10.9437 5.725 10.9687 5.75625 10.9937C5.86875 11.1124 5.9375 11.2749 5.9375 11.4374C5.9375 11.5999 5.86875 11.7624 5.75625 11.8812ZM5.75625 9.69365C5.6375 9.80615 5.475 9.8749 5.3125 9.8749C5.15 9.8749 4.9875 9.80615 4.86875 9.69365C4.75625 9.5749 4.6875 9.4124 4.6875 9.2499C4.6875 9.0874 4.75625 8.9249 4.86875 8.80615C5.04375 8.63115 5.31875 8.5749 5.55 8.6749C5.63125 8.70615 5.7 8.7499 5.75625 8.80615C5.86875 8.9249 5.9375 9.0874 5.9375 9.2499C5.9375 9.4124 5.86875 9.5749 5.75625 9.69365ZM7.94375 11.8812C7.825 11.9937 7.6625 12.0624 7.5 12.0624C7.3375 12.0624 7.175 11.9937 7.05625 11.8812C6.94375 11.7624 6.875 11.5999 6.875 11.4374C6.875 11.2749 6.94375 11.1124 7.05625 10.9937C7.2875 10.7624 7.7125 10.7624 7.94375 10.9937C8.05625 11.1124 8.125 11.2749 8.125 11.4374C8.125 11.5999 8.05625 11.7624 7.94375 11.8812ZM7.94375 9.69365C7.9125 9.71865 7.88125 9.74365 7.85 9.76865C7.8125 9.79365 7.775 9.8124 7.7375 9.8249C7.7 9.84365 7.6625 9.85615 7.625 9.8624C7.58125 9.86865 7.54375 9.8749 7.5 9.8749C7.3375 9.8749 7.175 9.80615 7.05625 9.69365C6.94375 9.5749 6.875 9.4124 6.875 9.2499C6.875 9.0874 6.94375 8.9249 7.05625 8.80615C7.1125 8.7499 7.18125 8.70615 7.2625 8.6749C7.49375 8.5749 7.76875 8.63115 7.94375 8.80615C8.05625 8.9249 8.125 9.0874 8.125 9.2499C8.125 9.4124 8.05625 9.5749 7.94375 9.69365ZM10.1312 11.8812C10.0125 11.9937 9.85 12.0624 9.6875 12.0624C9.525 12.0624 9.3625 11.9937 9.24375 11.8812C9.13125 11.7624 9.0625 11.5999 9.0625 11.4374C9.0625 11.2749 9.13125 11.1124 9.24375 10.9937C9.475 10.7624 9.9 10.7624 10.1312 10.9937C10.2437 11.1124 10.3125 11.2749 10.3125 11.4374C10.3125 11.5999 10.2437 11.7624 10.1312 11.8812ZM10.1312 9.69365C10.1 9.71865 10.0687 9.74365 10.0375 9.76865C10 9.79365 9.9625 9.8124 9.925 9.8249C9.8875 9.84365 9.85 9.85615 9.8125 9.8624C9.76875 9.86865 9.725 9.8749 9.6875 9.8749C9.525 9.8749 9.3625 9.80615 9.24375 9.69365C9.13125 9.5749 9.0625 9.4124 9.0625 9.2499C9.0625 9.0874 9.13125 8.9249 9.24375 8.80615C9.30625 8.7499 9.36875 8.70615 9.45 8.6749C9.5625 8.6249 9.6875 8.6124 9.8125 8.6374C9.85 8.64365 9.8875 8.65615 9.925 8.6749C9.9625 8.6874 10 8.70615 10.0375 8.73115C10.0687 8.75615 10.1 8.78115 10.1312 8.80615C10.2437 8.9249 10.3125 9.0874 10.3125 9.2499C10.3125 9.4124 10.2437 9.5749 10.1312 9.69365Z' fill='%23AEAEAE'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:100%}.wrapp-filter .input-wrapper input[type=date]::-webkit-calendar-picker-indicator{opacity:0}.wrapp-filter .input-wrapper .select-wrapper-arrow{width:100%}.wrapp-filter .input-wrapper .inner-input{width:100%;display:flex}.wrapp-filter .input-wrapper .inner-input.with-icon img{margin-right:10px}.wrapp-filter .input-wrapper.btn-export{display:flex;height:44px;padding:10px 16px;justify-content:center;align-items:center;gap:5px;border-radius:10px;border:1px solid var(--Primary, #F6D047);background:var(--White, #FFF)}.wrapp-filter .input-wrapper.btn-export button{background:transparent;color:var(--Primary, #F6D047);font-family:Lexend;font-size:14px;font-style:normal;font-weight:500;line-height:normal;display:flex;gap:5px;align-items:center}.wrapp-filter .input-wrapper.btn-add{display:flex;height:44px;padding:10px 16px;justify-content:center;align-items:center;gap:5px;border-radius:10px;background:var(--Primary, #F6D047)}.wrapp-filter .input-wrapper.btn-add a:hover{color:#fff!important}.wrapp-filter .input-wrapper.btn-add button{background:transparent;color:var(--Black, #000);font-family:Lexend;font-size:14px;font-style:normal;font-weight:500;line-height:normal;display:flex;gap:5px;white-space:nowrap;align-items:center}.wrapp-filter .input-wrapper.btn-add2{display:flex;height:44px;padding:10px 16px;justify-content:center;align-items:center;gap:5px;border:1px solid #F6D047;border-radius:10px;background:var(--Primary, white)}.wrapp-filter .input-wrapper.btn-add2 a:hover{color:#f6d047}.wrapp-filter .input-wrapper.btn-add2 button{background:transparent;color:#f6d047!important;font-family:Lexend;font-size:14px;font-style:normal;font-weight:500;line-height:normal;display:flex;gap:5px;white-space:nowrap;align-items:center}@media (max-width: 768px){.wrapp-filter.four-column,.wrapp-filter.four-column-custom{grid-template-columns:1fr repeat(3,115px)}.wrapp-filter.five-column{grid-template-columns:1fr repeat(4,100px)}.wrapp-filter .input-wrapper{display:flex;height:44px;padding:5px 16px;align-items:center;gap:10px;align-self:stretch;border-radius:10px;background:#f5f5f5;color:var(--Grey, #AEAEAE);font-feature-settings:"dlig" on,"liga" off,"clig" off;font-family:Lexend;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.wrapp-filter .input-wrapper input,.wrapp-filter .input-wrapper select{background:transparent;border:none;width:100%;box-shadow:none;outline:none;color:var(--Grey, #AEAEAE);font-feature-settings:"dlig" on,"liga" off,"clig" off;font-family:Lexend;font-size:10px!important;font-style:normal;font-weight:400;line-height:normal}.wrapp-filter .input-wrapper input[type=date]{background-size:25px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' fill='none'%3E%3Cpath d='M10.4687 2.725V1.75C10.4687 1.49375 10.2562 1.28125 9.99999 1.28125C9.74374 1.28125 9.53124 1.49375 9.53124 1.75V2.6875H5.46874V1.75C5.46874 1.49375 5.25624 1.28125 4.99999 1.28125C4.74374 1.28125 4.53124 1.49375 4.53124 1.75V2.725C2.84374 2.88125 2.02499 3.8875 1.89999 5.38125C1.88749 5.5625 2.03749 5.7125 2.21249 5.7125H12.7875C12.9687 5.7125 13.1187 5.55625 13.1 5.38125C12.975 3.8875 12.1562 2.88125 10.4687 2.725Z' fill='%23AEAEAE'/%3E%3Cpath d='M12.5 6.6499H2.5C2.15625 6.6499 1.875 6.93115 1.875 7.2749V11.1249C1.875 12.9999 2.8125 14.2499 5 14.2499H10C12.1875 14.2499 13.125 12.9999 13.125 11.1249V7.2749C13.125 6.93115 12.8438 6.6499 12.5 6.6499ZM5.75625 11.8812C5.725 11.9062 5.69375 11.9374 5.6625 11.9562C5.625 11.9812 5.5875 11.9999 5.55 12.0124C5.5125 12.0312 5.475 12.0437 5.4375 12.0499C5.39375 12.0562 5.35625 12.0624 5.3125 12.0624C5.23125 12.0624 5.15 12.0437 5.075 12.0124C4.99375 11.9812 4.93125 11.9374 4.86875 11.8812C4.75625 11.7624 4.6875 11.5999 4.6875 11.4374C4.6875 11.2749 4.75625 11.1124 4.86875 10.9937C4.93125 10.9374 4.99375 10.8937 5.075 10.8624C5.1875 10.8124 5.3125 10.7999 5.4375 10.8249C5.475 10.8312 5.5125 10.8437 5.55 10.8624C5.5875 10.8749 5.625 10.8937 5.6625 10.9187C5.69375 10.9437 5.725 10.9687 5.75625 10.9937C5.86875 11.1124 5.9375 11.2749 5.9375 11.4374C5.9375 11.5999 5.86875 11.7624 5.75625 11.8812ZM5.75625 9.69365C5.6375 9.80615 5.475 9.8749 5.3125 9.8749C5.15 9.8749 4.9875 9.80615 4.86875 9.69365C4.75625 9.5749 4.6875 9.4124 4.6875 9.2499C4.6875 9.0874 4.75625 8.9249 4.86875 8.80615C5.04375 8.63115 5.31875 8.5749 5.55 8.6749C5.63125 8.70615 5.7 8.7499 5.75625 8.80615C5.86875 8.9249 5.9375 9.0874 5.9375 9.2499C5.9375 9.4124 5.86875 9.5749 5.75625 9.69365ZM7.94375 11.8812C7.825 11.9937 7.6625 12.0624 7.5 12.0624C7.3375 12.0624 7.175 11.9937 7.05625 11.8812C6.94375 11.7624 6.875 11.5999 6.875 11.4374C6.875 11.2749 6.94375 11.1124 7.05625 10.9937C7.2875 10.7624 7.7125 10.7624 7.94375 10.9937C8.05625 11.1124 8.125 11.2749 8.125 11.4374C8.125 11.5999 8.05625 11.7624 7.94375 11.8812ZM7.94375 9.69365C7.9125 9.71865 7.88125 9.74365 7.85 9.76865C7.8125 9.79365 7.775 9.8124 7.7375 9.8249C7.7 9.84365 7.6625 9.85615 7.625 9.8624C7.58125 9.86865 7.54375 9.8749 7.5 9.8749C7.3375 9.8749 7.175 9.80615 7.05625 9.69365C6.94375 9.5749 6.875 9.4124 6.875 9.2499C6.875 9.0874 6.94375 8.9249 7.05625 8.80615C7.1125 8.7499 7.18125 8.70615 7.2625 8.6749C7.49375 8.5749 7.76875 8.63115 7.94375 8.80615C8.05625 8.9249 8.125 9.0874 8.125 9.2499C8.125 9.4124 8.05625 9.5749 7.94375 9.69365ZM10.1312 11.8812C10.0125 11.9937 9.85 12.0624 9.6875 12.0624C9.525 12.0624 9.3625 11.9937 9.24375 11.8812C9.13125 11.7624 9.0625 11.5999 9.0625 11.4374C9.0625 11.2749 9.13125 11.1124 9.24375 10.9937C9.475 10.7624 9.9 10.7624 10.1312 10.9937C10.2437 11.1124 10.3125 11.2749 10.3125 11.4374C10.3125 11.5999 10.2437 11.7624 10.1312 11.8812ZM10.1312 9.69365C10.1 9.71865 10.0687 9.74365 10.0375 9.76865C10 9.79365 9.9625 9.8124 9.925 9.8249C9.8875 9.84365 9.85 9.85615 9.8125 9.8624C9.76875 9.86865 9.725 9.8749 9.6875 9.8749C9.525 9.8749 9.3625 9.80615 9.24375 9.69365C9.13125 9.5749 9.0625 9.4124 9.0625 9.2499C9.0625 9.0874 9.13125 8.9249 9.24375 8.80615C9.30625 8.7499 9.36875 8.70615 9.45 8.6749C9.5625 8.6249 9.6875 8.6124 9.8125 8.6374C9.85 8.64365 9.8875 8.65615 9.925 8.6749C9.9625 8.6874 10 8.70615 10.0375 8.73115C10.0687 8.75615 10.1 8.78115 10.1312 8.80615C10.2437 8.9249 10.3125 9.0874 10.3125 9.2499C10.3125 9.4124 10.2437 9.5749 10.1312 9.69365Z' fill='%23AEAEAE'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:100%}.wrapp-filter .input-wrapper input[type=date]::-webkit-calendar-picker-indicator{opacity:0}.wrapp-filter .input-wrapper .select-wrapper-arrow{width:100%}.wrapp-filter .input-wrapper .inner-input{width:100%;display:flex}.wrapp-filter .input-wrapper .inner-input.with-icon img{margin-right:10px}.wrapp-filter .input-wrapper.btn-export{display:flex;height:44px;padding:10px 16px;justify-content:center;align-items:center;gap:5px;border-radius:10px;border:1px solid var(--Primary, #F6D047);background:var(--White, #FFF)}.wrapp-filter .input-wrapper.btn-export button{background:transparent;color:var(--Primary, #F6D047);font-family:Lexend;font-size:14px;font-style:normal;font-weight:500;line-height:normal;display:flex;gap:5px;align-items:center}.wrapp-filter .input-wrapper.btn-add{display:flex;height:44px;padding:10px 16px;justify-content:center;align-items:center;gap:5px;border-radius:10px;background:var(--Primary, #F6D047)}.wrapp-filter .input-wrapper.btn-add a:hover{color:#fff!important}.wrapp-filter .input-wrapper.btn-add button{background:transparent;color:var(--Black, #000);font-family:Lexend;font-size:14px;font-style:normal;font-weight:500;line-height:normal;display:flex;gap:5px;white-space:nowrap;align-items:center}.wrapp-filter .input-wrapper.btn-add2{display:flex;height:44px;padding:10px 16px;justify-content:center;align-items:center;gap:5px;border:1px solid #F6D047;border-radius:10px;background:var(--Primary, white)}.wrapp-filter .input-wrapper.btn-add2 a:hover{color:#f6d047}.wrapp-filter .input-wrapper.btn-add2 button{background:transparent;color:#f6d047!important;font-family:Lexend;font-size:14px;font-style:normal;font-weight:500;line-height:normal;display:flex;gap:5px;white-space:nowrap;align-items:center}}.dropdown{display:flex;justify-content:center;position:relative!important}.dropdown .action-btn{width:30px;height:30px;right:20.73px;top:0;border-radius:8.108px;background:var(--gray-light, #efeded);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='9' height='3' viewBox='0 0 9 3' fill='none'%3E%3Cpath d='M1.28383 0.802002C0.676856 0.802002 0.180237 1.29862 0.180237 1.9056C0.180237 2.51258 0.676856 3.0092 1.28383 3.0092C1.89081 3.0092 2.38743 2.51258 2.38743 1.9056C2.38743 1.29862 1.89081 0.802002 1.28383 0.802002ZM7.90542 0.802002C7.29844 0.802002 6.80183 1.29862 6.80183 1.9056C6.80183 2.51258 7.29844 3.0092 7.90542 3.0092C8.5124 3.0092 9.00902 2.51258 9.00902 1.9056C9.00902 1.29862 8.5124 0.802002 7.90542 0.802002ZM4.59463 0.802002C3.98765 0.802002 3.49103 1.29862 3.49103 1.9056C3.49103 2.51258 3.98765 3.0092 4.59463 3.0092C5.20161 3.0092 5.69823 2.51258 5.69823 1.9056C5.69823 1.29862 5.20161 0.802002 4.59463 0.802002Z' fill='black'/%3E%3C/svg%3E");transition:all .2s ease-in;position:relative}.dropdown .action-btn:hover{transform:scale(1.1)}.dropdown .dropdown-menu{border-radius:10px;background:var(--White, #fff);box-shadow:0 4px 4px #0000000f;min-width:124px;padding:0;position:relative}.dropdown .dropdown-menu.custom.show{position:fixed!important;right:60px!important;left:auto!important;top:auto!important}.dropdown .dropdown-menu.show{left:-50px!important}.dropdown .dropdown-menu .dropdown-item{background:#fff;padding:10px 12px;color:var(--Black, #000);text-align:left;font-family:Lexend;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.dropdown .dropdown-menu .dropdown-item:hover,.dropdown .dropdown-menu .dropdown-item:active{font-weight:500}.dropdown .dropdown-menu .dropdown-item-custom{background:#fff;padding:10px 12px;color:var(--Black, #000);text-align:left;font-size:14px;font-style:normal;font-weight:500;line-height:normal;border:1px solid #aeaeae;border-radius:10px}.dropdown .dropdown-menu .dropdown-item-custom:hover,.dropdown .dropdown-menu .dropdown-item-custom:active{font-weight:500}.wrap-stas-card{display:grid;grid-template-columns:repeat(3,1fr);justify-content:space-between;width:100%;gap:20px}.wrap-stas-card.gtc-4{grid-template-columns:repeat(2,1fr)}.wrap-stas-card.no-grid{width:100%;display:flex}.wrap-stas-card.gtc-2{grid-template-columns:repeat(2,1fr)}.wrap-stas-card .stats{width:100%;border:none;padding:25px;display:flex;flex-direction:row;align-items:center;justify-content:start;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;gap:20px;transition:box-shadow .3s ease-in-out}.wrap-stas-card .stats:hover{box-shadow:0 4px 6px #00000026}.wrap-stas-card .stats.p-12{padding:12px}.wrap-stas-card .stats img{width:26px;height:26px}.wrap-stas-card .stats .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)}.wrap-stas-card .stats .radius-red{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%,#fa8c1b,#fa8c1b 36.11%,#ffc88f 64.11%,#ffc88f)}.wrap-stas-card .stats .text{display:flex;flex-direction:column;justify-content:start}.wrap-stas-card .stats .text .title{color:var(--Neutral-09, #101A22);font-family:Lexend;font-size:28px;font-style:normal;font-weight:600;line-height:normal}.wrap-stas-card .stats .text .sub-title{color:var(--Dark-Grey, #666);font-family:Lexend;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.wrap-body-detail{display:grid;grid-template-columns:repeat(2,1fr);justify-content:space-between;width:100%;gap:25px}.wrap-body-detail.gtc-3-20{row-gap:20px;grid-template-columns:repeat(2,1fr) 30%}.wrap-body-detail .wrapp-dua-satu{display:grid;justify-content:space-between;width:100%;gap:15px}.wrap-body-detail.gtc-full{grid-template-columns:repeat(1,1fr)!important}.wrapp-bottom-detail{display:flex;align-items:flex-start;margin-top:20px;gap:20px}.wrapp-bottom-detail .page{display:flex;justify-content:flex-end;border-radius:9.225px;border:.461px solid var(--Grey, #AEAEAE);background:var(--White, #FFF);align-self:stretch;padding:0 13.838px 13.838px;flex-direction:column;align-items:flex-start}.wrapp-bottom-detail .page .tanggal{display:flex;padding:9.225px 0;align-items:center;gap:9.225px;align-self:stretch;color:var(--Neutral-900, #0F0509);font-family:Outfit;font-size:11px;font-style:normal;font-weight:300;line-height:normal;text-align:left}.wrapp-bottom-detail .page .head-logo{display:flex;padding:9.225px 0;justify-content:space-between;align-items:center;align-self:stretch}.wrapp-bottom-detail .page .head-logo img{width:84.873px;height:46.127px}.wrapp-bottom-detail .page .head-logo p{font-family:Lexend;font-style:normal;line-height:normal;text-align:right}.wrapp-bottom-detail .page .head-logo p.text-top{color:var(--Black, #000);font-size:12.915px;font-weight:600}.wrapp-bottom-detail .page .head-logo p.text-bottom{color:var(--Dark-Grey, #666);font-size:9.225px;font-weight:400}.wrapp-bottom-detail .page .info-tabel{width:100%;display:flex;padding:9.225px 0;justify-content:space-between;align-items:flex-start;align-self:stretch}.wrapp-bottom-detail .page .info-tabel .right,.wrapp-bottom-detail .page .info-tabel .left{display:flex;width:230.634px;flex-direction:column;align-items:flex-start;gap:4.613px}.wrapp-bottom-detail .page .info-tabel .right p,.wrapp-bottom-detail .page .info-tabel .left p{font-family:Lexend;font-style:normal;line-height:normal}.wrapp-bottom-detail .page .info-tabel .right p.title,.wrapp-bottom-detail .page .info-tabel .left p.title{color:var(--Black, #000);font-size:11px;font-weight:500}.wrapp-bottom-detail .page .info-tabel .right p.label,.wrapp-bottom-detail .page .info-tabel .left p.label{width:62.732px}.wrapp-bottom-detail .page .info-tabel .right p.label,.wrapp-bottom-detail .page .info-tabel .right p.titik-koma,.wrapp-bottom-detail .page .info-tabel .left p.label,.wrapp-bottom-detail .page .info-tabel .left p.titik-koma{color:var(--Neutral-900, #0F0509);font-family:Outfit;font-size:11px;font-weight:300}.wrapp-bottom-detail .page .info-tabel .right p.value,.wrapp-bottom-detail .page .info-tabel .left p.value{color:var(--Neutral-900, #0F0509);font-size:10px;font-weight:500}.wrapp-bottom-detail .page .info-tabel .right p.value.fw-300,.wrapp-bottom-detail .page .info-tabel .left p.value.fw-300{font-weight:300}.wrapp-bottom-detail .page .info-tabel .right .text-line,.wrapp-bottom-detail .page .info-tabel .left .text-line{display:flex;align-items:flex-start;gap:1.845px;align-self:stretch}.wrapp-bottom-detail .page .isi-tabel{width:100%;display:flex;flex-direction:column;align-items:center;gap:9.225px;border-bottom:.461px solid var(--Neutral-200, #E2E1E1)}.wrapp-bottom-detail .page .isi-tabel .wrapp-th{width:100%;display:grid;grid-template-columns:repeat(4,1fr);background:var(--Secondary, #F8DC75)}.wrapp-bottom-detail .page .isi-tabel .wrapp-th .th{padding:7.38px 9.225px;justify-content:center;align-items:center;gap:7.38px;align-self:stretch;background:var(--Secondary, #F8DC75);color:var(--Neutral-900, #0F0509);font-family:Lexend;font-size:9.225px;font-style:normal;font-weight:500;line-height:normal}.wrapp-bottom-detail .page .isi-tabel .wrapp-tr{width:100%;display:grid;grid-template-columns:repeat(4,1fr);background:#fff}.wrapp-bottom-detail .page .isi-tabel .wrapp-tr .td{padding:7.38px 9.225px;justify-content:center;align-items:center;gap:7.38px;align-self:stretch;background:var(--Secondary, white);color:var(--Neutral-900, #0F0509);font-family:Lexend;font-size:9.225px;font-style:normal;font-weight:500;line-height:normal}.wrapp-bottom-detail .page .isi-tabel .wrapp-tr .td.fw-300{font-weight:300}.wrapp-bottom-detail .page .note{width:100%;display:flex;padding:9.225px 0;flex-direction:column;justify-content:center;align-items:flex-start;gap:3.69px;align-self:stretch}.wrapp-bottom-detail .page .note p.title{color:var(--Neutral-900, #0F0509);font-size:11px;font-style:normal;font-weight:500;line-height:normal}.wrapp-bottom-detail .page .note p.desc{color:var(--Dark-Grey, #666);font-size:10px;font-style:normal;font-weight:300;line-height:12px}.wrapp-bottom-detail .page .copyright{margin-top:30px;width:100%;display:flex;justify-content:center;align-items:center}.wrapp-bottom-detail .page .copyright img{width:71.035px;height:22.141px}.wrapp-detail{display:flex;padding:25px 35px;align-items:flex-start;gap:15px;align-self:stretch}.wrapp-detail img{max-width:235px;max-height:235px;flex-shrink:0;border-radius:10px;background:#d3d3d3 0px -11.03px/100% 125% no-repeat;box-shadow:-2.489px -2.489px 7.466px #5a5e6433,2.489px 2.489px 7.466px #0000004d}.wrapp-checkbo{display:flex;width:100%;align-items:center;gap:5px}.wrapp-checkbo .form-check{display:flex;align-items:center;gap:10px;width:180px}.wrapp-checkbo .form-check label{margin-top:5px;color:var(--Dark-Grey, #666);leading-trim:both;text-edge:cap;font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:normal}.wrapp-checkbo .form-check 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}.wrapp-checkbo .form-check 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}.wrapp-checkbo .form-check input[type=checkbox]:checked,.wrapp-checkbo .form-check input[type=checkbox].checked{border:none;outline:none}.wrapp-checkbo .form-check input[type=checkbox]:checked:after,.wrapp-checkbo .form-check input[type=checkbox].checked:after{display:block}@media (min-width: 768px){.wrap-stas-card{display:flex!important;gap:10px}.wrap-stas-card .stats{width:100%;border:none;padding:25px;gap:20px}.wrap-stas-card .stats:hover{box-shadow:0 4px 6px #00000026}.wrap-stas-card .stats.p-12{padding:12px}.wrap-stas-card .stats img{width:20px;height:20px}.wrap-stas-card .stats .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)}.wrap-stas-card .stats .radius-red{display:flex;width:40px!important;height:40px!important;justify-content:center;align-items:center;border-radius:100px;background:radial-gradient(80.45% 80.45% at 50% 50%,#fa8c1b,#fa8c1b 36.11%,#ffc88f 64.11%,#ffc88f)}.wrap-stas-card .stats .text{display:flex;flex-direction:column;justify-content:start}.wrap-stas-card .stats .text .title{color:var(--Neutral-09, #101A22);font-family:Lexend;font-size:20px!important;font-style:normal;font-weight:600;line-height:normal}.wrap-stas-card .stats .text .sub-title{color:var(--Dark-Grey, #666);font-family:Lexend;font-size:10px!important;font-style:normal;font-weight:400;line-height:normal}.wrap-body-detail{gap:10px!important}}@media (min-width: 1200px){.wrap-stas-card{display:flex!important;gap:10px}.wrap-stas-card .stats{width:100%;border:none;padding:25px;gap:20px}.wrap-stas-card .stats:hover{box-shadow:0 4px 6px #00000026}.wrap-stas-card .stats.p-12{padding:12px}.wrap-stas-card .stats img{width:26px!important;height:26px!important}.wrap-stas-card .stats .radius-yellow{display:flex;width:50px!important;height:50px!important;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)}.wrap-stas-card .stats .radius-red{display:flex;width:50px!important;height:50px!important;justify-content:center;align-items:center;border-radius:100px;background:radial-gradient(80.45% 80.45% at 50% 50%,#fa8c1b,#fa8c1b 36.11%,#ffc88f 64.11%,#ffc88f)}.wrap-stas-card .stats .text{display:flex;flex-direction:column;justify-content:start}.wrap-stas-card .stats .text .title{color:var(--Neutral-09, #101A22);font-family:Lexend;font-size:28px!important;font-style:normal;font-weight:600;line-height:normal}.wrap-stas-card .stats .text .sub-title{color:var(--Dark-Grey, #666);font-family:Lexend;font-size:16px!important;font-style:normal;font-weight:400;line-height:normal}.wrap-body-detail{gap:10px!important}}.nav{display:flex;gap:3px;border-bottom:1px solid var(--Neutral-02, #CFD1D3);width:100%}.nav-link{border:none;display:flex;padding:10px;justify-content:center;align-items:center;gap:10px;border-radius:10px 10px 0 0!important;background:#f8dc75cc!important;color:var(--White, #FFF)!important;text-align:center;font-family:Lexend;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.nav-link.active{background:#f6d047!important}.nav-link-teks{border:none!important;background:none;color:var(--Gray-100, #AEAEAE);font-family:Lexend;font-size:16px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.8px}.nav-link-teks.active{font-weight:500;color:var(--Gray-300, #444141);padding-bottom:5px;position:relative}.nav-link-teks.active:after{content:"";position:absolute;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='2' viewBox='0 0 32 2' fill='none'%3E%3Cpath d='M1.32812 1H31.3281' stroke='%23444141' stroke-linecap='round'/%3E%3C/svg%3E");bottom:0;left:0;width:30px;height:2px}.tab-content{display:flex;padding:15px 20px;flex-direction:column;justify-content:center;align-items:center;gap:20px;align-self:stretch;border-radius:0 0 12px 12px;background:var(--White, #FFF)}.tab-content.no-padding{padding:0}.tab-content .tab-pane{width:100%}.tab-content2{display:flex;padding:15px 20px;flex-direction:column;justify-content:center;gap:20px;align-self:stretch;border-radius:0 0 12px 12px;background:var(--White, #FFF)}.tab-content2.no-padding{padding:0}.tab-content2 .tab-pane{width:100%}.swiper{width:100%;height:100%}.swiper .swiper-wrapper{width:100%!important}.swiper .swiper-slide{max-width:100%;height:auto;box-sizing:border-box}.swiper .swiper-pagination-bullet{transform:scale(1.2)}.swiper .swiper-pagination-bullet-active{background:#f6d047!important}.swiper .swiper-pagination.supervisor .swiper-pagination-bullet{transform:scale(1.2)}.swiper .swiper-pagination.supervisor .swiper-pagination-bullet-active{width:10px;border-radius:5px;background:#f6d047!important}.swiper .wrapp-pag-nav{display:flex;height:50px}.swiper .wrapp-pag-nav .swiper-button-next,.swiper .wrapp-pag-nav .swiper-button-prev{margin-top:230px;outline:none;border:none}.swiper .wrapp-pag-nav .swiper-button-next:after,.swiper .wrapp-pag-nav .swiper-button-prev:after{transform:scale(.3);border:2px solid white;color:#fff;border-radius:50px;background:var(--Primary, #F6D047);padding:26px 40px}.btn-unduh-white{display:flex;padding:4px 10px;justify-content:center;align-items:center;gap:5px;border-radius:15px;border:1px solid var(--Primary, #F6D047);color:var(--Primary, #F6D047);text-align:center;font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:20px}.btn-unduh-white:hover{color:var(--Primary, #F6D047)}.btn-unduh-white.w-fit{width:fit-content}.btn-unduh-white.active{color:#fff;border-radius:15px;background:var(--Primary, #F6D047)}.btn-unduh-white.active-oren{color:#fff;border-radius:15px;background:var(--Orange, #FA8C1B)}.overlay-button{position:absolute;bottom:40px;transform:translate(40%);z-index:5;display:flex;height:44px;padding:10px;justify-content:center;align-items:center;gap:5px;flex-shrink:0;border-radius:10px;background:var(--Primary, #F6D047);color:var(--White, var(--White, #FFF));text-align:center;font-feature-settings:"dlig" on,"liga" off,"clig" off;font-family:Lexend;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.overlay-button img{width:16px!important;height:16px important}.wrapp-button{width:100%;display:flex;align-items:flex-start;gap:15px}.wrapp-button.w-40{width:40%}.wrapp-button button{display:flex;padding:12px 20px;justify-content:center;align-items:center;gap:5px;align-self:stretch;border-radius:10px;width:100%;font-feature-settings:"dlig" on,"liga" off,"clig" off;font-family:Lexend;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.wrapp-button button.btn-secondary{color:var(--Primary, #F6D047);border:1px solid var(--Primary, #F6D047);background:var(--White, #FFF)}.wrapp-button button.btn-primary{color:var(--Primary, #FFF);border:1px solid var(--Primary, #F6D047);background:var(--White, #F6D047)}.wrapp-button button.btn-red{color:var(--Primary, #FFF);background:var(--White, #ED1E24)}.wrapp-button button.fs-14-500{font-size:14px}.btn-upload-file{display:flex;height:33px;padding:10px;justify-content:center;align-items:center;gap:5px;position:absolute;top:50%;left:30%;border-radius:10px;background:var(--Primary, #F6D047);color:var(--White, #FFF);text-align:center;font-feature-settings:"dlig" on,"liga" off,"clig" off;font-family:Lexend;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.btn-primarry{display:flex;padding:12px 20px;justify-content:center;align-items:center;gap:5px;align-self:stretch;border-radius:10px;background:var(--Primary, #F6D047);color:var(--White, #FFF);font-feature-settings:"dlig" on,"liga" off,"clig" off;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.btn-primarry.fs-14{font-size:14px}.btn-gray{display:flex;padding:12px 20px;justify-content:center;align-items:center;gap:5px;align-self:stretch;border-radius:10px;background:var(--Primary, #AEAEAE);color:var(--White, #FFF);font-feature-settings:"dlig" on,"liga" off,"clig" off;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.wrapp-uu{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.wrapp-uu .btn-ubah-foto-tax,.wrapp-uu .btn-ubah-foto{display:flex;padding:10px;justify-content:center;align-items:center;gap:5px;border-radius:10px;color:var(--White, #FFF);text-align:center;font-feature-settings:"dlig" on,"liga" off,"clig" off;font-family:Lexend;font-size:14px;font-style:normal;font-weight:500;line-height:normal;background:var(--Primary, #F6D047)}.wrapp-uu .btn-unduh-foto-tax,.wrapp-uu .btn-unduh-foto{display:flex;padding:10px;justify-content:center;align-items:center;gap:5px;border-radius:10px;color:var(--White, #FFF);text-align:center;font-feature-settings:"dlig" on,"liga" off,"clig" off;font-family:Lexend;font-size:14px;font-style:normal;font-weight:500;line-height:normal;background:var(--Primary, #AEAEAE)}.btn-ubah-invoice{color:#f6d047;font-family:Lexend;font-size:12px;font-style:normal;font-weight:600;line-height:normal;display:flex;padding:5px 8px;justify-content:center;align-items:center;gap:5px;border-radius:12px;border:1px solid #F6D047}.btn-outline{display:flex;height:44px;padding:10px 16px;justify-content:center;align-items:center;gap:5px;border-radius:10px;border:1px solid var(--Primary, #F6D047);background:var(--White, #FFF);color:var(--Primary, #F6D047);font-family:Lexend;font-size:14px;font-style:normal;font-weight:500;line-height:normal;white-space:nowrap}.fc{position:relative;margin-top:35px;margin-bottom:35px;font-family:Ubuntu;min-height:304px;min-width:70px}.fc-scrollgrid,.fc-scrollgrid-liquid{border:none!important}.fc table{border:none}.fc td,.fc th{border:none!important}.fc tbody{display:none}.fc-view-harness-active{height:118px!important;background:#fff}.fc-toolbar-title,.fc-today-button,.fc-dayGridMonth-button,.fc-timeGridWeek-button,.fc-timeGridDay-button{display:none!important}.fc-toolbar{display:flow!important}.fc-header-toolbar{position:absolute;width:100%}.fc-header-toolbar .fc-toolbar-chunk{width:100%!important}.fc-header-toolbar .fc-toolbar-chunk .fc-dayGridCustom-button,.fc-header-toolbar .fc-toolbar-chunk .fc-dayGridWeek-button{display:none}.fc-header-toolbar .fc-toolbar-chunk .fc-button{flex:0 0 auto!important}.fc-header-toolbar .fc-toolbar-chunk .fc-button-group{width:100%;height:2px;z-index:99999;justify-content:center;display:flex}.fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-prev-button,.fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-next-button{border:none;outline:none!important;display:flex;width:32px;height:32px;padding:5.333px;align-items:center;gap:13.333px;position:relative;border-radius:133.333px;background:var(--White, #FFF);box-shadow:0 16px 106.667px #00000017,0 4.824px 32.157px #0000000f,0 2.003px 13.356px #0000000d,0 .725px 4.831px #00000008}.fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-prev-button .fc-icon,.fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-next-button .fc-icon{color:#c6cbd1}.fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-prev-button .fc-icon-chevron-left:before,.fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-next-button .fc-icon-chevron-left:before{content:"";width:22px;height:22px;position:absolute;left:5px;background-repeat:no-repeat;background-size:cover;background-position:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='23' viewBox='0 0 22 23' fill='none'%3E%3Cpath d='M16.9383 13.2593L14.0849 10.406L12.3427 8.6549C11.6049 7.91712 10.4049 7.91712 9.66716 8.6549L5.06272 13.2593C4.45828 13.8638 4.89383 14.8949 5.73828 14.8949H10.7249H16.2627C17.1161 14.8949 17.5427 13.8638 16.9383 13.2593Z' fill='%23F6D047'/%3E%3C/svg%3E")}.fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-prev-button .fc-icon-chevron-right:before,.fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-next-button .fc-icon-chevron-right:before{content:"";width:22px;height:22px;right:5px;position:absolute;background-repeat:no-repeat;background-size:cover;background-position:center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M5.06172 9.24066L7.91506 12.094L9.65728 13.8451C10.3951 14.5829 11.5951 14.5829 12.3328 13.8451L16.9373 9.24066C17.5417 8.63622 17.1062 7.6051 16.2617 7.6051L11.2751 7.6051L5.73728 7.6051C4.88395 7.6051 4.45728 8.63622 5.06172 9.24066Z' fill='%23F6D047'/%3E%3C/svg%3E")}.fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-prev-button{top:-20px;left:15px}.fc-header-toolbar .fc-toolbar-chunk .fc-button-group .fc-next-button{right:15px;bottom:-295px}.fc-col-header-cell-cushion{display:flex!important;flex-direction:column!important}.fc-scrollgrid-sync-inner{display:flex;width:70px;padding-top:8px;padding-bottom:8px;justify-content:center;align-items:center;gap:12px;border-radius:12px;background:#f9f9f9}.fc-scrollgrid-sync-inner .custom-day{color:#aeaeae;font-family:Lexend;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.fc-scrollgrid-sync-inner .custom-date{color:var(--Black, #000);font-family:Lexend;font-size:20px;font-style:normal;font-weight:400;line-height:normal}.fc-day-today .fc-scrollgrid-sync-inner{background-color:#f6d047}.fc-day-today .custom-day,.fc-day-today .custom-date{color:#fff}.fc-col-header-cell{padding-top:0!important;padding-bottom:0!important;width:99px;cursor:pointer}.fc-day p{align-items:center;white-space:nowrap}.fc-day p.top{color:var(--Gay-100, #999);text-align:justify;leading-trim:both;text-edge:cap;font-family:Lexend;font-size:12px;font-style:normal;font-weight:300;line-height:1px;display:flex;padding:8px 29px;flex-direction:column;justify-content:center;align-items:center}.fc-day p.bottom{color:var(--Primary, #393939);text-align:center!important;font-family:Lexend;font-size:16px;font-style:normal;align-items:center!important;font-weight:500;line-height:-1px!important}.fc-day p.bottom svg{display:none}.fc-day-today p{white-space:nowrap;border:1px solid var(--Base-Yellow, #F6D047);background:#f6d047}.fc-day-today p.top{display:flex;padding:10px 29px 8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:var(--White, #FFF);text-align:center;font-family:Lexend;font-size:12px;font-style:normal;font-weight:500;line-height:1px!important}.fc-day-today p.bottom{align-items:center!important;color:var(--Base-Yellow, blue);color:var(--White, #FFF);text-align:center;font-family:Lexend;font-size:16px;font-style:normal;font-weight:500;line-height:22px}.fc-day-today p.bottom svg{display:block}.fc-dayGridWeek-view .fc-scroller,.fc-dayGridWeek-view .fc-scrollgrid,.fc-dayGridWeek-view .fc-scroller-harness{height:100%;display:flex;gap:12px;flex-direction:column;justify-content:space-between}.fc-dayGridWeek-view .fc-scroller table,.fc-dayGridWeek-view .fc-scrollgrid table,.fc-dayGridWeek-view .fc-scroller-harness table,.fc-dayGridWeek-view .fc-scroller table thead,.fc-dayGridWeek-view .fc-scrollgrid table thead,.fc-dayGridWeek-view .fc-scroller-harness table thead{height:100%}.fc-dayGridWeek-view .fc-scroller table thead tr,.fc-dayGridWeek-view .fc-scrollgrid table thead tr,.fc-dayGridWeek-view .fc-scroller-harness table thead tr{display:flex;flex-direction:column;justify-content:space-between;height:100%;gap:12px}.fc-dayGridWeek-view .fc-scroller table thead tr th,.fc-dayGridWeek-view .fc-scrollgrid table thead tr th,.fc-dayGridWeek-view .fc-scroller-harness table thead tr th,.fc-dayGridCustom-view .fc-scroller,.fc-dayGridCustom-view .fc-scrollgrid,.fc-dayGridCustom-view .fc-scroller-harness,.fc-dayGridCustom-view .fc-scroller table,.fc-dayGridCustom-view .fc-scrollgrid table,.fc-dayGridCustom-view .fc-scroller-harness table,.fc-dayGridCustom-view .fc-scroller table thead,.fc-dayGridCustom-view .fc-scrollgrid table thead,.fc-dayGridCustom-view .fc-scroller-harness table thead{height:100%}.fc-dayGridCustom-view .fc-scroller table thead tr,.fc-dayGridCustom-view .fc-scrollgrid table thead tr,.fc-dayGridCustom-view .fc-scroller-harness table thead tr{display:flex;flex-direction:column;justify-content:center;height:100%;gap:12px}.komentar{display:flex;padding:15px;flex-direction:column;align-items:center;gap:10px;margin-bottom:10px;border-radius:10px;background:#f8f8f9}.komentar .avatar{width:32px;height:32px;flex-shrink:0;border-radius:50%}.komentar p{margin-bottom:0}.komentar p.name{color:#000;font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:normal}.komentar p.desc,.komentar p.jam{color:var(--Dark-Grey, #666);font-family:Lexend;font-size:12px;font-style:normal;font-weight:300;line-height:normal}.inputan-komentar{width:100%;position:relative}.inputan-komentar input{display:flex;padding:15px 15px 15px 32px;align-items:center;gap:8px;align-self:stretch;border-radius:10px;border:.5px solid var(--Light-Blue, #7DCCCE);background:var(--Base-White, #FFF);color:var(--Gray-200, #666);font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px;position:relative;outline:none}.inputan-komentar .panah{position:absolute;right:15px;width:24px;height:24px;top:50%;transform:translateY(-50%)}.notif{display:flex;padding:10px 20px;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;align-self:stretch;width:100%;border-radius:10px}.notif .title{font-family:Lexend;font-size:14px;font-style:normal;font-weight:600;line-height:normal}.notif .desc{font-family:Lexend;font-size:13px;font-style:normal;font-weight:300;line-height:normal}.notif.succes{background:#42bc420f}.notif.succes p.title,.notif.succes p.desc{color:#42bc42}.notif.gagal{background:#e05c5c0f}.notif.gagal p.title,.notif.gagal p.desc{color:#e05c5c}.notif-oren{display:flex;padding:5px 5px 5px 10px;align-items:center;gap:8px;align-self:stretch;border-radius:6px;background:var(--Primary-100, #F6D047);color:var(--Base-Black, #1E1E1E);font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px}.toast-close{position:absolute;top:5px;right:5px;padding:0;line-height:1;opacity:1}.p-login-container{display:flex;align-items:center;justify-content:center;height:100 vh;width:100vw;background-color:#f6d047}.p-login-container .login-card-container{width:40%;display:flex;align-items:center;justify-content:center}.p-login-container .login-card-container .login-card{display:flex;padding:40px;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:80%;border-top:1px solid var(--Primary, #F6D047);border-radius:12px;background:var(--White, #FFF);box-shadow:0 4px 12px #00000021}.p-login-container .login-card-container .login-card h3{color:#000;font-weight:600;font-size:24px;text-align:center}.p-login-container .login-card-container .login-card p{color:var(--dark-grey, #666666);text-align:center;font-size:13px;font-weight:400;line-height:normal;letter-spacing:-.65px}.p-login-container .login-card-container .login-card label{color:var(--Black, #000);font-family:Lexend;font-size:14px;font-weight:400;line-height:normal;margin-bottom:8px;display:block}.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:20px;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;border-radius:10px;font-size:14px;border:.5px solid var(--Grey, #AEAEAE);background:var(--Background, #F9F9F9)}.p-login-container .login-card-container .login-card .filter-group .item .form-control:focus{box-shadow:none;outline:#F6D047;border:.5px solid #F6D047}.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 .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 .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{border-radius:900000px;box-shadow:none;margin:20px auto 0;width:100%;height:50px;gap:10px;font-size:18px;font-weight:500;background-color:#f6d047;color:#000;border:none;cursor:pointer;transition:background-color .3s}.p-login-container .login-card-container .login-card .submit-button button:hover{background-color:#f6d047}.p-login-container .logo-vector-container{width:60%;display:flex;align-items:center;justify-content:center;position:relative;background:var(--background, #F6D047)}.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:400px;height:400px;border-radius:50%;border:10px solid rgba(255,255,255,.12);z-index:1;left:20%;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}@media (min-width: 768px){.p-login-container{overflow:auto;height:100vh;padding:20px}.login-card-container{width:50%!important}.login-card-container .login-card{padding:20px!important;gap:10px!important;width:100%!important}.login-card-container .login-card h3{font-size:20px!important}.login-card-container .login-card p{font-size:14px!important}.login-card-container .login-card label{font-family:Lexend}.login-card-container .login-card .filter-group{width:100%}.login-card-container .login-card .filter-group.sm-mt-20{margin-top:20px}.login-card-container .login-card .filter-group .item{position:relative}.login-card-container .login-card .filter-group .item.submit-button{margin-bottom:0}.login-card-container .login-card .filter-group .item .icon-prefix{position:absolute;left:10px;top:65%;transform:translateY(-50%);width:20px;height:20px}.login-card-container .login-card .filter-group .item .form-control{width:100%;padding:10px 10px 10px 40px;border:1px solid #aeaeae;border-radius:5px;font-size:14px!important;color:#aeaeae;background-color:#f9f9f9}.login-card-container .login-card .filter-group .item .form-control.p-20{padding:20px}.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}.login-card-container .login-card .action,.login-card-container .login-card .action .custom-checkbox{display:flex;align-items:center}.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}.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}.login-card-container .login-card .action .custom-checkbox input[type=checkbox]:checked,.login-card-container .login-card .action .custom-checkbox input[type=checkbox].checked{border:none;outline:none}.login-card-container .login-card .action .custom-checkbox input[type=checkbox]:checked:after,.login-card-container .login-card .action .custom-checkbox input[type=checkbox].checked:after{display:block}.login-card-container .login-card .action .custom-checkbox label{margin-left:8px;color:var(--Black, #000)}.login-card-container .login-card .action .lupa-pw{color:var(--Black, #000);font-size:14px;font-style:normal;font-weight:400;line-height:normal}.login-card-container .login-card .submit-button{width:100%}.login-card-container .login-card .submit-button button{margin:20px auto 0;width:100%;height:50px;gap:10px;border-radius:12px;font-size:14px!important}.login-card-container .login-card .submit-button button:hover{background-color:#fff}.logo-vector-container{width:50%!important}.logo-vector-container .vector-container .login-vector{position:absolute;width:190px!important;height:190px!important;border-radius:50%;border:5px solid rgba(255,255,255,.12);z-index:1;left:35%!important;transform:translate(-50%,-2%)}.logo-vector-container .vector-container .login-vector2{position:absolute;width:250px!important;height:250px!important;border-radius:50%;border:15px solid rgba(255,255,255,.18);z-index:2;right:40%!important;transform:translate(50%,-2%)}.logo-vector-container .vector-container .login-logo{position:relative;z-index:3}.logo-vector-container .vector-container .login-logo img{width:226px!important;height:170px!important;object-fit:contain}}@media (min-width: 1200px){.p-login-container{height:100vh;padding:0}.login-card-container{width:40%!important}.login-card-container .login-card{padding:40px!important;gap:30px!important;width:80%!important}.login-card-container .login-card h3{font-size:24px!important}.login-card-container .login-card p{font-size:13px!important}.login-card-container .login-card label{font-family:Lexend;font-size:14px!important}.login-card-container .login-card .filter-group{width:100%}.login-card-container .login-card .filter-group.mt-30{margin-top:30px}.login-card-container .login-card .filter-group .item{position:relative;margin-bottom:0!important}.login-card-container .login-card .filter-group .item.submit-button{margin-bottom:0}.login-card-container .login-card .filter-group .item .icon-prefix{position:absolute;left:10px;top:65%;transform:translateY(-50%);width:20px;height:20px}.login-card-container .login-card .filter-group .item .form-control{width:100%;padding:10px 10px 10px 40px;border:1px solid #aeaeae;border-radius:5px;font-size:14px!important;color:#aeaeae;background-color:#f9f9f9}.login-card-container .login-card .filter-group .item .form-control.p-20{padding:20px}.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}.login-card-container .login-card .action,.login-card-container .login-card .action .custom-checkbox{display:flex;align-items:center}.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}.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}.login-card-container .login-card .action .custom-checkbox input[type=checkbox]:checked,.login-card-container .login-card .action .custom-checkbox input[type=checkbox].checked{border:none;outline:none}.login-card-container .login-card .action .custom-checkbox input[type=checkbox]:checked:after,.login-card-container .login-card .action .custom-checkbox input[type=checkbox].checked:after{display:block}.login-card-container .login-card .action .custom-checkbox label{margin-left:8px;color:var(--Black, #000)}.login-card-container .login-card .action .lupa-pw{color:var(--Black, #000);font-size:14px;font-style:normal;font-weight:400;line-height:normal}.login-card-container .login-card .submit-button{width:100%}.login-card-container .login-card .submit-button button{margin:20px auto 0;width:100%;height:50px;gap:10px;border-radius:12px;font-size:18px!important}.login-card-container .login-card .submit-button button:hover{background-color:#fff}.logo-vector-container{width:60%!important}.logo-vector-container .vector-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.logo-vector-container .vector-container .login-vector{position:absolute;width:400px!important;height:400px!important;border-radius:50%;border:10px solid rgba(255,255,255,.12);z-index:1;left:20%;transform:translate(-50%,-2%)}.logo-vector-container .vector-container .login-vector2{position:absolute;width:545px!important;height:545px!important;border-radius:50%;border:15px solid rgba(255,255,255,.18);z-index:2;right:51%;transform:translate(50%,-2%)}.logo-vector-container .vector-container .login-logo{position:relative;z-index:3}.logo-vector-container .vector-container .login-logo img{width:376.349px!important;height:287px!important;object-fit:contain}}.detail-top{display:grid;grid-template-columns:1fr 170px 170px;gap:var(--spacing-2-5, 10px)}.detail-top.one{grid-template-columns:1fr}.detail-top.four{grid-template-columns:1fr 188px 200px 200px}.detail-top.four1{grid-template-columns:21fr 45.83% 16.44% 16.44%}.detail-top.three{grid-template-columns:1fr 1fr 1fr}.detail-top.two{grid-template-columns:530px 1fr;gap:20px;margin-bottom:20px;margin-top:20px}.detail-top.two-dashboard{grid-template-columns:1fr 350px;gap:20px;margin-bottom:20px}.detail-top.two-dashboard-custom{grid-template-columns:.7fr 1fr;gap:20px;margin-bottom:20px}.detail-top.two-dashboard-custom-2{grid-template-columns:1fr .7fr;gap:20px;margin-bottom:20px}.detail-top.two-dashboard-custom2{grid-template-columns:1fr .5fr;gap:20px;margin-bottom:20px}.detail-top.two-modal{grid-template-columns:260px 1fr;gap:20px;margin-bottom:20px}.detail-top.two-influencer{grid-template-columns:1fr 305px;gap:20px;margin-bottom:10px}.detail-top.two-invoice{grid-template-columns:585px 1fr;gap:20px;background-color:#f9f9f9;margin-bottom:10px}.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{justify-content:center;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%}.detail-top .bg-wrapper.information .item .text{width:100%}.detail-top .bg-wrapper.information .item .text p{color:var(--Gray-100, #7B7878);font-size:13px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.65px;margin-bottom:5px}.detail-top .bg-wrapper.information .item .text h3{margin-bottom:0;color:var(--Primary-200, #FCBB65);font-size:16px;font-style:normal;font-weight:600;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.with-status .status.need-approve{background:#ed1e24}.detail-top .bg-wrapper.information.with-status .status.evidence{background:#f6d047}.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 .product-detail{display:grid;grid-template-columns:202px 1fr;gap:20px}.detail-top .bg-wrapper.information .product-detail .image-wrapper{width:100%}.detail-top .bg-wrapper.information .product-detail .image-wrapper img{height:100%}.detail-top .bg-wrapper.information .product-detail.w-134{grid-template-columns:134px 1fr}.detail-top .bg-wrapper.information .product-detail .text h3{color:#f6d047;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 .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-icon{border:none;padding:20px;margin-bottom:20px;display:flex;flex-direction:row;align-items:center;justify-content:start;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;gap:15px;transition:box-shadow .3s ease-in-out}.detail-top .bg-wrapper.stats-icon:hover{box-shadow:0 4px 6px #00000026}.detail-top .bg-wrapper.stats-icon img{width:26px;height:26px}.detail-top .bg-wrapper.stats-icon .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)}.detail-top .bg-wrapper.stats-icon .radius-red{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%,#fa8c1b,#fa8c1b 36.11%,#ffc88f 64.11%,#ffc88f)}.detail-top .bg-wrapper.stats-icon .text{display:flex;flex-direction:column;justify-content:start}.detail-top .bg-wrapper.stats-icon .text .title{font-size:32px;font-weight:700;color:#101a22;line-height:1.2}.detail-top .bg-wrapper.stats-icon .text .sub-title{color:#666;font-size:16px;font-weight:400;line-height:1.2}.detail-top .bg-wrapper.stats{border:none;padding:20px;display:flex;flex-direction:row;align-items:center;justify-content:start;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;gap:15px;transition:box-shadow .3s ease-in-out}.detail-top .bg-wrapper.stats:hover{box-shadow:0 4px 6px #00000026}.detail-top .bg-wrapper.stats img{width:26px;height:26px}.detail-top .bg-wrapper.stats .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)}.detail-top .bg-wrapper.stats .radius-red{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%,#fa8c1b,#fa8c1b 36.11%,#ffc88f 64.11%,#ffc88f)}.detail-top .bg-wrapper.stats .text{display:flex;flex-direction:column;justify-content:start}.detail-top .bg-wrapper.stats .text .title{font-size:18px;font-weight:700;color:#333;line-height:1.2}.detail-top .bg-wrapper.stats .text .sub-title{color:#767676;font-size:14px;font-weight:400;line-height:1.2}.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}.detail-top .image-wrapper.s-196{width:196px}.detail-top .image-wrapper img{width:100%}@media (max-width: 1200px){.detail-top.two-dashboard-custom{grid-template-columns:1fr}}.left-container{display:flex;flex-direction:column;align-items:center;width:530px}.right-invoice{display:flex;flex-direction:column;width:530px;padding-right:40px}.flex-start{margin-right:120px}.left-content{flex:2;padding:25px}.heading{display:flex;justify-content:space-between;align-items:flex-start}.heading .text h1{font-size:18px;font-weight:600;margin:0}.heading .status{font-size:12px;color:#fff;background-color:#f6d047;padding:5px 10px;border-radius:20px}.description p{font-size:14px;margin-top:10px;color:#767676}.icon-group{display:flex;flex-direction:column;gap:10px;margin-top:15px;margin-left:-49%}.icon{display:flex;align-items:center;gap:8px}.icon img{width:18px;height:18px}.icon span{font-size:14px;color:#333}.bg-wrapper.right-content{border-radius:10px;border:1px solid var(--Light-200, #F4F4F4);box-shadow:0 33px 87px #ede5e521,0 13.787px 36.347px #ede5e51a,0 7.371px 19.433px #ede5e514,0 4.132px 10.894px #ede5e512,0 2.195px 5.786px #ede5e50f,0 .913px 2.408px #ede5e50a;background-color:#fff;padding:20px}.bg-wrapper.right-content .text-head{color:var(--Black, #000);font-size:16px;font-style:normal;font-weight:600;line-height:normal}.bg-wrapper.right-content .sub-text-head{color:var(--Dark-Grey, #666);font-size:16px;font-style:normal;font-weight:400;line-height:normal}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.heading .text h2{font-size:18px;color:#333}.heading .actions .download-all{font-size:14px;color:#009dae;text-decoration:none}.file-list{display:flex;flex-direction:column;width:100%;gap:10px}.file-list.no-gap{gap:0}.file-item{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px;gap:10px;border:1px solid var(--Light-200, #F4F4F4);box-shadow:0 33px 87px #ede5e521,0 13.787px 36.347px #ede5e51a,0 7.371px 19.433px #ede5e514,0 4.132px 10.894px #ede5e512,0 2.195px 5.786px #ede5e50f,0 .913px 2.408px #ede5e50a;background-color:#fff}.file-item.border-bottom{border-bottom:1px solid var(--Gray-300, #F5F3F3)!important;border-left:none!important;border-right:none!important;border-top:none!important;box-shadow:none}.file-item .wrapp-kiri{display:flex;gap:10px}.file-item .wrapp-kiri .number{display:flex;width:25px;height:30px;flex-direction:column;justify-content:center;text-align:center;border-left:3px solid #F6D047}.file-item .wrapp-kiri .number.last{border-left:3px solid #FA8C1B}.file-item .wrapp-kiri img{width:30px;border-radius:3px}.file-item .wrapp-kiri .nama{color:var(--Black, #000);font-family:Lexend;font-size:13px;font-style:normal;font-weight:300;line-height:normal}.file-item .badge-number{min-width:34px;min-height:17px;padding:2px 18px;border-radius:21px;display:flex;justify-content:center;background:var(--Primary, #F6D047);color:var(--Black, #000);text-align:center;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.file-item .badge-number.last{border-radius:21px;background:#f8dc7580}.file-info{display:flex;align-items:center;gap:10px;flex-grow:1}.file-info span{font-size:14px;color:#333;flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.unduh{display:flex;padding:2px 18px;justify-content:center;align-items:center;gap:5px;border-radius:30px;background:var(--Light-Blue, #7DCCCE);white-space:nowrap}.unduh a{font-size:14px}.radius-yellow-small{display:flex;width:24px;height:24px;justify-content:center;align-items:center;border-radius:100%;background:radial-gradient(80.45% 80.45% at 50% 50%,#f6d047,#f6d047 36.11%,#f8dc75 64.11%,#f8dc75)}.file-info img{width:18px;height:18px}.file-info span{font-size:14px;color:#333;width:355px}.download-btn{font-size:14px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:5px}.download-btn img{width:18px;height:18px}.bookmark-tabs{display:flex}.bookmark-tabs .tab-btn{background-color:#f8dc75cc;color:#fff;padding:10px 20px;border:1px solid #ccc;border-radius:10px 10px 0 0;cursor:pointer;transition:background-color .3s}.bookmark-tabs .tab-btn.active{background-color:#f6d047;color:#fff}.table-content{display:none}.table-content.active{display:block}.white-container{background-color:#fff;border-radius:0 0 12px 12px;padding:15px 20px;margin-top:-18px}.influencer-info{display:flex;padding:20px;border-radius:10px;width:530px;box-shadow:0 2px 4px #0000001a;background-color:#fff;align-items:flex-start;gap:20px;margin-bottom:0}.influencer-info2{padding:20px;border-radius:10px;width:100%;box-shadow:0 2px 4px #0000001a;background-color:#fff;align-items:flex-start;gap:20px;margin-bottom:0}.profile{display:flex;align-items:flex-start;gap:20px}.influencer-photo{width:200px;height:200px;object-fit:cover;margin:0 1px 10px 2px;border-radius:10px;border:1px solid #ddd}.influencer-details{display:flex;flex-direction:column;gap:10px}.influencer-details .name{font-weight:700;font-size:18px}.influencer-details .info{display:flex;justify-content:space-between;font-size:14px;color:#767676}.influencer-details2{display:flex;flex-direction:column;width:100%;gap:10px}.bottom-container{padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-top:20px}.bottom-container .heading{display:flex;justify-content:space-between;align-items:center}.bottom-container .heading .text h1{font-size:18px}.bottom-container .description p{font-size:14px;color:#767676}.right-content{display:flex;flex-direction:column;justify-content:flex-start!important;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;position:relative;width:100%}.event-info{display:flex;flex-direction:column;position:relative}.event-title{font-size:14px;font-weight:300;color:#666;padding-bottom:5px}.event-name{font-size:14px;font-weight:500;color:#000;margin-bottom:5px;border-bottom:1px solid #F6D047}.info{display:flex;justify-content:space-between;align-items:center}.label{font-size:14px;color:#7b7878}.creator{display:flex;align-items:center;gap:10px}.creator-avatar{width:28px;height:28px;border-radius:50%}.date{font-size:14px;font-weight:700;color:#000}.status{font-size:14px;font-weight:700;color:#fff!important;padding:5px 10px;border-radius:20px;width:max-content;margin:auto}.status.approved{background:#5ec0a0!important}.status.rejected,.status.need-approve{background:#ed1e24!important}.status.beauty,.status.deactive,.status.need-evidence{background:#f28478!important}.status.fashion,.status.lump-sum,.status.need-invoice{background:var(--Green, #77C6C8)!important}.status.not-upload{background:#f28478!important}.status.lifestyle,.status.ongoing,.status.installment,.status.active,.status.evidence,.status.termin{background:var(--Primary, #F6D047)!important}.status.lumpsum,.status.full-payment{background:#77c6c8!important}.status.done,.status.paid{background:var(--Green1, #5BC3A2)!important}.status.pending,.status.need-approve,.status.need-payment-gray{background:var(--Grey, #AEAEAE)!important}.status.need-payment,.status.need-approve{background:var(--Grey, #ED1E24)!important}.status.next-invoice,.status.invoice{background:var(--Grey, #68E5FB)!important}.status.checking,.status.need-checking,.status.on-progress,.status.on-payment{background:#fa8c1b!important}.status.payment{background-color:#77c6c8!important}.doc-btn,.doc-btn1{display:flex;align-items:center;gap:5px;font-size:12px;background-color:#fffcec;color:#000;border:1px solid #F6D047;border-radius:30px;padding:4px 10px;cursor:pointer;transition:background-color .2s ease}.doc-btn img,.doc-btn1 img{width:16px;height:16px}.doc-btn1{position:absolute;top:15px;right:112px}.installment-btn{position:absolute;top:15px;right:1px}.installment-btn{display:flex;align-items:center;gap:5px;font-size:12px;background-color:#f6d047;color:#fff;border:none;border-radius:30px;padding:4px 10px;cursor:pointer}.installment-btn img{width:16px;height:16px}.left-invoice{display:flex;flex-direction:column;width:550px;height:600px;margin-left:30px;padding:15px;gap:22.523px;border-radius:13.514px;background:var(--White, #FFF)}.invoice{border:1px solid #AEAEAE;border-radius:10px;padding:10px}.date-time p{font-size:8px;color:#0f0509}.invoice-header{display:flex;justify-content:space-between;align-items:center}.invoice-logo{width:84px;height:46px}.invoice-info h1{font-size:13px;font-weight:700;color:#000}.invoice-info p{font-size:9px;color:#666}.invoice-details{display:flex;justify-content:space-between;margin-top:20px}.to-influencer h6,.payment h6{font-size:10px;font-weight:500;margin-bottom:5px}.to-influencer p,.payment p{font-size:7.38px;color:#7b7878}.invoice-table{width:100%;margin-top:20px;border-collapse:collapse}.invoice-table th,.invoice-table td{padding:10px;font-size:9.5px;border-bottom:1px solid #ccc}.invoice-summary{margin-top:20px;font-size:9.5px;text-align:right}.summary-row{display:flex;justify-content:space-between;margin-bottom:5px}.summary-row.total{font-weight:700;font-size:9.5px}.invoice-note{margin-top:20px;padding:10px;font-size:7.5px;background-color:#f6f6f6;border-radius:10px}.invoice-footer{text-align:center;margin-top:20px}.footer-logo{width:100px}.pagination-buttons{display:flex;justify-content:space-between;align-items:center}.pagination-prev,.pagination-next{background:none;border:none;cursor:pointer}.pagination-dots{display:flex;gap:5px}.dot{width:8px;height:8px;border-radius:50%;background-color:#ccc}.dot.active{background-color:#f6d047}.right-invoice{background-color:#fff;padding:20px;width:100%;border-radius:10px;position:relative;z-index:2;box-shadow:0 2px 4px #0000001a}.invoice-details-header{display:flex;justify-content:space-between;margin-bottom:20px}.invoice-info-left p,.invoice-info-right p{font-size:14px;color:#7b7878;margin-bottom:5px}.invoice-info-left h6,.invoice-info-right h6{font-size:16px;font-weight:700;margin-bottom:10px}.status-onchecking{background-color:#f6d047;padding:4px 10px;border-radius:20px;color:#fff;font-size:12px;text-align:center;width:max-content}.line-invoice{width:100%;height:1px;border:.5px dashed #AEAEAE;margin-top:20px;margin-bottom:20px}.bg-img-invoice{position:absolute;top:10;left:10;z-index:-1}.bg-img-invoice img{position:absolute;top:50px;left:150px;z-index:1}.approval-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.approval-info .role{font-size:14px;color:#7b7878;margin-right:10px;display:block}.approval-info .name{font-size:16px;font-weight:700;color:#000;display:block;margin-top:5px}.approval-status{font-size:12px;color:#4caf50;font-weight:700;text-align:right}.payment-proof{margin-bottom:20px}.payment-proof h6{font-size:16px;font-weight:700;margin-bottom:10px}.proof-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.proof-item p{font-size:14px;color:#7b7878;margin-right:10px}.proof-btn{background-color:#fffcec;color:#000;border:1px solid #F6D047;padding:4px 10px;border-radius:30px;font-size:12px;display:flex;align-items:center;gap:5px;cursor:pointer;transition:background-color .2s ease}.proof-btn img{width:16px;height:16px}.comments-section h6{font-size:16px;font-weight:700;margin-bottom:10px}.comment{display:flex;align-items:flex-start;padding:10px;background-color:#f6f6f6;border-radius:10px;margin-bottom:10px}.commenter-photo{width:40px;height:40px;border-radius:50%;margin-right:10px}.comment-content{flex:1}.comment-content h6{font-size:14px;font-weight:700;margin-bottom:5px}.comment-role{font-size:12px;color:#7b7878;margin-bottom:10px}.comment-content p{font-size:14px;color:#000}.header-invoice{display:flex;justify-content:space-between;align-items:flex-start}.invoice-left{display:flex;flex-direction:column;justify-content:flex-start}.invoice-right{display:flex;flex-direction:column;align-items:flex-end}.invoice-right p{margin:0;font-size:14px;color:#7b7878}.status-btn{background-color:#f6d047;color:#000;border:none;padding:5px 15px;border-radius:20px;font-size:12px;font-weight:700;margin-top:10px}.profile-container{display:flex;gap:40px;margin-top:20px}.orange-color{color:#fcbb65;font-size:14px;font-style:normal;font-weight:400;line-height:small;letter-spacing:-.65px}.p-color{color:var(--Gray-100, #7B7878);font-size:12px;font-style:small;font-weight:400;letter-spacing:-.65px}.staff-profile{display:flex;flex-direction:column;align-items:center;width:395px;background-color:var(--Dark-100, #242323);padding:20px;box-sizing:border-box;border-radius:10px}.staff-profile .image-wrapper{width:335px;height:332px;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.staff-profile .image-wrapper img{width:100%;height:100%;object-fit:cover;border-radius:8px}.bg-wrapper1.information1{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}.edit-button{width:100%;padding:10px;background-color:#fcbb65;color:#000;text-align:center;border-radius:5px;cursor:pointer;margin-top:10px}.change-password-button{width:100%;padding:10px;background-color:#fff;color:#000;text-align:center;border-radius:5px;cursor:pointer;margin-top:10px}.edit-profile-form{background-color:var(--Dark-100, #242323);padding:20px;border-radius:10px;width:570px;height:480px}.edit-profile-form h2{margin-bottom:20px;font-size:20px;color:#fff;text-align:center}.edit-profile-form .form-group{margin-bottom:15px}.edit-profile-form .form-group label{display:block;margin-bottom:8px;color:#fff}.edit-profile-form .file-input-wrapper{display:flex;align-items:center}.edit-profile-form .file-input-wrapper input[type=file]{flex-grow:1;margin-right:10px}.edit-profile-form .change-btn{background-color:#fcbb65;padding:5px 15px;border:none;color:#242323;cursor:pointer;border-radius:5px}.edit-profile-form .form-group input{width:100%;padding:10px;border-radius:5px;border:none;background-color:#2c2c2c;color:#fff}.edit-profile-form .form-actions{display:flex;justify-content:space-between}.edit-profile-form .save-btn{background-color:#fcbb65;padding:10px 20px;border:none;color:#242323;cursor:pointer;border-radius:5px;width:45%}.edit-profile-form .cancel-btn{background-color:var(--Dark-300, #2C2C2C);padding:10px 20px;border:none;color:#fff;cursor:pointer;border-radius:5px;width:45%}.changePassword-form{background-color:var(--Dark-100, #242323);padding:20px;border-radius:10px;width:570px;height:390px}.changePassword-form h2{margin-bottom:20px;font-size:20px;color:#fff;text-align:center}.changePassword-form .form-group{position:relative;margin-bottom:15px}.changePassword-form .form-group label{display:block;margin-bottom:8px;color:#fff}.changePassword-form .file-input-wrapper{display:flex;align-items:center}.changePassword-form .form-group input{width:100%;padding:10px 40px 10px 10px;border-radius:5px;border:none;background-color:#2c2c2c;color:#fff;box-sizing:border-box}.changePassword-form .icon-suffix{position:absolute;top:70%;right:10px;transform:translateY(-50%);width:20px;height:20px}.changePassword-form .form-actions{display:flex;justify-content:space-between}.changePassword-form .save-btn{background-color:#fcbb65;padding:10px 20px;border:none;color:#242323;cursor:pointer;border-radius:5px;width:45%}.changePassword-form .cancel-btn{background-color:var(--Dark-300, #2C2C2C);padding:10px 20px;border:none;color:#fff;cursor:pointer;border-radius:5px;width:45%}.shipping-info{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;border-radius:10px;width:100%;box-shadow:0 2px 4px #0000001a;background-color:#fff;margin-bottom:30px;position:relative}.shipping-details{display:flex;flex-direction:column;gap:10px;flex:1}.info{display:flex;justify-content:space-between;padding:0}.info p{font-size:14px;color:#7b7878;margin-right:10px;margin-top:14px}.info p.dark{color:#000}.info p.termin{color:#f28478}.info p.full-payment{color:#77c6c8}.background-grey{background-color:#f9f9f9}.info span{font-size:14px;color:#000;font-weight:700}.info img{width:12px;height:12px;margin-right:5px}.info button{border-radius:15px;padding:4px 8px;border:1px solid var(--Primary, #F6D047);background-color:#fff;color:#f6d047}.pic{display:flex;width:355.75px;flex-direction:column;align-items:flex-start}.pic p{color:var(--Dark-Grey, #666);font-family:Lexend;font-size:13px;font-style:normal;font-weight:300;line-height:normal}.pic span{color:var(--Black, #000);font-family:Lexend;font-size:13px;font-style:normal;font-weight:400;line-height:normal}.icon-shipping{position:absolute;top:15px;right:15px;width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:radial-gradient(80.45% 80.45% at 50% 50%,#f6d047,#f6d047 36.11%,#f8dc75 64.11%,#f8dc75)}.icon-shipping img{width:24px;height:24px}p{margin-bottom:0rem!important}.product-list{width:100%}.product-list-item{margin-bottom:10px;display:flex;padding:var(--spacing-2-5, 10px) 15px;align-items:center;align-self:stretch;gap:15px;border-radius:7px;border:1px solid var(--Dark-400, #363636);background:var(--Dark-200, #282727)}.product-list-item .image-wrapper{width:95.434px;height:95.434px}.product-list-item .image-wrapper img{width:100%}.product-list-item .text{flex:1 0 0}.product-list-item .text p{margin-bottom:10px;font-size:16px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.8px}.product-list-item .text p.title{color:var(--Base-White, var(--White, #FFF))}.product-list-item .text p.total{font-weight:500;color:#fcbb65}.product-list-item .counter,.product-list-item .delete{color:#fff;display:flex;padding:var(--spacing-2-5, 10px);align-items:center;gap:26px;border-radius:10px;border:1px solid var(--Dark-400, #363636);background:var(--Dark-300, #2C2C2C)}.product-info{display:flex;gap:20px;align-items:flex-start}.product-image{width:137px;height:137px;border-radius:10px}.product-description{font-size:13px;line-height:1.5;max-width:500px}.product-description h3{font-size:16px;font-weight:700;margin-bottom:10px}.composition{margin-top:20px;font-size:13px}.composition h4{font-size:14px;font-weight:700;margin-bottom:10px}.benefits,.usage{font-size:13px}.benefits{text-align:left;width:100%;margin-left:30px}.benefits h4,.usage h4{font-size:14px;font-weight:700;margin-bottom:10px}.benefits ul{list-style-type:disc;margin-left:20px}.usage{margin-top:20px}.input-icon{position:absolute;top:65%;transform:translateY(-50%)}.input-icon.left{left:10px}.border-color{border-left:1px solid #F6D047}.input-icon.right{right:10px}.staff-detail{display:flex;justify-content:space-between;align-items:center;padding:20px;border-radius:10px;position:relative}.staff-image img{width:235px;height:235px;border-radius:10px}.staff-info{display:flex;width:100%;padding-left:20px}.influencer-details1{display:grid;grid-template-columns:1fr 1fr;column-gap:50px}.details{display:flex;flex-direction:column;padding:10px 0}.details p{font-size:13px;color:#7b7878;margin-bottom:5px}.details span{font-size:13px;color:#000;font-weight:700}.status-box{position:absolute;top:68%;right:35%}.status-active{background-color:#f6d047;padding:5px 15px;border-radius:20px;color:#fff;font-size:13px}body,html{background-color:#f9f9f9;margin:0;padding:0;font-family:Arial,sans-serif}.p-dashboard{display:flex}.loader{width:20px;height:20px;border:5px solid #FFF;border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wrapper{width:calc(100% - 196px);background-color:#f9f9f9}.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);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:30px 35px;background-color:#f9f9f9}.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{border-radius:10px;padding:20px;background-color:#fff;box-shadow:0 2px 4px #0000001a;height:100%}.content-dashboard .right-container{flex:1;display:flex;flex-direction:column;width:100%;gap:20px}.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%;border-radius:10px;padding:20px;background-color:#fff;box-shadow:0 2px 4px #0000001a;height:100%}.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}.supervisor-activity-dashboard-first-section{display:grid;grid-template-columns:1fr 350px;grid-template-rows:repeat(3,auto);grid-column-gap:20px;grid-row-gap:20px}.supervisor-activity-dashboard-first-section .grid-1{grid-area:1/1/3/2}.supervisor-activity-dashboard-first-section .grid-2{grid-area:1/2/3/3;display:flex;flex-direction:column;gap:20px}@media (max-width: 1200px){.supervisor-activity-dashboard-first-section{display:flex;flex-direction:column-reverse}.supervisor-activity-dashboard-first-section .grid-2{flex-direction:row}}@media (max-width: 992px){.supervisor-activity-dashboard-first-section .grid-2{flex-direction:column}}.supervisor-activity-dashboard-second-section{display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(3,auto);grid-column-gap:20px;grid-row-gap:20px}.supervisor-activity-dashboard-second-section .grid-1{grid-area:1/1/2/2}.supervisor-activity-dashboard-second-section .grid-2{grid-area:1/2/2/3}.supervisor-activity-dashboard-second-section .grid-3{grid-area:2/1/3/3}@media (max-width: 1200px){.supervisor-activity-dashboard-second-section .grid-1{grid-area:1/1/2/3}.supervisor-activity-dashboard-second-section .grid-2{grid-area:2/2/3/3}.supervisor-activity-dashboard-second-section .grid-3{grid-area:2/1/3/2}}@media (max-width: 992px){.supervisor-activity-dashboard-second-section{display:flex;flex-direction:column}}.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;height:100%}.bg-wrapper.g-25{gap:25px}.bg-wrapper .heading{display:flex;justify-content:space-between;width:100%;align-items:center}.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}.chart-head{color:var(--Black, #000);font-family:Lexend;font-size:16px;font-style:normal;font-weight:600;line-height:normal;margin-left:5px}@media (min-width: 768px){.wrapper{width:calc(100% - 150px);background-color:#f9f9f9}.content-dashboard{padding:15px!important}.content-dashboard .row .col-4{padding-left:5px;padding-right:5px}.content-dashboard .right-container .bottom-container.md-h-auto{height:auto}.left-chart{width:65%!important}.right-chart{width:35%!important}.content-wrapper{padding:10px 20px 20px}.bg-wrapper.right-content{padding:10px}.stats{padding:20px 6px!important;width:100%!important}.stats .radius-yellow{width:40px!important;height:40px!important}.stats .radius-yellow img{width:20px;height:20px}.stats .text .title{font-size:20px!important}.stats .text .sub-title{font-size:10px!important}.sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid #ddd}.content,.content .dashboard-grid{flex-direction:column}.content .chart-container,.content .right-container{flex:none}.content .right-container .bottom-container.md-h-auto{height:auto}}@media (min-width: 1200px){.wrapper{width:calc(100% - 196px);background-color:#f9f9f9}.left-chart{width:66.6%!important}.right-chart{width:33.3%!important}.stats{padding:25px!important;width:100%!important}.stats .radius-yellow{width:40px!important;height:40px!important}.stats .radius-yellow img{width:20px;height:20px}.stats .text .title{font-size:20px!important}.stats .text .sub-title{font-size:10px!important}.wrapper{width:calc(100% - 250px)}}@media (max-width: 1200px){.content-dashboard .right-container:first-of-type{flex-direction:row;flex-wrap:wrap}}