@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";html,body{overscroll-behavior:none;font-family:Poppins,sans-serif!important}html p,html i,body p,body i{margin:0;padding:0}html button:disabled,body button:disabled{opacity:.65}.floating-button{position:fixed;bottom:20px;right:20px;z-index:100;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;border-radius:10px;background-color:#d3d3d3;padding:10px}.floating-button .text-1{color:#fff;padding:10px 20px;background-color:green;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin-right:10px;text-decoration:none}.floating-button .text-2{color:#fff;padding:10px 20px;background-color:red;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-decoration:none}.opacity-50{opacity:.5}.button-warning{background-color:#ffc107!important;color:#fff!important}.notifikasi{position:fixed;top:30px;right:30px;z-index:100;display:none}.notifikasi .content-box{height:60vh;overflow-y:scroll;scrollbar-width:none}.notifikasi .content-box .text-1{font-size:14px}.notifikasi .content-box::-webkit-scrollbar{display:none}.notifikasi .card{z-index:10;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;max-width:500px;position:relative}.notifikasi .card .content-box{height:60vh;overflow-y:auto}.notifikasi .card .top{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 20px;border-bottom:1px solid #dadefb}.notifikasi .card .top i{cursor:pointer}.notifikasi .card .bottom{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 20px;cursor:pointer;border-top:1px solid #dadefb}.notifikasi .card .title{display:flex;flex-direction:column;padding:20px;border:1px solid #DEDDDD;position:relative;cursor:pointer}.notifikasi .card .title img{position:absolute;right:20px;top:60px;cursor:pointer}.notifikasi .card .title .group2{display:flex;align-items:center;gap:10px}.notifikasi .card .title .group2 .text-1{font-size:20px;font-weight:500;color:#ffc107}.notifikasi .card .title .group1{display:flex;flex-direction:column;margin-left:30px;margin-top:2px;text-align:left;margin-right:50px}.notifikasi .card .title .group1 .text-inside{font-size:16px;font-weight:400;text-align:left}.notifikasi .card .title .group1 .text-inside2{display:flex;align-items:center;margin-top:10px;font-size:16px;font-weight:500;color:#686868;text-align:left}.notifikasi .card .title .group1 .text-inside2 .circle-dot{width:10px;height:10px;border-radius:50%;background-color:#3c7dd9;margin-right:10px}.notifikasi .card .title:hover{background-color:#f4f3f8}.wrapper{display:flex;width:100%}.bg{position:fixed;background-color:#1f295a;z-index:0;width:50%;height:100vh;padding-bottom:130px;overflow-y:auto;overflow-x:hidden}.bg .container-close-sidebar{display:flex;flex-direction:column;width:75px}.bg .container-close-sidebar.shifted{display:none;flex-direction:column;width:75px}.bg .container-open-sidebar{display:none;flex-direction:column;width:235px}.bg .container-open-sidebar.shifted{display:flex;flex-direction:column;width:235px}.bg .user-default,.bg .user-default2{width:47px;height:47px;border-radius:50%;margin:35px auto auto;transition:width .3s ease,height .3s ease}.bg .user-default2.shifted{width:60px;height:60px;border-radius:50%;margin:35px auto auto}.bg .icon-sidebar{margin-top:40px;gap:8px;display:flex;flex-direction:column;margin-left:10px;margin-bottom:70px}.bg .icon-close-dashboard{cursor:pointer;width:20px;height:20px}.bg .icon-close-dashboard2{cursor:pointer;margin:0;padding:0}.bg .arrow{margin-left:-5px;padding:0}.bg .arrow2{margin-left:auto;padding:0;transition:transform .3s ease}.bg .outer-icon,.bg .outer-icon2{display:flex;transition:transform .3s ease;align-items:center;width:100%;padding-top:7px;padding-left:20px;padding-bottom:10px;border-radius:20px 0 0 20px;cursor:pointer}.bg .outer-icon-active{background-color:#257fac}.bg .outer-icon-active2{background-color:#0003}.bg .outer-icon:not(.outer-icon-active):hover{transform:translate(5px);background-color:#0003}.bg .group-icon{display:flex;width:190px;align-items:center;gap:10px}.bg .group-icon p{font-size:15px;font-weight:400;color:#fff;margin:0;text-align:center}.bg .group-icon2{display:flex;width:190px;align-items:center;margin-left:30px}.bg .group-icon2 p{font-size:15px;font-weight:400;color:#fff;margin:0;text-align:center}.bg .logout{position:fixed;bottom:0;left:0;width:55px;display:flex;justify-content:center;align-items:center;margin:10px 10px 20px;border-radius:8px;background-color:#dc3545;cursor:pointer;padding:12px 0}.bg .logout2{position:fixed;bottom:0;left:0;width:195px;display:flex;justify-content:center;align-items:center;margin:20px;border-radius:8px;background-color:#dc3545;cursor:pointer;padding:8px 0}.bg .logout2 p{color:#fff;align-items:center}.bg .logout2 img{align-items:center;margin-right:10px}.bg .user{margin-top:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.bg .user .name{color:#fff;font-weight:500}.bg .user .role{color:#dedddd;font-weight:200;font-size:14px}.bg .sub-menu-transaksi,.bg .sub-menu-master,.bg .sub-menu-balance{display:none;transition:display .3s ease}.bg .sub-menu-transaksi.shifted{display:block;transition:display .3s ease}.bg .menu-transaksi.shifted .arrow2{transform:rotate(90deg)}.bg .sub-menu-master.shifted{display:block;transition:display .3s ease}.bg .menu-master.shifted .arrow2{transform:rotate(90deg)}.bg .sub-menu-balance.shifted{display:block;transition:display .3s ease}.bg .menu-balance.shifted .arrow2{transform:rotate(90deg)}.no-transition .content-wrapper,.no-transition .content{transition:none}.content-wrapper{position:fixed;background-color:#f6f6f6;height:100vh;z-index:2;width:calc(100vw - 75px);left:75px;top:75px;transition:left .3s ease,width .3s ease;overflow-y:auto;padding-bottom:170px}.content{position:absolute;z-index:1;border-radius:0;background:linear-gradient(to bottom,#1f295a 50%,#f6f6f6 10%);height:max-content;width:calc(100vw - 75px);left:75px;transition:left .3s ease,width .3s ease}.content ::-webkit-scrollbar{display:flex}.content *{scrollbar-width:auto}.content .top-bar{display:flex;padding:25px 42px 25px 20px;background-color:#fff;border-radius:30px 0 0;border-bottom:1px solid #DEDDDD;justify-content:space-between}.content .top-bar .notif-logo{position:relative}.content .top-bar .notif-logo .number-badge{position:absolute;top:-5px;right:-8px;background-color:#ff485a;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0;font-weight:500;border:1.5px solid white;cursor:pointer}.content .icon-sidebar2{margin-right:20px;cursor:pointer}.content .logo-texkleen{width:140px;cursor:pointer}.content .icon-notification{cursor:pointer}.content.shifted,.content-wrapper.shifted{left:235px;width:calc(100vw - 235px)}.container-close-sidebar.shifted{width:235px}.invalid-feedback{display:block!important}.p-login{position:relative;background:#1f295a;display:flex;align-items:center;justify-content:center;height:100vh;width:100vw}.p-login input::-ms-reveal,.p-login input::-ms-clear{opacity:0}.p-login .login-title{text-align:center;justify-content:center;font-size:40px;color:#fff;margin-bottom:40px}.p-login .login-vector{position:absolute;height:100vh;width:100vw}.p-login .login-content{z-index:100;height:fit-content;width:fit-content}.p-login .login-content .login-logo{width:100%;height:50px;margin-bottom:24px}.p-login .login-content .login-logo img{width:100%;height:100%;object-fit:contain}.p-login .login-content .login-logo.large{height:120px}.p-login .login-content .login-card{display:flex;width:450px;padding:30px;flex-direction:column;align-items:center;border-radius:20px;background:#fff;box-shadow:-2.489px -2.489px 7.466px #5a5e6433,2.489px 2.489px 7.466px #0000004d}.p-login .login-content .login-card .filter-group{margin-top:20px}.p-login .login-content .login-card .item{display:flex;flex-direction:column;width:400px}.p-login .login-content .login-card p{color:#686868;font-size:15px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:2px;padding:0}.p-login .login-content .login-card .input-group{display:flex;width:50%;margin-bottom:20px}.p-login .login-content .login-card input{width:100%;height:40px;border-radius:10px;margin-bottom:20px;padding:10px}.p-login .login-content .login-card input::placeholder{color:#686868;font-weight:300;font-size:15px}.p-login .login-content .login-card .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.p-login .login-content .login-card .input-prefix{position:absolute;left:10px;color:#334a34;font-size:14px;font-weight:600}.p-login .login-content .login-card .input-postfix{position:absolute;right:15px;top:33%;transform:translateY(-50%);font-size:18px;font-weight:600}.p-login .login-content .login-card a{background-color:#005faf;color:#fff;border-radius:12px;font-size:15px;justify-content:center;display:flex;padding:15px;border:none;text-decoration:none;font-weight:500}.modal p{margin:0;padding:0}.modal .fa-times-circle{font-size:20px}.modal.filter .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.filter .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#fff;border-radius:20px 20px 0 0;position:relative}.modal.filter .modal-content .modal-head h3{flex:none;color:#000;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.filter .modal-content .modal-head i{display:flex;background:transparent;align-items:center;position:absolute;right:25px;color:#dc3545}.modal.filter .modal-content .modal-body{display:flex;flex-direction:column;gap:20px;align-self:stretch;background:#fff;width:100%;border-bottom:1px solid #b0b3b8;border-top:1px solid #b0b3b8}.modal.filter .modal-content .modal-body .top-page2 .date{display:flex;width:100%}.modal.filter .modal-content .modal-body .top-page2 .date ::-webkit-datetime-edit-fields-wrapper{display:flex;position:relative;justify-content:center}.modal.filter .modal-content .modal-body .top-page2 .date .date-style1::-webkit-calendar-picker-indicator{position:absolute;width:50%;opacity:0;margin:0;padding:15px 0;cursor:pointer}.modal.filter .modal-content .modal-body .top-page2 .date .date-style2::-webkit-calendar-picker-indicator{position:absolute;width:50%;opacity:0;right:0;cursor:pointer;padding:15px 0}.modal.filter .modal-content .modal-body .top-page2 .date .arrow-date{border:1px solid #DEDDDD;border-right:none;border-left:none;background-color:#fff;padding:12px 18px}.modal.filter .modal-content .modal-body .top-page2 .date .date-icon{border:1px solid #DEDDDD;border-left:none;background-color:#fff;padding:12px 15px 12px 0;border-radius:0 10px 10px 0}.modal.filter .modal-content .modal-body .top-page2 .date .date-style1,.modal.filter .modal-content .modal-body .top-page2 .date .date-style2{border:1px solid #DEDDDD;padding:12px 0;font-size:16px;font-weight:300;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%}.modal.filter .modal-content .modal-body .top-page2 .date .date-style1{border-radius:10px 0 0 10px;border-right:none;width:100%}.modal.filter .modal-content .modal-body .top-page2 .date .date-style2{border-radius:0;border-right:none;border-left:none}.modal.filter .modal-content .modal-body .top-page2 .date input:focus{border-color:#dedddd;outline:none}.modal.filter .modal-content .modal-body .top-page2 .date input[type=date]{font-size:16px;color:#686868;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-weight:400}.modal.filter .modal-content .modal-body .top-page2 .select-wrapper-arrow{position:relative;width:100%}.modal.filter .modal-content .modal-body .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;bottom:10%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.modal.filter .modal-content .modal-body .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:17px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:400;line-height:normal;color:#686868;letter-spacing:.5px}.modal.filter .modal-content .modal-body .top-page2 .select-wrapper-arrow2{position:relative;width:100%}.modal.filter .modal-content .modal-body .top-page2 .select-wrapper-arrow2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:17px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:400;line-height:normal;color:#686868;letter-spacing:.5px}.modal.filter .modal-content .modal-body .top-page2 .dropdown-group{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}.modal.filter .modal-content .modal-body .top-page2 .dropdown-group .group-box{display:flex;gap:15px;width:100%;flex-direction:column}.modal.filter .modal-content .modal-body .top-page2 .dropdown-group .group-box .row-box{display:flex;gap:10px;width:100%}.modal.filter .modal-content .modal-body .top-page2 .dropdown-group .group-box .row-box p{font-size:16px;font-weight:400;color:#686868;margin-bottom:5px}.modal.filter .modal-content .modal-footer{display:flex;width:100%;padding:10px;align-items:center;gap:13px;background:#fff;border-top:none;border-radius:0 0 20px 20px}.modal.filter .modal-content .modal-footer button{width:48%;padding:12px;border-radius:7px;font-size:16px}.modal.filter .modal-content .modal-footer button.primary{background:#4259c1;color:#fff;border:1px solid #4259c1}.modal.filter .modal-content .modal-footer button.secondary{background:#fff;color:#000;border:1px solid #dbe9ff}.modal.approveNote .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.approveNote .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#fff;border-radius:20px 20px 0 0;position:relative}.modal.approveNote .modal-content .modal-head h3{flex:none;color:#000;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.approveNote .modal-content .modal-head i{display:flex;background:transparent;align-items:center;position:absolute;right:25px;color:#dc3545}.modal.approveNote .modal-content .modal-body{display:flex;flex-direction:column;gap:20px;align-self:stretch;background:#fff;width:100%;border-bottom:1px solid #b0b3b8;border-top:1px solid #b0b3b8}.modal.approveNote .modal-content .modal-body .text-1{color:#666}.modal.approveNote .modal-content .modal-body textarea{border-radius:10px;border:1px solid #d2d2d2;padding:10px 15px;width:100%;height:100px}.modal.approveNote .modal-content .modal-footer{display:flex;width:100%;padding:10px;align-items:center;gap:13px;background:#fff;border-top:none;border-radius:0 0 20px 20px}.modal.approveNote .modal-content .modal-footer button{width:48%;padding:12px;border-radius:7px;font-size:16px}.modal.approveNote .modal-content .modal-footer button.primary{background:#4259c1;color:#fff;border:1px solid #4259c1}.modal.approveNote .modal-content .modal-footer button.secondary{background:#fff;color:#000;border:1px solid #dbe9ff}.modal.trolley-tujuan .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.trolley-tujuan .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#fff;border-radius:20px 20px 0 0;position:relative}.modal.trolley-tujuan .modal-content .modal-head h3{flex:none;color:#354ebc;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.trolley-tujuan .modal-content .modal-head i{display:flex;background:transparent;align-items:center;position:absolute;right:25px;color:#aeaeae;font-size:20px}.modal.trolley-tujuan .modal-content .modal-body{display:flex;flex-direction:column;gap:20px;align-self:stretch;background:#fff;width:100%;border-bottom:1px solid #b0b3b8;border-top:1px solid #b0b3b8;max-height:310px;overflow:auto}.modal.trolley-tujuan .modal-content .modal-body .group-text{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}.modal.trolley-tujuan .modal-content .modal-body .group-text .box-scan{display:flex;gap:10px;background-color:#cbd9fd;border:1px solid #524fa0;color:#524fa0;border-radius:10px;padding:10px 0;width:100%;cursor:pointer;text-decoration:none;text-align:center;align-items:center;justify-content:center}.modal.trolley-tujuan .modal-content .modal-body .group-text input{border-radius:10px;border:1px solid #d2d2d2;padding:10px 15px;width:100%}.modal.trolley-tujuan .modal-content .modal-body .group-text i{color:#dc3545;font-size:20px;cursor:pointer}.modal.trolley-tujuan .modal-content .modal-body .group-text2{display:flex;flex-direction:column;gap:10px;width:100%}.modal.trolley-tujuan .modal-content .modal-body .group-text2 .box-scan{display:flex;gap:10px;background-color:#cbd9fd;border:1px solid #524fa0;color:#524fa0;border-radius:10px;padding:10px 0;width:300px;max-width:150px;cursor:pointer;text-decoration:none;text-align:center;align-items:center;justify-content:center}.modal.trolley-tujuan .modal-content .modal-body .group-text2 input{border-radius:10px;border:1px solid #d2d2d2;padding:10px 15px;width:100%}.modal.trolley-tujuan .modal-content .modal-body .group-text2 i{color:#dc3545;font-size:20px;cursor:pointer}.modal.trolley-tujuan .modal-content .modal-body .add-trolley{color:#354ebc;font-size:15px;font-weight:500;text-align:center;width:100% p}.modal.trolley-tujuan .modal-content .modal-footer{display:flex;width:100%;padding:10px;background:#fff;border-top:none;border-radius:0 0 20px 20px;justify-content:center}.modal.trolley-tujuan .modal-content .modal-footer button{width:48%;padding:5px;border-radius:7px;font-size:14px}.modal.trolley-tujuan .modal-content .modal-footer button.primary{background:#4259c1;color:#fff;border:1px solid #4259c1}.modal.trolley-tujuan .modal-content .modal-footer button.secondary{background:#fff;color:#000;border:1px solid #dbe9ff}.modal.trolley-tujuan2 .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.trolley-tujuan2 .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#fff;border-radius:20px 20px 0 0;position:relative}.modal.trolley-tujuan2 .modal-content .modal-head h3{flex:none;color:#354ebc;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.trolley-tujuan2 .modal-content .modal-head i{display:flex;background:transparent;align-items:center;position:absolute;right:25px;color:#aeaeae;font-size:20px}.modal.trolley-tujuan2 .modal-content .modal-body{display:flex;flex-direction:column;gap:20px;align-self:stretch;background:#fff;width:100%;border-bottom:1px solid #b0b3b8;border-top:1px solid #b0b3b8;max-height:310px;overflow:auto}.modal.trolley-tujuan2 .modal-content .modal-body .group-text{display:flex;flex-direction:column;gap:10px;width:100%;align-items:center}.modal.trolley-tujuan2 .modal-content .modal-body .group-text .box-scan{display:flex;gap:10px;background-color:#cbd9fd;border:1px solid #524fa0;color:#524fa0;border-radius:10px;padding:10px 0;width:100%;cursor:pointer;text-decoration:none;text-align:center;align-items:center;justify-content:center}.modal.trolley-tujuan2 .modal-content .modal-body .group-text input{border-radius:10px;border:1px solid #d2d2d2;padding:10px 15px;width:100%}.modal.trolley-tujuan2 .modal-content .modal-body .group-text i{color:#dc3545;font-size:20px;cursor:pointer}.modal.trolley-tujuan2 .modal-content .modal-body .group-text2{display:flex;flex-direction:column;gap:10px;width:100%}.modal.trolley-tujuan2 .modal-content .modal-body .group-text2 .box-scan{display:flex;gap:10px;background-color:#cbd9fd;border:1px solid #524fa0;color:#524fa0;border-radius:10px;padding:10px 0;width:300px;max-width:150px;cursor:pointer;text-decoration:none;text-align:center;align-items:center;justify-content:center}.modal.trolley-tujuan2 .modal-content .modal-body .group-text2 input{border-radius:10px;border:1px solid #d2d2d2;padding:10px 15px;width:100%}.modal.trolley-tujuan2 .modal-content .modal-body .group-text2 i{color:#dc3545;font-size:20px;cursor:pointer}.modal.trolley-tujuan2 .modal-content .modal-body .add-trolley{color:#354ebc;font-size:15px;font-weight:500;text-align:center;width:100% p}.modal.trolley-tujuan2 .modal-content .modal-footer{display:flex;width:100%;padding:10px;background:#fff;border-top:none;border-radius:0 0 20px 20px;justify-content:center}.modal.trolley-tujuan2 .modal-content .modal-footer button{width:48%;padding:5px;border-radius:7px;font-size:14px}.modal.trolley-tujuan2 .modal-content .modal-footer button.primary{background:#4259c1;color:#fff;border:1px solid #4259c1}.modal.trolley-tujuan2 .modal-content .modal-footer button.secondary{background:#fff;color:#000;border:1px solid #dbe9ff}.modal.trolley-excess .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.trolley-excess .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#fff;border-radius:20px 20px 0 0;position:relative}.modal.trolley-excess .modal-content .modal-head h3{flex:none;color:#354ebc;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.trolley-excess .modal-content .modal-head i{display:flex;background:transparent;align-items:center;position:absolute;right:25px;color:#dc3545;font-size:20px}.modal.trolley-excess .modal-content .modal-body{display:flex;flex-direction:column;gap:20px;background:#fff;width:100%;border-bottom:1px solid #b0b3b8;border-top:1px solid #b0b3b8;max-height:310px;overflow:auto}.modal.trolley-excess .modal-content .modal-body .button-scan{background-color:#d0dcfc;color:#6c757d;border:1px solid #524fa0;padding:10px 15px;border-radius:8px;text-align:center;align-items:center;justify-content:center;display:flex;gap:10px;font-size:14px}.modal.trolley-excess .modal-content .modal-body .group-text{display:flex;flex-direction:column;gap:10px;width:100%}.modal.trolley-excess .modal-content .modal-body .group-text p{font-size:15px;font-weight:400;color:#666;margin-bottom:0}.modal.trolley-excess .modal-content .modal-body .group-text input{border-radius:10px;border:1px solid #d2d2d2;padding:10px 15px;width:100%}.modal.trolley-excess .modal-content .modal-body .group-text2{display:flex;gap:10px;width:100%}.modal.trolley-excess .modal-content .modal-body .group-text2 i{color:#dc3545;font-size:20px;cursor:pointer;margin-top:43px}.modal.trolley-excess .modal-content .modal-body .group-text2 .group-input{display:flex;flex-direction:column;width:60%;gap:10px}.modal.trolley-excess .modal-content .modal-body .group-text2 .group-input2{display:flex;flex-direction:column;width:40%;gap:10px}.modal.trolley-excess .modal-content .modal-body .group-text2 p{font-size:15px;font-weight:400;color:#666;margin-bottom:0}.modal.trolley-excess .modal-content .modal-body .group-text2 input{border-radius:10px;border:1px solid #d2d2d2;padding:10px 15px;width:100%}.modal.trolley-excess .modal-content .modal-body .add-trolley{color:#354ebc;font-size:15px;font-weight:500;text-align:center;width:100% p}.modal.trolley-excess .modal-content .modal-footer{display:flex;width:100%;padding:15px;align-items:flex-end;gap:13px;background:#fff;border-top:none;border-radius:0 0 20px 20px}.modal.trolley-excess .modal-content .modal-footer button{width:47%;padding:10px;border-radius:7px;font-size:14px}.modal.trolley-excess .modal-content .modal-footer button.primary{background:#4259c1;color:#fff;border:1px solid #4259c1}.modal.trolley-excess .modal-content .modal-footer button.secondary{background:#fff;color:#000;border:1px solid #dbe9ff}.modal.sku .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.sku .modal-content input{font-size:14px}.modal.sku .modal-content .select-wrapper-arrow{position:relative;width:100%}.modal.sku .modal-content .select-wrapper-arrow:before{content:"";position:absolute;bottom:10%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.modal.sku .modal-content .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:400;line-height:normal;color:#686868;letter-spacing:.5px}.modal.sku .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#fff;border-radius:20px 20px 0 0;position:relative}.modal.sku .modal-content .modal-head h3{flex:none;color:#000;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.sku .modal-content .modal-head i{display:flex;background:transparent;align-items:center;position:absolute;right:25px;color:#dc3545;font-size:25px}.modal.sku .modal-content .modal-body{display:flex;flex-direction:column;gap:20px;background:#fff;width:100%;border-bottom:1px solid #b0b3b8;border-top:1px solid #b0b3b8;max-height:310px;overflow:auto}.modal.sku .modal-content .modal-body .button-scan{background-color:#d0dcfc;color:#6c757d;border:1px solid #524fa0;padding:10px 15px;border-radius:8px;text-align:center;align-items:center;justify-content:center;display:flex;gap:10px;font-size:14px}.modal.sku .modal-content .modal-body .group-text{display:flex;flex-direction:column;gap:10px;width:100%}.modal.sku .modal-content .modal-body .group-text p{font-size:15px;font-weight:400;color:#666;margin-bottom:0}.modal.sku .modal-content .modal-body .group-text input{border-radius:10px;border:1px solid #d2d2d2;padding:10px 15px;width:100%;background-color:#fafafa}.modal.sku .modal-content .modal-body .group-text2{display:flex;gap:10px;width:100%}.modal.sku .modal-content .modal-body .group-text2 i{color:#dc3545;font-size:20px;cursor:pointer;margin-top:43px}.modal.sku .modal-content .modal-body .group-text2 .group-input{display:flex;flex-direction:column;width:60%;gap:10px}.modal.sku .modal-content .modal-body .group-text2 .group-input2{display:flex;flex-direction:column;width:40%;gap:10px}.modal.sku .modal-content .modal-body .group-text2 p{font-size:15px;font-weight:400;color:#666;margin-bottom:0}.modal.sku .modal-content .modal-body .group-text2 input{border-radius:10px;border:1px solid #d2d2d2;padding:10px 15px;width:100%}.modal.sku .modal-content .modal-body .add-trolley{color:#354ebc;font-size:15px;font-weight:500;text-align:center;width:100% p}.modal.sku .modal-content .modal-footer{display:flex;width:100%;padding:15px;align-items:flex-end;gap:13px;background:#fff;border-top:none;border-radius:0 0 20px 20px}.modal.sku .modal-content .modal-footer button{width:48%;padding:10px;border-radius:7px;font-size:14px}.modal.sku .modal-content .modal-footer button.primary{background:#4259c1;color:#fff;border:1px solid #4259c1}.modal.sku .modal-content .modal-footer button.secondary{background:#fff;color:#000;border:1px solid #dbe9ff}.modal.trolley-tujuan-balancing .modal-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:none;background:transparent!important}.modal.trolley-tujuan-balancing .modal-content .modal-head{width:100%;display:flex;justify-content:center;align-items:center;padding:25px;background:#fff;border-radius:20px 20px 0 0;position:relative}.modal.trolley-tujuan-balancing .modal-content .modal-head h3{flex:none;color:#354ebc;font-size:20px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0}.modal.trolley-tujuan-balancing .modal-content .modal-head i{display:flex;background:transparent;align-items:center;position:absolute;right:25px;color:#dc3545;font-size:20px}.modal.trolley-tujuan-balancing .modal-content .modal-body{display:flex;flex-direction:column;gap:20px;background:#fff;width:100%;border-bottom:1px solid #b0b3b8;border-top:1px solid #b0b3b8;max-height:310px;overflow:auto}.modal.trolley-tujuan-balancing .modal-content .modal-body .group-text{display:flex;flex-direction:column;gap:10px;width:100%}.modal.trolley-tujuan-balancing .modal-content .modal-body .group-text p{font-size:15px;font-weight:400;color:#666;margin-bottom:0}.modal.trolley-tujuan-balancing .modal-content .modal-body .group-text input{border-radius:10px;border:1px solid #d2d2d2;padding:10px 15px;width:100%}.modal.trolley-tujuan-balancing .modal-content .modal-body .group-text .trolley-asal{background-color:#cbd9fd;border:1px solid #524fa0;color:#524fa0}.modal.trolley-tujuan-balancing .modal-content .modal-body .group-text2{display:flex;gap:10px;width:100%;align-items:center}.modal.trolley-tujuan-balancing .modal-content .modal-body .group-text2 p{font-size:15px;font-weight:400;color:#666;margin-bottom:0}.modal.trolley-tujuan-balancing .modal-content .modal-body .group-text2 .box-scan{display:flex;gap:10px;background-color:#cbd9fd;border:1px solid #524fa0;color:#524fa0;border-radius:10px;padding:10px 0;width:300px;max-width:150px;cursor:pointer;text-decoration:none;text-align:center;align-items:center;justify-content:center}.modal.trolley-tujuan-balancing .modal-content .modal-body .group-text2 input{border-radius:10px;border:1px solid #d2d2d2;padding:10px 15px;width:100%}.modal.trolley-tujuan-balancing .modal-content .modal-body .group-text2 i{color:#dc3545;font-size:20px;cursor:pointer}.modal.trolley-tujuan-balancing .modal-content .modal-body .add-trolley{color:#354ebc;font-size:15px;font-weight:500;text-align:center;width:100% p}.modal.trolley-tujuan-balancing .modal-content .modal-footer{display:flex;width:100%;padding:15px;align-items:flex-end;gap:13px;background:#fff;border-top:none;border-radius:0 0 20px 20px}.modal.trolley-tujuan-balancing .modal-content .modal-footer button{width:47%;padding:10px;border-radius:7px;font-size:14px}.modal.trolley-tujuan-balancing .modal-content .modal-footer button.primary{background:#4259c1;color:#fff;border:1px solid #4259c1}.modal.trolley-tujuan-balancing .modal-content .modal-footer button.secondary{background:#fff;color:#000;border:1px solid #dbe9ff}.modal.general .modal-content{border:none;border-radius:20px;background:var(--Base-White, #fff);padding:20px}.modal.general .modal-content .modal-header{display:flex;width:100%;justify-content:space-between}.modal.general .modal-content .modal-header .modal-title{text-align:center;font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;line-height:normal;color:var(--Text-2, #354ebc)}.modal.general .modal-content .modal-body{display:flex!important;flex-direction:column!important;gap:20px}.modal.general .modal-content .modal-body .warning{display:flex;gap:10px;color:var(--Black, #000);font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.modal.general .modal-content .modal-body .add-item{color:var(--Text-2, #354ebc);font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:normal;width:100%;text-align:center}.modal.general .modal-content .modal-body .sub-text{color:#686868;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.modal.general .modal-content .modal-body .wrapp-img{width:100%}.modal.general .modal-content .modal-body .wrapp-img img{width:100%;object-fit:cover;border-radius:10px}.modal.general .modal-content .modal-body .wrapp-item{display:flex;flex-direction:row;gap:15px;justify-content:space-between;width:100%}.modal.general .modal-content .modal-footer{display:flex;padding:20px 30px 0;justify-content:right;align-items:center;gap:10px;align-self:stretch}.modal.general .modal-content .modal-footer.gtc{display:grid;grid-template-columns:repeat(2,1fr)}.modal.general2 .modal-content{border:none;border-radius:20px;background:var(--Base-White, #fff)}.modal.general2 .modal-content .modal-header{display:flex;width:100%;justify-content:space-between}.modal.general2 .modal-content .modal-header .modal-title{text-align:center;font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;line-height:normal;padding-left:15px;color:var(--Text-2, #354ebc)}.modal.general2 .modal-content .modal-body{display:flex!important;flex-direction:column!important}.modal.general2 .modal-content .modal-body .warning{display:flex;gap:10px;color:var(--Black, #000);font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.modal.general2 .modal-content .modal-body .add-item{color:var(--Text-2, #354ebc);font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:normal;width:100%;text-align:center}.modal.general2 .modal-content .modal-body .sub-text{color:#686868;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.modal.general2 .modal-content .modal-body .wrapp-img{width:100%}.modal.general2 .modal-content .modal-body .wrapp-img img{width:100%;object-fit:cover;border-radius:10px}.modal.general2 .modal-content .modal-body .wrapp-item{display:flex;flex-direction:row;gap:15px;justify-content:space-between;width:100%}.modal.general2 .modal-content .modal-footer{display:flex;padding:20px 30px 0;justify-content:right;align-items:center;gap:10px;align-self:stretch}.modal.general2 .modal-content .modal-footer.gtc{display:grid;grid-template-columns:repeat(2,1fr)}.modal-dialog.modal-sm{max-width:440px}.modal-dialog.modal-sm-50{max-width:450px!important}.modal-dialog.modal-sm-72{max-width:472px!important}.modal-dialog.modal-md{max-width:607px}.modal-dialog.modal-big{max-width:867px}.modal-navigation{display:flex;width:100%;justify-content:space-between;align-items:center;position:absolute;padding-left:50px;padding-right:50px;top:50%;left:0}.pop-up-pad{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1100;display:none;justify-content:center;align-items:center}.pop-up-pad .card-pad{z-index:1101;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:10px;box-sizing:border-box;position:relative;top:10%;margin:auto;width:35%}.pop-up-pad input{width:100%;padding:10px 100px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;text-align:center;font-size:20px}.pop-up-pad .calc-box-pad{display:flex;gap:10px;margin-bottom:10px}.pop-up-pad .calc-box-pad .number-box-pad{display:flex;padding:10px;border-radius:10px;width:100%;background-color:#b3b3b3;text-align:center;justify-content:center;align-items:center}.pop-up-pad .calc-box-pad .number-box-pad p,.pop-up-pad .calc-box-pad .number-box-pad i{color:#fff;align-items:center}.swal2-container h2.swal2-title{padding-top:50px;color:var(--Black, #000);font-family:Poppins;font-size:18px;font-style:normal;font-weight:500;line-height:normal}.swal2-container .swal2-actions{width:100%;display:flex;justify-content:end;gap:10px;padding-right:10px;margin-top:20px}.swal2-container .swal2-actions button{display:flex;padding:10px 18px;justify-content:center;align-items:center;gap:5px;border-radius:5px;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.swal2-container .swal2-actions button.swal2-confirm{color:#fff;background:#4259c1}.swal2-container .swal2-actions button.swal2-cancel{background-color:#fff!important;border:1px solid #D9D9D9;color:#000}.status{padding:7px 20px;text-align:center;border-radius:10px;margin-bottom:10px;font-size:13px;background-color:#d2d2d2;color:#000}.status p{font-weight:400}.status.Need_Approve,.status.need_approve{background-color:#faad14;color:#fff}.status.Need_Revision,.status.need_revision{background-color:#ffedb4;color:#eb9901}.status.Regular,.status.regular,.status.hapus-missing{background-color:#1768f2;color:#fff}.status.Express,.status.express{background-color:orange;color:#fff}.status.Complete,.status.complete,.status.kirim-saldo{background-color:#e9f7ef;color:#28a745}.status.Uncomplete,.status.uncomplete,.status.hapus-excess{color:#f4406b;background-color:#fdd9e1}.status.Draft,.status.draft{background-color:#d2d2d2;color:#000}.status.Outstanding,.status.outstanding{background-color:#fdd9e1;color:#f4406b}.status.Partial_Outstanding,.status.partial_outstanding{background-color:orange;color:#fff}.status.Balance,.status.balance{background-color:#e9f7ef;color:#28a745;margin:0}.status.Reported,.status.reported{background-color:#cbd9fd;color:#524fa0!important}.status.Scanned,.status.scanned{background-color:#e9f7ef;color:#28a745!important}.status.Laporan-Terkirim,.status.laporan-terkirim{background-color:#fff4cc;color:#ffc107!important}.status.Laporan-Diterima,.status.laporan-diterima{background-color:#e9f7ef;color:#28a745!important}.status.Laporan-Diperbaiki,.status.laporan-diperbaiki{background-color:#cbd9fd;color:#524fa0!important}.status.ongoing,.status.Ongoing{background-color:orange;color:#fff}.status.ready-to-ship,.status.Ready-to-Ship{background-color:#a2c6e7;color:#3f59c0}.status.done,.status.Done,.status.found,.status.Found{background-color:#e9f7ef;color:#28a745}.is-invalid{border:1px solid red!important}.status-tabel{display:flex;padding:8px 10px!important;justify-content:center;align-items:center;gap:10px;border-radius:8px;font-family:Poppins;font-size:12px;font-style:normal;font-weight:500;line-height:normal}.status-tabel.active,.status-tabel.terkirim{background:#e9f7ef;color:#28a745}.status-tabel.inactive{background:#f4406b33;color:#f4406b}.status-tabel.belum-terkirim{color:#000;background:#d2d2d2}.status-tabel.finished{background:#000;color:#fff}.status-tabel.washing{background:#1768f2;color:#fff}.status-tabel.spotting{background:#ec4899;color:#fff}.status-tabel.drying{color:#fff;background:#facc15}.status-tabel.finishing{background:#28a745;color:#fff}.status-tabel.checking{background:#faad14;color:#fff}.status-tabel.balancing{background:#a855f7;color:#fff}.status-tabel.df{background:#14b8a6;color:#fff}.status-tabel.delivery{background:#6b7280;color:#fff}.status-tabel.mutasi-trolley{color:#fff;background:#a16207}.status-tabel.mutasi-truck{color:#fff;background:#bd5995}.status-tabel.ready{color:#fff;background:#b7b7b7}.form-control{display:flex!important;padding:10px 15px!important;align-items:center;height:46px!important;border-radius:10px!important;border:1px solid #D2D2D2!important;background:var(--Base-White, #FFF);box-shadow:0 -2px 80px #ececf914,0 -.25px 10.017px #ececf90a;color:#aeaeae;font-family:Poppins;font-size:14px!important;font-style:normal;font-weight:400;line-height:normal}.form-control.h-54{height:54px!important}.form-control[type=date]::-webkit-calendar-picker-indicator{opacity:0!important}.form-control.search{font-size:14px!important;height:54px!important;padding:15px 16px 15px 39px!important}.wrapp-input-label{display:flex;flex-direction:column;gap:10px;position:relative}.wrapp-input-label.no-gap{gap:0px}.wrapp-input-label .form-label{color:#666;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:0}.wrapp-input-label input[type=date]:after{content:url(/build/assets/icon-date-dUDlBV_V.svg);position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none;width:24px;height:24px}.wrapp-input-label p{color:var(--Black, #000);font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.wrapp-input-label p span{color:#dc3545}.wrapp-search{position:relative}.wrapp-search .search-icon{position:absolute;top:50%;left:15px;transform:translateY(-50%)}.wrapp-select{position:relative}.wrapp-select:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.form-select{width:100%;display:flex!important;padding:15px 16px!important;align-items:center;height:54px!important;border-radius:10px!important;border:1px solid #D2D2D2!important;background:var(--Base-White, #FFF);box-shadow:0 -2px 80px #ececf914,0 -.25px 10.017px #ececf90a;color:#aeaeae;font-family:Poppins;font-size:14px!important;font-style:normal;font-weight:400;line-height:normal;-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter{display:grid;gap:15px}.filter.two{grid-template-columns:80% auto}.filter.three{grid-template-columns:65% 15% auto}.btn-primary{display:flex;padding:10px 20px;justify-content:center;align-items:center;white-space:nowrap;gap:5px;align-self:stretch;border-radius:10px;background:#4259c1!important;color:#fff;font-family:Poppins;font-size:14px!important;font-style:normal;font-weight:500;line-height:normal}.btn-outline{display:flex;padding:10px 20px;justify-content:center;align-items:center;white-space:nowrap;gap:5px;align-self:stretch;border-radius:10px;border:1px solid #4259C1;color:#4259c1;font-family:Poppins;font-size:14px!important;font-style:normal;font-weight:500;line-height:normal;background:transparent}.btn-green{display:flex;padding:10px 20px;justify-content:center;align-items:center;white-space:nowrap;gap:5px;align-self:stretch;border-radius:10px;background:#28a745;color:#fff;font-family:Poppins;font-size:14px!important;font-style:normal;font-weight:500;line-height:normal}.btn-scan{display:flex;padding:10px 25px;justify-content:center;align-items:center;gap:10px;flex:1 0 0;align-self:stretch;color:#524fa0;text-align:center;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:normal;border-radius:10px;border:1px solid #524FA0;background:#cbd9fd;box-shadow:0 -2px 80px #ececf914,0 -.25px 10.017px #ececf90a}.card-tabel{display:flex;padding:25px 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 .card-datatable{border:1px solid var(--Neutral-200, #f9f9f9);background:var(--Base-White, #fff);position:relative;border-top-left-radius:15px!important;border-top-right-radius:15px!important;width:100%!important}.card-tabel .card-datatable .dataTable{margin-top:0!important;width:100%!important;border-radius:15px}.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%;border-top-left-radius:15px!important;border-top-right-radius:15px!important}.card-tabel .card-datatable .dataTables_scroll table tr{height:55px}.card-tabel .card-datatable .dataTables_sizing svg{display:none}.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;border-top-left-radius:15px!important;border-top-right-radius:15px!important}.card-tabel .card-datatable .dataTables_wrapper th{position:relative;padding:20px 10px;justify-content:space-between;align-items:center;gap:10px;align-self:stretch;border:none;color:var(--black, #000);font-family:Poppins;font-size:13px;font-style:normal;font-weight:400;line-height:normal;background:var(--Background, #f9f9f9)}.card-tabel .card-datatable .dataTables_wrapper th:after,.card-tabel .card-datatable .dataTables_wrapper th:before{top:50%!important;transform:translateY(-50%)!important}.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 tbody tr{border-bottom:none!important;border-style:hidden!important;padding:20px 10px;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{font-family:Poppins;font-size:13px;font-style:normal;font-weight:400;line-height:normal;padding:20px 10px}.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 .dropdown{display:flex;justify-content:center}.card-tabel .card-datatable .dataTables_wrapper td .dropdown .action-btn{background:transparent;border:none;width:30px;height:30px}.card-tabel .card-datatable .dataTables_wrapper td .dropdown .action-btn:hover{background:#ffffffcb;transform:scale(1.1);border-radius:10px}.card-tabel .card-datatable .dataTables_wrapper td .dropdown .dropdown-menu{border-radius:4px;background:var(--Base-White, #FFF);box-shadow:0 4px 15px #00000040;min-width:154px;padding:0}.card-tabel .card-datatable .dataTables_wrapper td .dropdown .dropdown-menu.show{top:10px!important;left:-50px!important}.card-tabel .card-datatable .dataTables_wrapper td .dropdown .dropdown-menu .dropdown-item{background:#fff;display:flex;padding:8px 12px;align-items:center;gap:10px;align-self:stretch;color:var(--Black, #000);text-align:center;font-family:Poppins;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.card-tabel .card-datatable .dataTables_wrapper td .dropdown .dropdown-menu .dropdown-item:hover,.card-tabel .card-datatable .dataTables_wrapper td .dropdown .dropdown-menu .dropdown-item:active{font-weight:500}.card-tabel .card-datatable .dataTables_wrapper .dataTables_info{color:#666;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.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:Poppins;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:20px}.card-tabel .card-datatable .dataTables_wrapper .dataTables_paginate ul{display:flex;gap:10px}.card-tabel .card-datatable .dataTables_wrapper .dataTables_paginate ul li{display:flex;width:24px!important;height:24px;padding:0 10px!important;justify-content:center;align-items:center;gap:5px;border:1px solid #D9D9D9!important}.card-tabel .card-datatable .dataTables_wrapper .dataTables_paginate ul li a{color:var(--Black, #000)!important;text-align:right;font-size:14px;font-style:normal;font-weight:400;line-height:normal;border-radius:2px;font-family:Poppins;border:none!important;background:transparent!important;outline:none!important;box-shadow:none!important}.card-tabel .card-datatable .dataTables_wrapper .dataTables_paginate ul li.active{background:transparent!important;border:.7px solid #408DF0!important}.card-tabel .card-datatable .dataTables_wrapper .dataTables_scrollHead{overflow:unset}.card-tabel .card-datatable .dataTables_wrapper .dataTables_scrollBody{overflow-x:auto;border-right-width:2px}.card-base{display:flex;padding:30px 25px;flex-direction:column;align-items:flex-start;gap:15px;align-self:stretch;border-radius:15px;border:1px solid #F5F5F5;background:var(--Base-White, #FFF)}.card-base .top{width:100%;display:flex;padding-bottom:20px;flex-direction:column;align-items:flex-start;gap:15px;border-bottom:1px solid var(--Secondary, #DADEFB);flex:1 0 0}.card-base .top p{margin-bottom:0;color:var(--Black, #000);font-family:Poppins;font-size:20px;font-style:normal;font-weight:400;line-height:normal}.card-base .bottom{display:flex;width:100%;justify-content:space-between}.card-base .bottom .item{display:flex;flex-direction:column;gap:10px;width:100%;padding:0 25px}.card-base .bottom .item.wt-border{border-left:2px solid #DADEFB;border-right:2px solid #DADEFB}.card-base .bottom .item .label{color:var(--Text, #686868);font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.card-base .bottom .item .value{color:var(--Black, #000);font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.dashboard{margin:30px 25px}.dashboard p,.dashboard h1{margin:0;padding:0}.dashboard a,.dashboard a:hover{text-decoration:none;color:#fff}.dashboard .select-wrapper-arrow{position:relative;display:flex}.dashboard .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.dashboard .select-wrapper-arrow select{border-radius:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;line-height:normal;color:#8b8585;letter-spacing:.5px;text-align:left}.dashboard .top-page{display:flex;width:100%;justify-content:space-between;align-items:center}.dashboard .top-page .right-side{display:flex;align-items:center;gap:10px}.dashboard .top-page p{font-size:18px;font-weight:400;color:#686868}.dashboard .top-page p span{font-weight:700}.dashboard .top-page .select-wrapper-arrow{position:relative;width:100%;margin-top:0;padding-top:0}.dashboard .top-page .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.dashboard .top-page .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 60px 11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;line-height:normal;color:#686868;letter-spacing:.5px}.dashboard .top-page .date{display:flex;font-size:14px}.dashboard .top-page .date ::-webkit-datetime-edit-fields-wrapper{display:flex;position:relative;padding-left:12px}.dashboard .top-page .date .date-style1::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;right:50px;cursor:pointer}.dashboard .top-page .date .date-style2::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;left:10px;cursor:pointer}.dashboard .top-page .date .arrow-date{border:1px solid #DEDDDD;border-right:none;border-left:none;background-color:#fff;padding:12px 5px}.dashboard .top-page .date .date-icon{border:1px solid #DEDDDD;border-left:none;background-color:#fff;padding:5px 15px 5px 0;border-radius:0 10px 10px 0}.dashboard .top-page .date .date-style1,.dashboard .top-page .date .date-style2{border:1px solid #DEDDDD;padding:9px 5px;font-size:14px;font-weight:300;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dashboard .top-page .date .date-style1{border-radius:10px 0 0 10px;border-right:none}.dashboard .top-page .date .date-style2{border-radius:0;border-right:none;border-left:none}.dashboard .top-page .date input:focus{border-color:#dedddd;outline:none}.dashboard .top-page .date input[type=date]{font-size:14px;color:#686868;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:10px;font-weight:400}.dashboard .box{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px}.dashboard .box .top{display:flex;gap:10px;align-items:center}.dashboard .box .top p{color:#354ebc;font-size:18px;font-weight:500}.dashboard .box .top img{width:30px;height:30px}.dashboard .box .card-box{display:flex;width:100%;gap:10px;margin-top:20px}.dashboard .box .card-box .card-active{cursor:pointer;display:flex;align-items:center;padding:20px;background-color:#354ebc;border-radius:10px;width:25%}.dashboard .box .card-box .card-active .group-text{display:flex;align-items:center;justify-content:space-between;width:100%}.dashboard .box .card-box .card-active .group-text .text{display:flex;flex-direction:column;color:#fff;gap:3px}.dashboard .box .card-box .card-active .group-text .text .text-1{font-weight:500;font-size:16px}.dashboard .box .card-box .card-active .group-text .text .text-2{font-weight:500;font-size:18px}.dashboard .box .card-box .card-active .group-text .text .text-3{font-size:13px}.dashboard .box .card-box .card{cursor:pointer;display:flex;padding:20px;background-color:#f0f4fc;border-radius:10px;width:25%;border:none}.dashboard .box .card-box .card .group-text{display:flex;align-items:center;justify-content:space-between}.dashboard .box .card-box .card .group-text .text{display:flex;flex-direction:column;color:#000;gap:3px}.dashboard .box .card-box .card .group-text .text .text-1{font-weight:500;font-size:16px}.dashboard .box .card-box .card .group-text .text .text-2{font-weight:500;font-size:16px;color:#1768f2}.dashboard .box .card-box .card .group-text .text .text-3{font-size:13px;white-space:nowrap}.dashboard .box .card-box .card-active img{content:url(/build/assets/card-arrow-active-BUYkyszQ.svg)}.dashboard .box .card-box .card-active{background-color:#354ebc}.dashboard .box .card-box .card-active .group-text .text,.dashboard .box .card-box .card-active .group-text .text .text-2{color:#fff}.dashboard .box2{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px;display:flex;flex-direction:column}.dashboard .box2 #switch1{display:block}.dashboard .box2 #switch2,.dashboard .box2 #switch3{display:none}.dashboard .box2 .top1{display:flex;justify-content:space-between;margin-top:10px}.dashboard .box2 .top1 .left-item{display:flex;gap:10px;align-items:center}.dashboard .box2 .top1 .left-item p{color:#354ebc;font-size:18px;font-weight:500}.dashboard .box2 .top1 .left-item img{width:30px;height:30px}.dashboard .box2 .top1 .right-item{display:flex;gap:5px;border-bottom:2px solid #DEDDDD}.dashboard .box2 .top1 .right-item .item{padding:10px 35px;background-color:#f9fcff;border-radius:10px 10px 0 0;color:#5b84c3;font-weight:500;font-size:14px;cursor:pointer}.dashboard .box2 .top1 .right-item .item.active{background-color:orange;color:#fff}.dashboard .box2 .top2{display:flex;justify-content:space-between;margin-top:20px}.dashboard .box2 .top2 .items{display:flex;gap:5px}.dashboard .box2 .top2 .items .item{padding:10px 35px;background-color:#f4f3f8;border-radius:10px 10px 0 0;color:#5b84c3;font-weight:500;font-size:14px;cursor:pointer}.dashboard .box2 .top2 .items .item.active{background-color:#5b84c3;color:#fff}.dashboard .box2 .containers{margin:0;padding:10px 20px;display:flex;border:1px solid #DEDDDD;border-bottom:none;border-radius:0 10px 0 0;justify-content:flex-end}.dashboard .box2 .containers select{border:none;background-color:#e9e9e9;border-radius:10px;padding:10px 60px 10px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-size:14px}.dashboard .box3{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px;display:flex;flex-direction:column}.dashboard .box3 .top1{display:flex;justify-content:space-between;margin-top:10px;margin-bottom:15px}.dashboard .box3 .top1 .left-item{display:flex;gap:10px;align-items:center}.dashboard .box3 .top1 .left-item p{color:#354ebc;font-size:18px;font-weight:500}.dashboard .box3 .top1 .left-item img{width:30px;height:30px}.dashboard .box3 .top1 .right-item{display:flex;gap:5px;border-bottom:2px solid #DEDDDD}.dashboard .box3 .top1 .right-item .item{padding:10px 35px;background-color:#f9fcff;border-radius:10px 10px 0 0;color:#5b84c3;font-weight:500}.dashboard .box3 .top1 .right-item .item.active{background-color:orange;color:#fff}.dashboard .box3 .top2{display:flex;justify-content:space-between;margin-top:20px}.dashboard .box3 .top2 .items{display:flex;gap:5px}.dashboard .box3 .top2 .items .item{padding:10px 35px;background-color:#f3f7fe;border-radius:10px 10px 0 0;color:#5b84c3;font-weight:500;cursor:pointer;font-size:14px}.dashboard .box3 .top2 .items .item.active{background-color:#408df0;color:#fff}.dashboard .box3 .containers{margin:0;padding:10px 20px;display:flex;border:1px solid #DEDDDD;border-bottom:none;border-radius:0 10px 0 0;justify-content:flex-end}.dashboard .box3 .containers select{border:none;background-color:#e9e9e9;border-radius:10px;padding:10px 60px 10px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-size:14px}.dashboard .box4{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px;display:flex;flex-direction:column}.dashboard .box4 .date{display:flex}.dashboard .box4 .date .date-style3::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;left:10px;cursor:pointer}.dashboard .box4 .date .date-icon{border:1px solid #DEDDDD;border-left:none;background-color:#fff!important;padding:5px 15px 5px 0;border-radius:0 10px 10px 0}.dashboard .box4 .date .date-style3{border:1px solid #DEDDDD;padding:9px 5px;font-size:16px;font-weight:300;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dashboard .box4 .date .date-style3{border-radius:10px 0 0 10px;border-right:none}.dashboard .box4 .date .date-style3{border-radius:0;border-right:none}.dashboard .box4 .date input[type=date]{font-size:14px;color:#686868;background-color:#fff!important;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:10px;font-weight:400}.dashboard .box4 .date .date-style3::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;right:50px;cursor:pointer}.dashboard .box4 .date ::-webkit-datetime-edit-fields-wrapper{display:flex;position:relative;padding-left:12px}.dashboard .box4 .date .date-style3{cursor:pointer;border-right:none;border-radius:10px 0 0 10px}.dashboard .box4 .date .arrow-date{border:1px solid #DEDDDD;border-right:none;border-left:none;background-color:#fff;padding:12px 5px}.dashboard .box4 .date .date-icon{border:1px solid #DEDDDD;border-left:none;background-color:#fff;padding:5px 15px 5px 0;border-radius:0 10px 10px 0}.dashboard .box4 .date input:focus{border-color:#dedddd;outline:none}.dashboard .box4 .date input[type=date]{font-size:14px;color:#686868;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:10px;font-weight:400}.dashboard .box4 .top1{display:flex;justify-content:space-between;margin-top:10px;margin-bottom:15px;align-items:center}.dashboard .box4 .top1 input{border:1px solid #DEDDDD;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:300;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dashboard .box4 .top1 .left-item{display:flex;gap:10px;align-items:center}.dashboard .box4 .top1 .left-item p{color:#354ebc;font-size:18px;font-weight:500}.dashboard .box4 .top1 .left-item img{width:30px;height:30px}.dashboard .box4 .top1 .right-item{display:flex;gap:5px;border-bottom:2px solid #DEDDDD}.dashboard .box4 .top1 .right-item .item{padding:10px 35px;background-color:#f9fcff;border-radius:10px 10px 0 0;color:#5b84c3;font-weight:500}.dashboard .box4 .top1 .right-item .item.active{background-color:orange;color:#fff}.dashboard .box4 .top2{display:flex;justify-content:space-between;margin-top:20px}.dashboard .box4 .top2 .items{display:flex;gap:5px}.dashboard .box4 .top2 .items .item{padding:10px 35px;background-color:#f9fcff;border-radius:10px 10px 0 0;color:#5b84c3;font-weight:500;cursor:pointer}.dashboard .box4 .top2 .items .item.active{background-color:#408df0;color:#fff}.dashboard .table-box{padding:0 20px 20px;overflow:auto;box-sizing:border-box;border-radius:0 0 10px 10px;border:1px solid #DEDDDD;border-top:none;position:relative}.dashboard .table-box .status-regular,.dashboard .table-box .status-express,.dashboard .table-box .status-draft,.dashboard .table-box .status-need-approve,.dashboard .table-box .status-need-revision,.dashboard .table-box .status-ongoing,.dashboard .table-box .status-earlier,.dashboard .table-box .status-overdue,.dashboard .table-box .status-ontime,.dashboard .table-box .status-done{padding:10px;text-align:center;color:#fff;border-radius:10px;font-weight:600}.dashboard .table-box .status-regular{background-color:#1768f2}.dashboard .table-box .status-express,.dashboard .table-box .status-earlier{background-color:orange}.dashboard .table-box .status-draft{background-color:#d2d2d2;color:#000}.dashboard .table-box .status-need-approve{background-color:#f4406b}.dashboard .table-box .status-overdue{background-color:#ffdce4;color:#f4406b}.dashboard .table-box .status-ongoing{background-color:orange}.dashboard .table-box .status-ontime,.dashboard .table-box .status-done{background-color:#e9f7ef;color:#28a745}.dashboard .table-box table{width:100%!important;border-collapse:collapse;border:1px solid #dbe9ff;position:relative;box-sizing:border-box;table-layout:auto}.dashboard .table-box th.sorting{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.dashboard .table-box th.sorting_asc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.dashboard .table-box th.sorting_desc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.dashboard .table-box th,.dashboard .table-box td{padding:20px;text-align:left;font-size:13px;color:#666;border:none}.dashboard .table-box th{background-color:#fff;font-weight:500;color:#354ebc;border-bottom:none}.dashboard .table-box tbody tr:nth-child(odd){background-color:#fafbff}.dashboard .table-box tbody tr:nth-child(2n){background-color:#fff}.dashboard .table-box .dataTable thead .sorting:before,.dashboard .table-box .dataTable thead .sorting_asc:before,.dashboard .table-box .dataTable thead .sorting_desc:before,.dashboard .table-box .dataTable thead .sorting_asc_disabled:before,.dashboard .table-box .dataTable thead .sorting_desc_disabled:before,.dashboard .table-box .dataTable thead .sorting:after,.dashboard .table-box .dataTable thead .sorting_asc:after,.dashboard .table-box .dataTable thead .sorting_desc:after,.dashboard .table-box .dataTable thead .sorting_asc_disabled:after,.dashboard .table-box .dataTable thead .sorting_desc_disabled:after{color:#fafafa}.dashboard .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.dashboard .table-box .dataTables_paginate .paginate_button,.dashboard .table-box .dataTables_paginate .paginate_button a{border:none}.dashboard .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;margin-top:15px}.dashboard .table-box .modal-pencil{display:flex;justify-content:center;align-items:center;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;white-space:nowrap}.dashboard .table-box .dataTables_info{font-size:12px;font-weight:400;padding:0;position:absolute;right:100px;line-height:30px}.dashboard .table-box .dataTables_length{position:absolute;font-size:13px;color:#666;left:40px;bottom:10px}.dashboard .table-box .dataTables_length label{display:flex;align-items:center;padding:0;margin:0}.dashboard .table-box .dataTables_length select{border:none!important}.dashboard .table-box .dataTables_length select{font-size:13px;font-weight:500;border:none;outline:none;margin-bottom:2px;margin-left:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center;background-size:20px;padding-right:20px}.dashboard .table-box .dataTables_length select:focus{outline:none;box-shadow:none}.dashboard .table-box2{padding:0 0 10px;overflow:auto;box-sizing:border-box;border-radius:0 0 10px 10px;border-top:none;margin-top:10px;position:relative}.dashboard .table-box2 .dataTables_info{font-size:12px;font-weight:400;padding:0;position:absolute;right:100px;line-height:30px}.dashboard .table-box2 .dataTables_length{position:absolute;font-size:14px;color:#666;left:40px;bottom:10px}.dashboard .table-box2 .dataTables_length label{display:flex;align-items:center;padding:0;margin:0}.dashboard .table-box2 .dataTables_length select{border:none!important}.dashboard .table-box2 th.sorting{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:100% center;padding-right:40px;cursor:pointer}.dashboard .table-box2 th.sorting_asc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:100% center;padding-right:40px}.dashboard .table-box2 th.sorting_desc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:100% center;padding-right:30px;margin-right:10px}.dashboard .table-box2 .status-regular,.dashboard .table-box2 .status-express,.dashboard .table-box2 .status-draft,.dashboard .table-box2 .status-need-approve,.dashboard .table-box2 .status-need-revision,.dashboard .table-box2 .status-ongoing,.dashboard .table-box2 .status-earlier,.dashboard .table-box2 .status-overdue,.dashboard .table-box2 .status-ontime,.dashboard .table-box2 .status-done{padding:10px;text-align:center;color:#fff;border-radius:10px;font-weight:600}.dashboard .table-box2 .status-regular{background-color:#1768f2}.dashboard .table-box2 .status-express,.dashboard .table-box2 .status-earlier{background-color:orange}.dashboard .table-box2 .status-draft{background-color:#d2d2d2;color:#000}.dashboard .table-box2 .status-need-approve{background-color:#f4406b}.dashboard .table-box2 .status-overdue{background-color:#ffdce4;color:#f4406b}.dashboard .table-box2 .status-ongoing{background-color:orange}.dashboard .table-box2 .status-ontime,.dashboard .table-box2 .status-done{background-color:#e9f7ef;color:#28a745}.dashboard .table-box2 table{width:100%!important;border-collapse:collapse;border:1px solid #dbe9ff}.dashboard .table-box2 th,.dashboard .table-box2 td{padding:20px;text-align:left;font-size:13px;color:#666;white-space:nowrap;border:none}.dashboard .table-box2 th{background-color:#fff;font-weight:500;color:#354ebc;border-bottom:none}.dashboard .table-box2 tbody tr:nth-child(odd){background-color:#fafbff}.dashboard .table-box2 tbody tr:nth-child(2n){background-color:#fff}.dashboard .table-box2 .dataTable thead .sorting:before,.dashboard .table-box2 .dataTable thead .sorting_asc:before,.dashboard .table-box2 .dataTable thead .sorting_desc:before,.dashboard .table-box2 .dataTable thead .sorting_asc_disabled:before,.dashboard .table-box2 .dataTable thead .sorting_desc_disabled:before,.dashboard .table-box2 .dataTable thead .sorting:after,.dashboard .table-box2 .dataTable thead .sorting_asc:after,.dashboard .table-box2 .dataTable thead .sorting_desc:after,.dashboard .table-box2 .dataTable thead .sorting_asc_disabled:after,.dashboard .table-box2 .dataTable thead .sorting_desc_disabled:after{color:#fafafa}.dashboard .table-box2 .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.dashboard .table-box2 .dataTables_paginate .paginate_button,.dashboard .table-box2 .dataTables_paginate .paginate_button a{border:none}.dashboard .table-box2 .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.dashboard .table-box2 .modal-pencil{display:flex;justify-content:center;align-items:center;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;white-space:nowrap}.dashboard .table-box2 .dataTables_info{font-size:13px;font-weight:400;padding:0;position:absolute;right:100px;line-height:30px}.dashboard .table-box2 .dataTables_length{position:absolute;font-size:13px;color:#666;left:20px;bottom:5px}.dashboard .table-box2 .dataTables_length select{font-size:13px;font-weight:500;border:none;outline:none;margin-bottom:2px;margin-left:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center;background-size:20px;padding-right:20px}.dashboard .table-box2 .dataTables_length select:focus{outline:none;box-shadow:none}.dashboard .bottom-section{display:flex;flex-direction:column;margin-top:40px;width:100%}.dashboard .bottom-section .top{display:flex;align-items:center;justify-content:space-between;width:100%}.dashboard .bottom-section .top .left-title{display:flex;gap:10px;align-items:center}.dashboard .bottom-section .top .left-title p{color:#354ebc;font-size:18px;font-weight:500}.dashboard .bottom-section .top .left-title img{width:30px;height:30px}.dashboard .bottom-section .top .select-wrapper-arrow{position:relative;display:flex}.dashboard .bottom-section .top .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.dashboard .bottom-section .top .select-wrapper-arrow select{border-radius:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;padding:10px 50px 10px 20px;line-height:normal;color:#000;letter-spacing:.5px;border:#686868;background-color:#fff}.dashboard .bottom-section .upper{margin-top:30px;display:flex;gap:10px;width:100%}.dashboard .bottom-section .upper .part1{display:flex;flex-direction:column;gap:10px;padding:20px;background-color:#fff;border-radius:10px;width:40%}.dashboard .bottom-section .upper .part1 .top2{display:flex;flex-direction:column;padding-bottom:10px;border-bottom:1px solid #DEDDDD;width:100%}.dashboard .bottom-section .upper .part1 .top2 .text-1{font-size:16px;font-weight:500;color:#56616f}.dashboard .bottom-section .upper .part1 .top2 .text-2{font-size:14px;font-weight:400;color:#adadad}.dashboard .bottom-section .upper .part1 .content-chart{justify-content:space-between;display:flex;flex-direction:column;width:100%;margin-top:10px}.dashboard .bottom-section .upper .part1 .content-chart .group-text{display:flex;flex-direction:column;width:60%;margin-left:0}.dashboard .bottom-section .upper .part1 .content-chart .group-text .chart-text{display:flex;align-items:center;gap:10px;margin-top:10px}.dashboard .bottom-section .upper .part1 .content-chart .group-text .chart-text .text-number{font-size:16px;font-weight:500;color:#fff;border-radius:50%;background-color:#354ebc;width:25px;height:25px;align-items:center;justify-content:center;text-align:center}.dashboard .bottom-section .upper .part1 .content-chart .group-text .chart-text .text-title{font-size:12px;font-weight:500;color:#56616f}.dashboard .bottom-section .upper .part1 .content-chart .group-text .chart-text2{display:flex;align-items:center;gap:10px;margin-top:10px}.dashboard .bottom-section .upper .part1 .content-chart .group-text .chart-text2 .text-number{font-size:16px;font-weight:500;color:#fff;border-radius:50%;background-color:#8894d4;width:25px;height:25px;align-items:center;justify-content:center;text-align:center}.dashboard .bottom-section .upper .part1 .content-chart .group-text .chart-text2 .text-title{font-size:12px;font-weight:400;color:#56616f}.dashboard .bottom-section .upper .part1 .content-chart .group-text-right{display:flex;flex-direction:column;width:60%;margin-left:0}.dashboard .bottom-section .upper .part1 .content-chart .group-text-right .chart-text{display:flex;align-items:center;gap:10px;margin-top:10px}.dashboard .bottom-section .upper .part1 .content-chart .group-text-right .chart-text .text-number{font-size:16px;font-weight:500;color:#000;border-radius:50%;background-color:#ffe700;width:25px;height:25px;align-items:center;justify-content:center;text-align:center}.dashboard .bottom-section .upper .part1 .content-chart .group-text-right .chart-text .text-title{font-size:12px;font-weight:500;color:#56616f}.dashboard .bottom-section .upper .part1 .content-chart .group-text-right .chart-text2{display:flex;align-items:center;gap:10px;margin-top:10px}.dashboard .bottom-section .upper .part1 .content-chart .group-text-right .chart-text2 .text-number{font-size:16px;font-weight:500;color:#fff;border-radius:50%;background-color:#8894d4;width:25px;height:25px;align-items:center;justify-content:center;text-align:center}.dashboard .bottom-section .upper .part1 .content-chart .group-text-right .chart-text2 .text-title{font-size:12px;font-weight:400;color:#56616f}.dashboard .bottom-section .upper .part2{display:flex;flex-direction:column;padding:20px;background-color:#fff;border-radius:10px;width:30%}.dashboard .bottom-section .upper .part2 .top2{display:flex;gap:10px;align-items:center;margin-bottom:20px}.dashboard .bottom-section .upper .part2 .top2 p{font-size:16px;font-weight:500;color:#354ebc}.dashboard .bottom-section .upper .part2 .rank-text{display:flex;align-items:center;gap:20px}.dashboard .bottom-section .upper .part2 .rank-text .text-2{display:flex;flex-direction:column;gap:5px;align-items:center;margin-left:2px}.dashboard .bottom-section .upper .part2 .rank-text .grouping{display:flex;justify-content:space-between;align-items:center;width:100%;margin-right:10px;padding:10px;border-radius:10px;background-color:#f4f3f8}.dashboard .bottom-section .upper .part2 .rank-text .grouping .group-text{display:flex;flex-direction:column;gap:5px}.dashboard .bottom-section .upper .part2 .rank-text .grouping .text-1{font-size:14px;font-weight:500;color:#000}.dashboard .bottom-section .upper .part2 .rank-text .grouping .text-2{font-size:13px;font-weight:300;color:#a1a1a1}.dashboard .bottom-section .upper .part2 .rank-text .grouping .text-3{font-size:14px;font-weight:500;color:#000}.dashboard .bottom-section .upper .part2 .rank-text .grouping2{display:flex;justify-content:space-between;align-items:center;width:100%;margin-right:10px;padding:10px;border-radius:10px}.dashboard .bottom-section .upper .part2 .rank-text .grouping2 .group-text{display:flex;flex-direction:column;gap:5px}.dashboard .bottom-section .upper .part2 .rank-text .grouping2 .text-1{font-size:14px;font-weight:500;color:#000}.dashboard .bottom-section .upper .part2 .rank-text .grouping2 .text-2{font-size:13px;font-weight:300;color:#a1a1a1}.dashboard .bottom-section .upper .part2 .rank-text .grouping2 .text-3{font-size:14px;font-weight:500;color:#000}.dashboard .bottom-section .upper .part3{display:flex;flex-direction:column;padding:20px;background-color:#fff;border-radius:10px;width:30%}.dashboard .bottom-section .upper .part3 .top2{display:flex;gap:10px;align-items:center;margin-bottom:10px}.dashboard .bottom-section .upper .part3 .top2 p{font-size:16px;font-weight:500;color:#354ebc}.dashboard .bottom-section .upper .part3 .rank-text{display:flex;align-items:center;gap:20px}.dashboard .bottom-section .upper .part3 .rank-text .text-2{display:flex;flex-direction:column;gap:5px;align-items:center;margin-left:2px}.dashboard .bottom-section .upper .part3 .rank-text .grouping{display:flex;justify-content:space-between;align-items:center;width:100%;margin-right:10px;padding:10px;border-radius:10px}.dashboard .bottom-section .upper .part3 .rank-text .grouping .group-text{display:flex;flex-direction:column;gap:5px}.dashboard .bottom-section .upper .part3 .rank-text .grouping .text-1{font-size:14px;font-weight:500;color:#000}.dashboard .bottom-section .upper .part3 .rank-text .grouping .text-2{font-size:14px;font-weight:400;color:#2f5596}.dashboard .bottom-section .upper .part3 .rank-text .grouping .text-3{font-size:16px;font-weight:500;color:#000}.dashboard .bottom-section .middle{margin-top:20px;display:flex;gap:10px;width:100%}.dashboard .bottom-section .middle .part1{display:flex;flex-direction:column;gap:10px;padding:20px;background-color:#fff;border-radius:10px;width:33.3%}.dashboard .bottom-section .middle .part1 .top-title{display:flex;width:100%;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #DEDDDD}.dashboard .bottom-section .middle .part1 .top-title img{width:60px;padding:10px;background-color:#1768f2;border-radius:10px}.dashboard .bottom-section .middle .part1 .top-title .text-group{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.dashboard .bottom-section .middle .part1 .top-title .text-group .text-1{font-size:14px;font-weight:400;color:#666}.dashboard .bottom-section .middle .part1 .top-title .text-group .text-2{font-size:20px;font-weight:700;color:#354ebc}.dashboard .bottom-section .middle .part1 .inside-content{color:#aeaeae;font-size:14px}.dashboard .bottom-section .middle .part2{display:flex;flex-direction:column;gap:10px;padding:20px;background-color:#fff;border-radius:10px;width:33.3%}.dashboard .bottom-section .middle .part2 .top-title{display:flex;width:100%;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #DEDDDD}.dashboard .bottom-section .middle .part2 .top-title img{width:60px;padding:10px;background-color:#1768f2;border-radius:10px}.dashboard .bottom-section .middle .part2 .top-title .text-group{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.dashboard .bottom-section .middle .part2 .top-title .text-group .text-1{font-size:14px;font-weight:400;color:#666}.dashboard .bottom-section .middle .part2 .top-title .text-group .text-2{font-size:20px;font-weight:700;color:#354ebc}.dashboard .bottom-section .middle .part2 .inside-content{color:#aeaeae;font-size:14px}.dashboard .bottom-section .middle .part3{display:flex;flex-direction:column;gap:10px;padding:20px;background-color:#fff;border-radius:10px;width:33.3%}.dashboard .bottom-section .middle .part3 .top-title{display:flex;width:100%;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #DEDDDD}.dashboard .bottom-section .middle .part3 .top-title img{width:60px;padding:10px;background-color:orange;border-radius:10px}.dashboard .bottom-section .middle .part3 .top-title .text-group{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.dashboard .bottom-section .middle .part3 .top-title .text-group .text-1{font-size:14px;font-weight:400;color:#666}.dashboard .bottom-section .middle .part3 .top-title .text-group .text-2{font-size:20px;font-weight:700;color:#354ebc}.dashboard .bottom-section .middle .part3 .inside-content{color:#aeaeae;font-size:14px}.dashboard .bottom-section .bottom{margin-top:20px;display:flex;gap:10px;width:100%}.dashboard .bottom-section .bottom .part1{display:flex;flex-direction:column;gap:10px;padding:20px;background-color:#fff;border-radius:10px;width:50%}.dashboard .bottom-section .bottom .part1 .top-title{display:flex;width:100%;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #DEDDDD}.dashboard .bottom-section .bottom .part1 .top-title img{width:60px;padding:10px;background-color:orange;border-radius:10px}.dashboard .bottom-section .bottom .part1 .top-title .text-group{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.dashboard .bottom-section .bottom .part1 .top-title .text-group .text-1{font-size:14px;font-weight:400;color:#666}.dashboard .bottom-section .bottom .part1 .top-title .text-group .text-2{font-size:20px;font-weight:700;color:#354ebc}.dashboard .bottom-section .bottom .part1 .inside-content{color:#aeaeae;font-size:14px}.dashboard .bottom-section .bottom .part2{display:flex;flex-direction:column;gap:10px;padding:20px;background-color:#fff;border-radius:10px;width:50%}.dashboard .bottom-section .bottom .part2 .top-title{display:flex;width:100%;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #DEDDDD}.dashboard .bottom-section .bottom .part2 .top-title img{width:60px;padding:10px;background-color:#5bdb2f;border-radius:10px}.dashboard .bottom-section .bottom .part2 .top-title .text-group{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.dashboard .bottom-section .bottom .part2 .top-title .text-group .text-1{font-size:14px;font-weight:400;color:#666}.dashboard .bottom-section .bottom .part2 .top-title .text-group .text-2{font-size:20px;font-weight:700;color:#354ebc}.dashboard .bottom-section .bottom .part2 .inside-content{color:#aeaeae;font-size:14px}.dashboard .chart-section{display:flex;flex-direction:column;width:100%;margin-top:20px;padding:20px;border-radius:10px;background-color:#fff}.dashboard .chart-section .text-1{font-size:16px;font-weight:500;color:#56616f}.dashboard .chart-section .text-2{font-size:14px;font-weight:400;color:#adadad;padding-bottom:10px;width:100%;border-bottom:1px solid #DEDDDD;margin-bottom:20px}.dashboard .lower-section{display:flex;flex-direction:column;margin-top:30px;width:100%}.dashboard .lower-section .top{display:flex;align-items:center;justify-content:space-between;width:100%}.dashboard .lower-section .top .left-title{display:flex;gap:10px;align-items:center}.dashboard .lower-section .top .left-title p{color:#354ebc;font-size:18px;font-weight:500}.dashboard .lower-section .top .left-title img{width:30px;height:30px}.dashboard .lower-section .top .select-wrapper-arrow{position:relative;display:flex}.dashboard .lower-section .top .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.dashboard .lower-section .top .select-wrapper-arrow select{border-radius:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;padding:10px 50px 10px 20px;line-height:normal;color:#000;letter-spacing:.5px}.dashboard .lower-section .bottom{margin-top:20px;margin-bottom:30px;display:flex;flex-direction:column;gap:20px;width:100%}.dashboard .lower-section .bottom .part1{display:flex;flex-direction:column;gap:10px;padding:20px;background-color:#fff;border-radius:10px;width:50%;cursor:pointer}.dashboard .lower-section .bottom .part1 .top-title{display:flex;width:100%;justify-content:space-between}.dashboard .lower-section .bottom .part1 .top-title .text-group{display:flex;flex-direction:column}.dashboard .lower-section .bottom .part1 .top-title .text-group .text-1{font-size:14px;font-weight:500;color:#666}.dashboard .lower-section .bottom .part1 .top-title .text-group .text-2{font-size:20px;font-weight:700;color:#354ebc}.dashboard .lower-section .bottom .part1 .top-title .text-group .text-3{font-size:14px;font-weight:400;color:#666}.dashboard .lower-section .bottom .part1 .top-title img{width:30px}.dashboard .lower-section .bottom .part1 .inside-content{color:#aeaeae;margin-bottom:10px}.dashboard .lower-section .bottom .part2{display:flex;flex-direction:column;gap:10px;padding:20px;background-color:#fff;border-radius:10px;width:50%}.dashboard .lower-section .bottom .part2 .top-title{display:flex;width:100%;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #DEDDDD}.dashboard .lower-section .bottom .part2 .top-title .text-group{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.dashboard .lower-section .bottom .part2 .top-title .text-group .text-1{font-size:15px;font-weight:400;color:#666}.dashboard .lower-section .bottom .part2 .top-title .text-group .text-2{font-size:25px;font-weight:700;color:#354ebc}.dashboard .lower-section .bottom .part2 .inside-content{color:#aeaeae;margin-bottom:10px}.dashboard-washing{margin:30px 25px}.dashboard-washing p,.dashboard-washing h1{margin:0;padding:0}.dashboard-washing a,.dashboard-washing a:hover{text-decoration:none;color:#fff}.dashboard-washing .top-page{display:flex;width:100%;align-items:center;gap:10px}.dashboard-washing .top-page .right-side{display:flex;align-items:center;gap:10px}.dashboard-washing .top-page p{font-size:22px;font-weight:400;color:#354ebc}.dashboard-washing .top-page p span{font-weight:700}.dashboard-washing .box3{margin-top:20px;display:flex;flex-direction:column}.dashboard-washing .box3 .top2{display:flex;justify-content:space-between;margin-top:20px}.dashboard-washing .box3 .top2 .items{display:flex;gap:5px}.dashboard-washing .box3 .top2 .items .item{padding:10px 35px;border-radius:10px 10px 0 0;color:#5b84c3;background-color:#e5e5e5;font-weight:500;cursor:pointer;font-size:14px}.dashboard-washing .box3 .top2 .items .item.active{background-color:#5b84c3;color:#fff}.dashboard-washing .table-box{overflow:auto;box-sizing:border-box;border-radius:0 10px 10px;border-top:none;padding-bottom:20px;background-color:#fff;position:relative;white-space:nowrap}.dashboard-washing .table-box table{width:100%!important;border-collapse:collapse;position:relative;box-sizing:border-box}.dashboard-washing .table-box th.sorting{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center;cursor:pointer}.dashboard-washing .table-box th.sorting_asc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-washing .table-box th.sorting_desc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-washing .table-box th,.dashboard-washing .table-box td{padding:20px;text-align:left;font-size:13px;color:#666;border:none}.dashboard-washing .table-box th{background-color:#fff;font-weight:500;color:#354ebc;border-bottom:none}.dashboard-washing .table-box tbody tr:nth-child(odd){background-color:#fafbff}.dashboard-washing .table-box tbody tr:nth-child(2n){background-color:#fff}.dashboard-washing .table-box .dataTable thead .sorting:before,.dashboard-washing .table-box .dataTable thead .sorting_asc:before,.dashboard-washing .table-box .dataTable thead .sorting_desc:before,.dashboard-washing .table-box .dataTable thead .sorting_asc_disabled:before,.dashboard-washing .table-box .dataTable thead .sorting_desc_disabled:before,.dashboard-washing .table-box .dataTable thead .sorting:after,.dashboard-washing .table-box .dataTable thead .sorting_asc:after,.dashboard-washing .table-box .dataTable thead .sorting_desc:after,.dashboard-washing .table-box .dataTable thead .sorting_asc_disabled:after,.dashboard-washing .table-box .dataTable thead .sorting_desc_disabled:after{color:#fafafa}.dashboard-washing .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.dashboard-washing .table-box .dataTables_paginate .paginate_button,.dashboard-washing .table-box .dataTables_paginate .paginate_button a{border:none}.dashboard-washing .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;margin-top:15px}.dashboard-washing .table-box .modal-pencil{display:flex;justify-content:center;align-items:center;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;white-space:nowrap}.dashboard-washing .table-box .dataTables_info{font-size:13px;font-weight:400;padding:0;position:absolute;right:100px;bottom:25px;line-height:30px}.dashboard-washing .table-box .dataTables_length{position:absolute;font-size:13px;color:#666;left:40px;bottom:10px}.dashboard-washing .table-box .dataTables_length select{font-size:13px;font-weight:500;border:none;outline:none;margin-bottom:2px;margin-left:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center;background-size:20px;padding-right:20px}.dashboard-washing .table-box .dataTables_length select:focus{outline:none;box-shadow:none}.dashboard-balancing{margin:30px 25px}.dashboard-balancing .right-item{display:flex;justify-content:flex-end;gap:5px;border-bottom:2px solid #DEDDDD}.dashboard-balancing .right-item .item{padding:10px 35px;background-color:#fff;border-radius:10px 10px 0 0;color:#5b84c3;font-weight:500;font-size:14px;cursor:pointer}.dashboard-balancing .right-item .item.active{background-color:orange;color:#fff}.dashboard-balancing .status{padding:8px 20px;width:max-content;margin:auto;border-radius:10px;font-size:14px;justify-content:center;display:flex;text-align:center}.dashboard-balancing .status.Done,.dashboard-balancing .status.done{background-color:#e9f7ef;color:#28a745!important}.dashboard-balancing .status.ongoing,.dashboard-balancing .status.Ongoing{background-color:orange;color:#fff!important}.dashboard-balancing p,.dashboard-balancing h1{margin:0;padding:0}.dashboard-balancing a,.dashboard-balancing a:hover{text-decoration:none;color:#fff}.dashboard-balancing .top-page{display:flex;width:100%;align-items:center;gap:10px}.dashboard-balancing .top-page .right-side{display:flex;align-items:center;gap:10px}.dashboard-balancing .top-page p{font-size:22px;font-weight:400;color:#354ebc}.dashboard-balancing .top-page p span{font-weight:700}.dashboard-balancing .box3{margin-top:20px;display:flex;flex-direction:column}.dashboard-balancing .box3 .top2{display:flex;justify-content:space-between;margin-top:20px}.dashboard-balancing .box3 .top2 .items{display:flex;gap:5px}.dashboard-balancing .box3 .top2 .items .item{padding:10px 35px;border-radius:10px 10px 0 0;color:#5b84c3;background-color:#e5e5e5;font-weight:500;cursor:pointer;font-size:14px}.dashboard-balancing .box3 .top2 .items .item.active{background-color:#5b84c3;color:#fff}.dashboard-balancing .table-box{overflow:auto;box-sizing:border-box;border-radius:0 10px 10px;border-top:none;padding-bottom:20px;background-color:#fff;position:relative;white-space:nowrap}.dashboard-balancing .table-box table{width:100%!important;border-collapse:collapse;position:relative;box-sizing:border-box}.dashboard-balancing .table-box th.sorting{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center;cursor:pointer}.dashboard-balancing .table-box th.sorting_asc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-balancing .table-box th.sorting_desc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-balancing .table-box th,.dashboard-balancing .table-box td{padding:20px;text-align:left;font-size:13px;color:#666;border:none}.dashboard-balancing .table-box th{background-color:#fff;font-weight:500;color:#354ebc;border-bottom:none}.dashboard-balancing .table-box tbody tr:nth-child(odd){background-color:#fafbff}.dashboard-balancing .table-box tbody tr:nth-child(2n){background-color:#fff}.dashboard-balancing .table-box .dataTable thead .sorting:before,.dashboard-balancing .table-box .dataTable thead .sorting_asc:before,.dashboard-balancing .table-box .dataTable thead .sorting_desc:before,.dashboard-balancing .table-box .dataTable thead .sorting_asc_disabled:before,.dashboard-balancing .table-box .dataTable thead .sorting_desc_disabled:before,.dashboard-balancing .table-box .dataTable thead .sorting:after,.dashboard-balancing .table-box .dataTable thead .sorting_asc:after,.dashboard-balancing .table-box .dataTable thead .sorting_desc:after,.dashboard-balancing .table-box .dataTable thead .sorting_asc_disabled:after,.dashboard-balancing .table-box .dataTable thead .sorting_desc_disabled:after{color:#fafafa}.dashboard-balancing .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.dashboard-balancing .table-box .dataTables_paginate .paginate_button,.dashboard-balancing .table-box .dataTables_paginate .paginate_button a{border:none}.dashboard-balancing .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;margin-top:15px}.dashboard-balancing .table-box .modal-pencil{display:flex;justify-content:center;align-items:center;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;white-space:nowrap}.dashboard-balancing .table-box .dataTables_info{font-size:13px;font-weight:400;padding:0;position:absolute;right:100px;bottom:25px;line-height:30px}.dashboard-balancing .table-box .dataTables_length{position:absolute;font-size:13px;color:#666;left:40px;bottom:10px}.dashboard-balancing .table-box .dataTables_length label{display:flex;align-items:center}.dashboard-balancing .table-box .dataTables_length select{font-size:13px;font-weight:500;border:none!important;outline:none;margin-left:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 0px center;background-size:20px;padding:0}.dashboard-balancing .table-box .dataTables_length select:focus{outline:none;box-shadow:none}.dashboard-checking{margin:30px 25px}.dashboard-checking p,.dashboard-checking h1{margin:0;padding:0}.dashboard-checking a,.dashboard-checking a:hover{text-decoration:none;color:#fff}.dashboard-checking .top-page{display:flex;width:100%;align-items:center;gap:10px}.dashboard-checking .top-page .right-side{display:flex;align-items:center;gap:10px}.dashboard-checking .top-page p{font-size:22px;font-weight:400;color:#354ebc}.dashboard-checking .top-page p span{font-weight:700}.dashboard-checking .box3{margin-top:20px;display:flex;flex-direction:column}.dashboard-checking .box3 .top2{display:flex;justify-content:space-between;margin-top:20px}.dashboard-checking .box3 .top2 .items{display:flex;gap:5px}.dashboard-checking .box3 .top2 .items .item{padding:10px 35px;border-radius:10px 10px 0 0;color:#5b84c3;background-color:#e5e5e5;font-weight:500;cursor:pointer;font-size:14px}.dashboard-checking .box3 .top2 .items .item.active{background-color:#5b84c3;color:#fff}.dashboard-checking .table-box{overflow:auto;box-sizing:border-box;border-radius:0 10px 10px;border-top:none;padding-bottom:20px;background-color:#fff;position:relative;white-space:nowrap}.dashboard-checking .table-box table{width:100%!important;border-collapse:collapse;position:relative;box-sizing:border-box}.dashboard-checking .table-box th.sorting{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center;cursor:pointer}.dashboard-checking .table-box th.sorting_asc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-checking .table-box th.sorting_desc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-checking .table-box th,.dashboard-checking .table-box td{padding:20px;text-align:left;font-size:13px;color:#666;border:none}.dashboard-checking .table-box th{background-color:#fff;font-weight:500;color:#354ebc;border-bottom:none}.dashboard-checking .table-box tbody tr:nth-child(odd){background-color:#fafbff}.dashboard-checking .table-box tbody tr:nth-child(2n){background-color:#fff}.dashboard-checking .table-box .dataTable thead .sorting:before,.dashboard-checking .table-box .dataTable thead .sorting_asc:before,.dashboard-checking .table-box .dataTable thead .sorting_desc:before,.dashboard-checking .table-box .dataTable thead .sorting_asc_disabled:before,.dashboard-checking .table-box .dataTable thead .sorting_desc_disabled:before,.dashboard-checking .table-box .dataTable thead .sorting:after,.dashboard-checking .table-box .dataTable thead .sorting_asc:after,.dashboard-checking .table-box .dataTable thead .sorting_desc:after,.dashboard-checking .table-box .dataTable thead .sorting_asc_disabled:after,.dashboard-checking .table-box .dataTable thead .sorting_desc_disabled:after{color:#fafafa}.dashboard-checking .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.dashboard-checking .table-box .dataTables_paginate .paginate_button,.dashboard-checking .table-box .dataTables_paginate .paginate_button a{border:none}.dashboard-checking .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;margin-top:15px}.dashboard-checking .table-box .modal-pencil{display:flex;justify-content:center;align-items:center;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;white-space:nowrap}.dashboard-checking .table-box .dataTables_info{font-size:13px;font-weight:400;padding:0;position:absolute;right:100px;bottom:25px;line-height:30px}.dashboard-checking .table-box .dataTables_length{position:absolute;font-size:13px;color:#666;left:40px;bottom:10px}.dashboard-checking .table-box .dataTables_length select{font-size:13px;font-weight:500;border:none;outline:none;margin-bottom:2px;margin-left:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center;background-size:20px;padding-right:20px}.dashboard-checking .table-box .dataTables_length select:focus{outline:none;box-shadow:none}.dashboard-delivery{margin:30px 25px}.dashboard-delivery p,.dashboard-delivery h1{margin:0;padding:0}.dashboard-delivery a,.dashboard-delivery a:hover{text-decoration:none;color:#fff}.dashboard-delivery .top-page{display:flex;width:100%;align-items:center;gap:10px}.dashboard-delivery .top-page .right-side{display:flex;align-items:center;gap:10px}.dashboard-delivery .top-page p{font-size:22px;font-weight:400;color:#354ebc}.dashboard-delivery .top-page p span{font-weight:700}.dashboard-delivery .box3{margin-top:20px;display:flex;flex-direction:column}.dashboard-delivery .box3 .top2{display:flex;justify-content:space-between;margin-top:20px}.dashboard-delivery .box3 .top2 .items{display:flex;gap:5px}.dashboard-delivery .box3 .top2 .items .item{padding:10px 35px;border-radius:10px 10px 0 0;color:#5b84c3;background-color:#e5e5e5;font-weight:500;cursor:pointer;font-size:14px}.dashboard-delivery .box3 .top2 .items .item.active{background-color:#5b84c3;color:#fff}.dashboard-delivery .table-box{overflow:auto;box-sizing:border-box;border-radius:0 10px 10px;border-top:none;padding-bottom:20px;background-color:#fff;position:relative;white-space:nowrap}.dashboard-delivery .table-box table{width:100%!important;border-collapse:collapse;position:relative;box-sizing:border-box}.dashboard-delivery .table-box th.sorting{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center;cursor:pointer}.dashboard-delivery .table-box th.sorting_asc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-delivery .table-box th.sorting_desc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-delivery .table-box th,.dashboard-delivery .table-box td{padding:20px;text-align:left;font-size:13px;color:#666;border:none}.dashboard-delivery .table-box th{background-color:#fff;font-weight:500;color:#354ebc;border-bottom:none}.dashboard-delivery .table-box tbody tr:nth-child(odd){background-color:#fafbff}.dashboard-delivery .table-box tbody tr:nth-child(2n){background-color:#fff}.dashboard-delivery .table-box .dataTable thead .sorting:before,.dashboard-delivery .table-box .dataTable thead .sorting_asc:before,.dashboard-delivery .table-box .dataTable thead .sorting_desc:before,.dashboard-delivery .table-box .dataTable thead .sorting_asc_disabled:before,.dashboard-delivery .table-box .dataTable thead .sorting_desc_disabled:before,.dashboard-delivery .table-box .dataTable thead .sorting:after,.dashboard-delivery .table-box .dataTable thead .sorting_asc:after,.dashboard-delivery .table-box .dataTable thead .sorting_desc:after,.dashboard-delivery .table-box .dataTable thead .sorting_asc_disabled:after,.dashboard-delivery .table-box .dataTable thead .sorting_desc_disabled:after{color:#fafafa}.dashboard-delivery .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.dashboard-delivery .table-box .dataTables_paginate .paginate_button,.dashboard-delivery .table-box .dataTables_paginate .paginate_button a{border:none}.dashboard-delivery .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;margin-top:15px}.dashboard-delivery .table-box .modal-pencil{display:flex;justify-content:center;align-items:center;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;white-space:nowrap}.dashboard-delivery .table-box .dataTables_info{font-size:13px;font-weight:400;padding:0;position:absolute;right:100px;bottom:25px;line-height:30px}.dashboard-delivery .table-box .dataTables_length{position:absolute;font-size:13px;color:#666;left:40px;bottom:10px}.dashboard-delivery .table-box .dataTables_length select{font-size:13px;font-weight:500;border:none;outline:none;margin-bottom:2px;margin-left:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center;background-size:20px;padding-right:20px}.dashboard-delivery .table-box .dataTables_length select:focus{outline:none;box-shadow:none}.dashboard-drying{margin:30px 25px}.dashboard-drying p,.dashboard-drying h1{margin:0;padding:0}.dashboard-drying a,.dashboard-drying a:hover{text-decoration:none;color:#fff}.dashboard-drying .top-page{display:flex;width:100%;align-items:center;gap:10px}.dashboard-drying .top-page .right-side{display:flex;align-items:center;gap:10px}.dashboard-drying .top-page p{font-size:22px;font-weight:400;color:#354ebc}.dashboard-drying .top-page p span{font-weight:700}.dashboard-drying .box3{margin-top:20px;display:flex;flex-direction:column}.dashboard-drying .box3 .top2{display:flex;justify-content:space-between;margin-top:20px}.dashboard-drying .box3 .top2 .items{display:flex;gap:5px}.dashboard-drying .box3 .top2 .items .item{padding:10px 35px;border-radius:10px 10px 0 0;color:#5b84c3;background-color:#e5e5e5;font-weight:500;cursor:pointer;font-size:14px}.dashboard-drying .box3 .top2 .items .item.active{background-color:#5b84c3;color:#fff}.dashboard-drying .table-box{overflow:auto;box-sizing:border-box;border-radius:0 10px 10px;border-top:none;padding-bottom:20px;background-color:#fff;position:relative;white-space:nowrap}.dashboard-drying .table-box table{width:100%!important;border-collapse:collapse;position:relative;box-sizing:border-box}.dashboard-drying .table-box th.sorting{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center;cursor:pointer}.dashboard-drying .table-box th.sorting_asc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-drying .table-box th.sorting_desc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-drying .table-box th,.dashboard-drying .table-box td{padding:20px;text-align:left;font-size:13px;color:#666;border:none}.dashboard-drying .table-box th{background-color:#fff;font-weight:500;color:#354ebc;border-bottom:none}.dashboard-drying .table-box tbody tr:nth-child(odd){background-color:#fafbff}.dashboard-drying .table-box tbody tr:nth-child(2n){background-color:#fff}.dashboard-drying .table-box .dataTable thead .sorting:before,.dashboard-drying .table-box .dataTable thead .sorting_asc:before,.dashboard-drying .table-box .dataTable thead .sorting_desc:before,.dashboard-drying .table-box .dataTable thead .sorting_asc_disabled:before,.dashboard-drying .table-box .dataTable thead .sorting_desc_disabled:before,.dashboard-drying .table-box .dataTable thead .sorting:after,.dashboard-drying .table-box .dataTable thead .sorting_asc:after,.dashboard-drying .table-box .dataTable thead .sorting_desc:after,.dashboard-drying .table-box .dataTable thead .sorting_asc_disabled:after,.dashboard-drying .table-box .dataTable thead .sorting_desc_disabled:after{color:#fafafa}.dashboard-drying .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.dashboard-drying .table-box .dataTables_paginate .paginate_button,.dashboard-drying .table-box .dataTables_paginate .paginate_button a{border:none}.dashboard-drying .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;margin-top:15px}.dashboard-drying .table-box .modal-pencil{display:flex;justify-content:center;align-items:center;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;white-space:nowrap}.dashboard-drying .table-box .dataTables_info{font-size:13px;font-weight:400;padding:0;position:absolute;right:100px;bottom:25px;line-height:30px}.dashboard-drying .table-box .dataTables_length{position:absolute;font-size:13px;color:#666;left:40px;bottom:10px}.dashboard-drying .table-box .dataTables_length select{font-size:13px;font-weight:500;border:none;outline:none;margin-bottom:2px;margin-left:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center;background-size:20px;padding-right:20px}.dashboard-drying .table-box .dataTables_length select:focus{outline:none;box-shadow:none}.dashboard-folding{margin:30px 25px}.dashboard-folding p,.dashboard-folding h1{margin:0;padding:0}.dashboard-folding a,.dashboard-folding a:hover{text-decoration:none;color:#fff}.dashboard-folding .top-page{display:flex;width:100%;align-items:center;gap:10px}.dashboard-folding .top-page .right-side{display:flex;align-items:center;gap:10px}.dashboard-folding .top-page p{font-size:22px;font-weight:400;color:#354ebc}.dashboard-folding .top-page p span{font-weight:700}.dashboard-folding .box3{margin-top:20px;display:flex;flex-direction:column}.dashboard-folding .box3 .top2{display:flex;justify-content:space-between;margin-top:20px}.dashboard-folding .box3 .top2 .items{display:flex;gap:5px}.dashboard-folding .box3 .top2 .items .item{padding:10px 35px;border-radius:10px 10px 0 0;color:#5b84c3;background-color:#e5e5e5;font-weight:500;cursor:pointer;font-size:14px}.dashboard-folding .box3 .top2 .items .item.active{background-color:#5b84c3;color:#fff}.dashboard-folding .table-box{overflow:auto;box-sizing:border-box;border-radius:0 10px 10px;border-top:none;padding-bottom:20px;background-color:#fff;position:relative;white-space:nowrap}.dashboard-folding .table-box table{width:100%!important;border-collapse:collapse;position:relative;box-sizing:border-box}.dashboard-folding .table-box th.sorting{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center;cursor:pointer}.dashboard-folding .table-box th.sorting_asc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-folding .table-box th.sorting_desc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-folding .table-box th,.dashboard-folding .table-box td{padding:20px;text-align:left;font-size:13px;color:#666;border:none}.dashboard-folding .table-box th{background-color:#fff;font-weight:500;color:#354ebc;border-bottom:none}.dashboard-folding .table-box tbody tr:nth-child(odd){background-color:#fafbff}.dashboard-folding .table-box tbody tr:nth-child(2n){background-color:#fff}.dashboard-folding .table-box .dataTable thead .sorting:before,.dashboard-folding .table-box .dataTable thead .sorting_asc:before,.dashboard-folding .table-box .dataTable thead .sorting_desc:before,.dashboard-folding .table-box .dataTable thead .sorting_asc_disabled:before,.dashboard-folding .table-box .dataTable thead .sorting_desc_disabled:before,.dashboard-folding .table-box .dataTable thead .sorting:after,.dashboard-folding .table-box .dataTable thead .sorting_asc:after,.dashboard-folding .table-box .dataTable thead .sorting_desc:after,.dashboard-folding .table-box .dataTable thead .sorting_asc_disabled:after,.dashboard-folding .table-box .dataTable thead .sorting_desc_disabled:after{color:#fafafa}.dashboard-folding .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.dashboard-folding .table-box .dataTables_paginate .paginate_button,.dashboard-folding .table-box .dataTables_paginate .paginate_button a{border:none}.dashboard-folding .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;margin-top:15px}.dashboard-folding .table-box .modal-pencil{display:flex;justify-content:center;align-items:center;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;white-space:nowrap}.dashboard-folding .table-box .dataTables_info{font-size:13px;font-weight:400;padding:0;position:absolute;right:100px;bottom:25px;line-height:30px}.dashboard-folding .table-box .dataTables_length{position:absolute;font-size:13px;color:#666;left:40px;bottom:10px}.dashboard-folding .table-box .dataTables_length select{font-size:13px;font-weight:500;border:none;outline:none;margin-bottom:2px;margin-left:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center;background-size:20px;padding-right:20px}.dashboard-folding .table-box .dataTables_length select:focus{outline:none;box-shadow:none}.dashboard-ironing{margin:30px 25px}.dashboard-ironing p,.dashboard-ironing h1{margin:0;padding:0}.dashboard-ironing a,.dashboard-ironing a:hover{text-decoration:none;color:#fff}.dashboard-ironing .top-page{display:flex;width:100%;align-items:center;gap:10px}.dashboard-ironing .top-page .right-side{display:flex;align-items:center;gap:10px}.dashboard-ironing .top-page p{font-size:22px;font-weight:400;color:#354ebc}.dashboard-ironing .top-page p span{font-weight:700}.dashboard-ironing .box3{margin-top:20px;display:flex;flex-direction:column}.dashboard-ironing .box3 .top2{display:flex;justify-content:space-between;margin-top:20px}.dashboard-ironing .box3 .top2 .items{display:flex;gap:5px}.dashboard-ironing .box3 .top2 .items .item{padding:10px 35px;border-radius:10px 10px 0 0;color:#5b84c3;background-color:#e5e5e5;font-weight:500;cursor:pointer;font-size:14px}.dashboard-ironing .box3 .top2 .items .item.active{background-color:#5b84c3;color:#fff}.dashboard-ironing .table-box{overflow:auto;box-sizing:border-box;border-radius:0 10px 10px;border-top:none;padding-bottom:20px;background-color:#fff;position:relative;white-space:nowrap}.dashboard-ironing .table-box table{width:100%!important;border-collapse:collapse;position:relative;box-sizing:border-box}.dashboard-ironing .table-box th.sorting{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center;cursor:pointer}.dashboard-ironing .table-box th.sorting_asc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-ironing .table-box th.sorting_desc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-ironing .table-box th,.dashboard-ironing .table-box td{padding:20px;text-align:left;font-size:13px;color:#666;border:none}.dashboard-ironing .table-box th{background-color:#fff;font-weight:500;color:#354ebc;border-bottom:none}.dashboard-ironing .table-box tbody tr:nth-child(odd){background-color:#fafbff}.dashboard-ironing .table-box tbody tr:nth-child(2n){background-color:#fff}.dashboard-ironing .table-box .dataTable thead .sorting:before,.dashboard-ironing .table-box .dataTable thead .sorting_asc:before,.dashboard-ironing .table-box .dataTable thead .sorting_desc:before,.dashboard-ironing .table-box .dataTable thead .sorting_asc_disabled:before,.dashboard-ironing .table-box .dataTable thead .sorting_desc_disabled:before,.dashboard-ironing .table-box .dataTable thead .sorting:after,.dashboard-ironing .table-box .dataTable thead .sorting_asc:after,.dashboard-ironing .table-box .dataTable thead .sorting_desc:after,.dashboard-ironing .table-box .dataTable thead .sorting_asc_disabled:after,.dashboard-ironing .table-box .dataTable thead .sorting_desc_disabled:after{color:#fafafa}.dashboard-ironing .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.dashboard-ironing .table-box .dataTables_paginate .paginate_button,.dashboard-ironing .table-box .dataTables_paginate .paginate_button a{border:none}.dashboard-ironing .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;margin-top:15px}.dashboard-ironing .table-box .modal-pencil{display:flex;justify-content:center;align-items:center;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;white-space:nowrap}.dashboard-ironing .table-box .dataTables_info{font-size:13px;font-weight:400;padding:0;position:absolute;right:100px;bottom:25px;line-height:30px}.dashboard-ironing .table-box .dataTables_length{position:absolute;font-size:13px;color:#666;left:40px;bottom:10px}.dashboard-ironing .table-box .dataTables_length select{font-size:13px;font-weight:500;border:none;outline:none;margin-bottom:2px;margin-left:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center;background-size:20px;padding-right:20px}.dashboard-ironing .table-box .dataTables_length select:focus{outline:none;box-shadow:none}.dashboard-spotting{margin:30px 25px}.dashboard-spotting p,.dashboard-spotting h1{margin:0;padding:0}.dashboard-spotting a,.dashboard-spotting a:hover{text-decoration:none;color:#fff}.dashboard-spotting .top-page{display:flex;width:100%;align-items:center;gap:10px}.dashboard-spotting .top-page .right-side{display:flex;align-items:center;gap:10px}.dashboard-spotting .top-page p{font-size:22px;font-weight:400;color:#354ebc}.dashboard-spotting .top-page p span{font-weight:700}.dashboard-spotting .box3{margin-top:20px;display:flex;flex-direction:column}.dashboard-spotting .box3 .top2{display:flex;justify-content:space-between;margin-top:20px}.dashboard-spotting .box3 .top2 .items{display:flex;gap:5px}.dashboard-spotting .box3 .top2 .items .item{padding:10px 35px;border-radius:10px 10px 0 0;color:#5b84c3;background-color:#e5e5e5;font-weight:500;cursor:pointer;font-size:14px}.dashboard-spotting .box3 .top2 .items .item.active{background-color:#5b84c3;color:#fff}.dashboard-spotting .table-box{overflow:auto;box-sizing:border-box;border-radius:0 10px 10px;border-top:none;padding-bottom:20px;background-color:#fff;position:relative;white-space:nowrap}.dashboard-spotting .table-box table{width:100%!important;border-collapse:collapse;position:relative;box-sizing:border-box}.dashboard-spotting .table-box th.sorting{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center;cursor:pointer}.dashboard-spotting .table-box th.sorting_asc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-spotting .table-box th.sorting_desc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-spotting .table-box th,.dashboard-spotting .table-box td{padding:20px;text-align:left;font-size:13px;color:#666;border:none}.dashboard-spotting .table-box th{background-color:#fff;font-weight:500;color:#354ebc;border-bottom:none}.dashboard-spotting .table-box tbody tr:nth-child(odd){background-color:#fafbff}.dashboard-spotting .table-box tbody tr:nth-child(2n){background-color:#fff}.dashboard-spotting .table-box .dataTable thead .sorting:before,.dashboard-spotting .table-box .dataTable thead .sorting_asc:before,.dashboard-spotting .table-box .dataTable thead .sorting_desc:before,.dashboard-spotting .table-box .dataTable thead .sorting_asc_disabled:before,.dashboard-spotting .table-box .dataTable thead .sorting_desc_disabled:before,.dashboard-spotting .table-box .dataTable thead .sorting:after,.dashboard-spotting .table-box .dataTable thead .sorting_asc:after,.dashboard-spotting .table-box .dataTable thead .sorting_desc:after,.dashboard-spotting .table-box .dataTable thead .sorting_asc_disabled:after,.dashboard-spotting .table-box .dataTable thead .sorting_desc_disabled:after{color:#fafafa}.dashboard-spotting .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.dashboard-spotting .table-box .dataTables_paginate .paginate_button,.dashboard-spotting .table-box .dataTables_paginate .paginate_button a{border:none}.dashboard-spotting .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;margin-top:15px}.dashboard-spotting .table-box .modal-pencil{display:flex;justify-content:center;align-items:center;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;white-space:nowrap}.dashboard-spotting .table-box .dataTables_info{font-size:13px;font-weight:400;padding:0;position:absolute;right:100px;bottom:25px;line-height:30px}.dashboard-spotting .table-box .dataTables_length{position:absolute;font-size:13px;color:#666;left:40px;bottom:10px}.dashboard-spotting .table-box .dataTables_length select{font-size:13px;font-weight:500;border:none;outline:none;margin-bottom:2px;margin-left:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center;background-size:20px;padding-right:20px}.dashboard-spotting .table-box .dataTables_length select:focus{outline:none;box-shadow:none}.dashboard-mesin-rusak{margin:30px 25px}.dashboard-mesin-rusak p,.dashboard-mesin-rusak h1{margin:0;padding:0}.dashboard-mesin-rusak a,.dashboard-mesin-rusak a:hover{text-decoration:none;color:#fff}.dashboard-mesin-rusak .search-bar{display:flex;width:100%;margin-top:20px}.dashboard-mesin-rusak .search-input-container{position:relative;display:flex;align-items:center;width:100%}.dashboard-mesin-rusak input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px 13px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#000;letter-spacing:.5px;align-items:center}.dashboard-mesin-rusak input::placeholder{color:#aeaeae}.dashboard-mesin-rusak .search-icon{position:absolute;left:15px}.dashboard-mesin-rusak .search-icon i{font-size:18px;color:#686868;align-items:center}.dashboard-mesin-rusak .top-page{display:flex;width:100%;align-items:center;gap:10px;margin-bottom:20px}.dashboard-mesin-rusak .top-page .right-side{display:flex;align-items:center;gap:10px}.dashboard-mesin-rusak .top-page p{font-size:22px;font-weight:400;color:#354ebc}.dashboard-mesin-rusak .top-page p span{font-weight:700}.dashboard-mesin-rusak .box3{margin-top:20px;display:flex;flex-direction:column}.dashboard-mesin-rusak .box3 .top2{display:flex;justify-content:space-between;margin-top:20px}.dashboard-mesin-rusak .box3 .top2 .items{display:flex;gap:5px}.dashboard-mesin-rusak .box3 .top2 .items .item{padding:10px 35px;border-radius:10px 10px 0 0;color:#5b84c3;background-color:#e5e5e5;font-weight:500;cursor:pointer}.dashboard-mesin-rusak .box3 .top2 .items .item.active{background-color:#5b84c3;color:#fff}.dashboard-mesin-rusak .table-box{overflow:auto;box-sizing:border-box;border-radius:10px;border:1px solid #DBE9FF;padding-bottom:20px;background-color:#fff;position:relative;white-space:nowrap}.dashboard-mesin-rusak .table-box table{width:100%!important;border-collapse:collapse;position:relative;box-sizing:border-box}.dashboard-mesin-rusak .table-box th.sorting{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center;cursor:pointer}.dashboard-mesin-rusak .table-box th.sorting_asc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-mesin-rusak .table-box th.sorting_desc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-mesin-rusak .table-box th,.dashboard-mesin-rusak .table-box td{padding:20px;text-align:left;font-size:13px;color:#666;border:none}.dashboard-mesin-rusak .table-box th{background-color:#fff;font-weight:500;color:#354ebc;border-bottom:none}.dashboard-mesin-rusak .table-box tbody tr:nth-child(odd){background-color:#fafbff}.dashboard-mesin-rusak .table-box tbody tr:nth-child(2n){background-color:#fff}.dashboard-mesin-rusak .table-box .dataTable thead .sorting:before,.dashboard-mesin-rusak .table-box .dataTable thead .sorting_asc:before,.dashboard-mesin-rusak .table-box .dataTable thead .sorting_desc:before,.dashboard-mesin-rusak .table-box .dataTable thead .sorting_asc_disabled:before,.dashboard-mesin-rusak .table-box .dataTable thead .sorting_desc_disabled:before,.dashboard-mesin-rusak .table-box .dataTable thead .sorting:after,.dashboard-mesin-rusak .table-box .dataTable thead .sorting_asc:after,.dashboard-mesin-rusak .table-box .dataTable thead .sorting_desc:after,.dashboard-mesin-rusak .table-box .dataTable thead .sorting_asc_disabled:after,.dashboard-mesin-rusak .table-box .dataTable thead .sorting_desc_disabled:after{color:#fafafa}.dashboard-mesin-rusak .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.dashboard-mesin-rusak .table-box .dataTables_paginate .paginate_button,.dashboard-mesin-rusak .table-box .dataTables_paginate .paginate_button a{border:none}.dashboard-mesin-rusak .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;margin-top:15px}.dashboard-mesin-rusak .table-box .modal-pencil{display:flex;justify-content:center;align-items:center;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;white-space:nowrap}.dashboard-mesin-rusak .table-box .dataTables_info{font-size:13px;font-weight:400;padding:0;position:absolute;right:100px;line-height:30px}.dashboard-mesin-rusak .table-box .dataTables_length{position:absolute;font-size:13px;color:#666;left:20px;bottom:10px}.dashboard-mesin-rusak .table-box .dataTables_length select{font-size:13px;font-weight:500;border:none;outline:none;margin-bottom:2px;margin-left:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center;background-size:20px;padding-right:20px}.dashboard-mesin-rusak .table-box .dataTables_length select:focus{outline:none;box-shadow:none}.dashboard-trolley-rusak{margin:30px 25px}.dashboard-trolley-rusak p,.dashboard-trolley-rusak h1{margin:0;padding:0}.dashboard-trolley-rusak a,.dashboard-trolley-rusak a:hover{text-decoration:none;color:#fff}.dashboard-trolley-rusak .search-bar{display:flex;width:100%;margin-top:20px}.dashboard-trolley-rusak .search-input-container{position:relative;display:flex;align-items:center;width:100%}.dashboard-trolley-rusak input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px 13px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#000;letter-spacing:.5px;align-items:center}.dashboard-trolley-rusak input::placeholder{color:#aeaeae}.dashboard-trolley-rusak .search-icon{position:absolute;left:15px}.dashboard-trolley-rusak .search-icon i{font-size:18px;color:#686868;align-items:center}.dashboard-trolley-rusak .top-page{display:flex;width:100%;align-items:center;gap:10px;margin-bottom:20px}.dashboard-trolley-rusak .top-page .right-side{display:flex;align-items:center;gap:10px}.dashboard-trolley-rusak .top-page p{font-size:22px;font-weight:400;color:#354ebc}.dashboard-trolley-rusak .top-page p span{font-weight:700}.dashboard-trolley-rusak .box3{margin-top:20px;display:flex;flex-direction:column}.dashboard-trolley-rusak .box3 .top2{display:flex;justify-content:space-between;margin-top:20px}.dashboard-trolley-rusak .box3 .top2 .items{display:flex;gap:5px}.dashboard-trolley-rusak .box3 .top2 .items .item{padding:10px 35px;border-radius:10px 10px 0 0;color:#5b84c3;background-color:#e5e5e5;font-weight:500;cursor:pointer}.dashboard-trolley-rusak .box3 .top2 .items .item.active{background-color:#5b84c3;color:#fff}.dashboard-trolley-rusak .table-box{overflow:auto;box-sizing:border-box;border-radius:10px;border:1px solid #DBE9FF;padding-bottom:20px;background-color:#fff;position:relative;white-space:nowrap}.dashboard-trolley-rusak .table-box table{width:100%!important;border-collapse:collapse;position:relative;box-sizing:border-box}.dashboard-trolley-rusak .table-box th.sorting{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center;cursor:pointer}.dashboard-trolley-rusak .table-box th.sorting_asc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-trolley-rusak .table-box th.sorting_desc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-trolley-rusak .table-box th,.dashboard-trolley-rusak .table-box td{padding:20px;text-align:left;font-size:13px;color:#666;border:none}.dashboard-trolley-rusak .table-box th{background-color:#fff;font-weight:500;color:#354ebc;border-bottom:none}.dashboard-trolley-rusak .table-box tbody tr:nth-child(odd){background-color:#fafbff}.dashboard-trolley-rusak .table-box tbody tr:nth-child(2n){background-color:#fff}.dashboard-trolley-rusak .table-box .dataTable thead .sorting:before,.dashboard-trolley-rusak .table-box .dataTable thead .sorting_asc:before,.dashboard-trolley-rusak .table-box .dataTable thead .sorting_desc:before,.dashboard-trolley-rusak .table-box .dataTable thead .sorting_asc_disabled:before,.dashboard-trolley-rusak .table-box .dataTable thead .sorting_desc_disabled:before,.dashboard-trolley-rusak .table-box .dataTable thead .sorting:after,.dashboard-trolley-rusak .table-box .dataTable thead .sorting_asc:after,.dashboard-trolley-rusak .table-box .dataTable thead .sorting_desc:after,.dashboard-trolley-rusak .table-box .dataTable thead .sorting_asc_disabled:after,.dashboard-trolley-rusak .table-box .dataTable thead .sorting_desc_disabled:after{color:#fafafa}.dashboard-trolley-rusak .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.dashboard-trolley-rusak .table-box .dataTables_paginate .paginate_button,.dashboard-trolley-rusak .table-box .dataTables_paginate .paginate_button a{border:none}.dashboard-trolley-rusak .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;margin-top:15px}.dashboard-trolley-rusak .table-box .modal-pencil{display:flex;justify-content:center;align-items:center;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;white-space:nowrap}.dashboard-trolley-rusak .table-box .dataTables_info{font-size:13px;font-weight:400;padding:0;position:absolute;right:100px;line-height:30px}.dashboard-trolley-rusak .table-box .dataTables_length{position:absolute;font-size:13px;color:#666;left:20px;bottom:10px}.dashboard-trolley-rusak .table-box .dataTables_length select{font-size:13px;font-weight:500;border:none;outline:none;margin-bottom:2px;margin-left:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center;background-size:20px;padding-right:20px}.dashboard-trolley-rusak .table-box .dataTables_length select:focus{outline:none;box-shadow:none}.dashboard-spotting-rusak{margin:30px 25px}.dashboard-spotting-rusak p,.dashboard-spotting-rusak h1{margin:0;padding:0}.dashboard-spotting-rusak a,.dashboard-spotting-rusak a:hover{text-decoration:none;color:#fff}.dashboard-spotting-rusak .search-bar{display:flex;width:100%;margin-top:20px}.dashboard-spotting-rusak .search-input-container{position:relative;display:flex;align-items:center;width:100%}.dashboard-spotting-rusak input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px 13px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#000;letter-spacing:.5px;align-items:center}.dashboard-spotting-rusak input::placeholder{color:#aeaeae}.dashboard-spotting-rusak .search-icon{position:absolute;left:15px}.dashboard-spotting-rusak .search-icon i{font-size:18px;color:#686868;align-items:center}.dashboard-spotting-rusak .top-page{display:flex;width:100%;align-items:center;gap:10px;margin-bottom:20px}.dashboard-spotting-rusak .top-page .right-side{display:flex;align-items:center;gap:10px}.dashboard-spotting-rusak .top-page p{font-size:22px;font-weight:400;color:#354ebc}.dashboard-spotting-rusak .top-page p span{font-weight:700}.dashboard-spotting-rusak .box3{margin-top:20px;display:flex;flex-direction:column}.dashboard-spotting-rusak .box3 .top2{display:flex;justify-content:space-between;margin-top:20px}.dashboard-spotting-rusak .box3 .top2 .items{display:flex;gap:5px}.dashboard-spotting-rusak .box3 .top2 .items .item{padding:10px 35px;border-radius:10px 10px 0 0;color:#5b84c3;background-color:#e5e5e5;font-weight:500;cursor:pointer}.dashboard-spotting-rusak .box3 .top2 .items .item.active{background-color:#5b84c3;color:#fff}.dashboard-spotting-rusak .table-box{overflow:auto;box-sizing:border-box;border-radius:10px;border:1px solid #DBE9FF;padding-bottom:20px;background-color:#fff;position:relative;white-space:nowrap}.dashboard-spotting-rusak .table-box table{width:100%!important;border-collapse:collapse;position:relative;box-sizing:border-box}.dashboard-spotting-rusak .table-box th.sorting{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center;cursor:pointer}.dashboard-spotting-rusak .table-box th.sorting_asc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-spotting-rusak .table-box th.sorting_desc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-spotting-rusak .table-box th,.dashboard-spotting-rusak .table-box td{padding:20px;text-align:left;font-size:13px;color:#666;border:none}.dashboard-spotting-rusak .table-box th{background-color:#fff;font-weight:500;color:#354ebc;border-bottom:none}.dashboard-spotting-rusak .table-box tbody tr:nth-child(odd){background-color:#fafbff}.dashboard-spotting-rusak .table-box tbody tr:nth-child(2n){background-color:#fff}.dashboard-spotting-rusak .table-box .dataTable thead .sorting:before,.dashboard-spotting-rusak .table-box .dataTable thead .sorting_asc:before,.dashboard-spotting-rusak .table-box .dataTable thead .sorting_desc:before,.dashboard-spotting-rusak .table-box .dataTable thead .sorting_asc_disabled:before,.dashboard-spotting-rusak .table-box .dataTable thead .sorting_desc_disabled:before,.dashboard-spotting-rusak .table-box .dataTable thead .sorting:after,.dashboard-spotting-rusak .table-box .dataTable thead .sorting_asc:after,.dashboard-spotting-rusak .table-box .dataTable thead .sorting_desc:after,.dashboard-spotting-rusak .table-box .dataTable thead .sorting_asc_disabled:after,.dashboard-spotting-rusak .table-box .dataTable thead .sorting_desc_disabled:after{color:#fafafa}.dashboard-spotting-rusak .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.dashboard-spotting-rusak .table-box .dataTables_paginate .paginate_button,.dashboard-spotting-rusak .table-box .dataTables_paginate .paginate_button a{border:none}.dashboard-spotting-rusak .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;margin-top:15px}.dashboard-spotting-rusak .table-box .modal-pencil{display:flex;justify-content:center;align-items:center;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;white-space:nowrap}.dashboard-spotting-rusak .table-box .dataTables_info{font-size:13px;font-weight:400;padding:0;position:absolute;right:100px;line-height:30px}.dashboard-spotting-rusak .table-box .dataTables_length{position:absolute;font-size:13px;color:#666;left:20px;bottom:10px}.dashboard-spotting-rusak .table-box .dataTables_length select{font-size:13px;font-weight:500;border:none;outline:none;margin-bottom:2px;margin-left:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center;background-size:20px;padding-right:20px}.dashboard-spotting-rusak .table-box .dataTables_length select:focus{outline:none;box-shadow:none}.dashboard-truck-rusak{margin:30px 25px}.dashboard-truck-rusak p,.dashboard-truck-rusak h1{margin:0;padding:0}.dashboard-truck-rusak a,.dashboard-truck-rusak a:hover{text-decoration:none;color:#fff}.dashboard-truck-rusak .search-bar{display:flex;width:100%;margin-top:20px}.dashboard-truck-rusak .search-input-container{position:relative;display:flex;align-items:center;width:100%}.dashboard-truck-rusak input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px 13px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#000;letter-spacing:.5px;align-items:center}.dashboard-truck-rusak input::placeholder{color:#aeaeae}.dashboard-truck-rusak .search-icon{position:absolute;left:15px}.dashboard-truck-rusak .search-icon i{font-size:18px;color:#686868;align-items:center}.dashboard-truck-rusak .top-page{display:flex;width:100%;align-items:center;gap:10px;margin-bottom:20px}.dashboard-truck-rusak .top-page .right-side{display:flex;align-items:center;gap:10px}.dashboard-truck-rusak .top-page p{font-size:22px;font-weight:400;color:#354ebc}.dashboard-truck-rusak .top-page p span{font-weight:700}.dashboard-truck-rusak .box3{margin-top:20px;display:flex;flex-direction:column}.dashboard-truck-rusak .box3 .top2{display:flex;justify-content:space-between;margin-top:20px}.dashboard-truck-rusak .box3 .top2 .items{display:flex;gap:5px}.dashboard-truck-rusak .box3 .top2 .items .item{padding:10px 35px;border-radius:10px 10px 0 0;color:#5b84c3;background-color:#e5e5e5;font-weight:500;cursor:pointer}.dashboard-truck-rusak .box3 .top2 .items .item.active{background-color:#5b84c3;color:#fff}.dashboard-truck-rusak .table-box{overflow:auto;box-sizing:border-box;border-radius:10px;border:1px solid #DBE9FF;padding-bottom:20px;background-color:#fff;position:relative;white-space:nowrap}.dashboard-truck-rusak .table-box table{width:100%!important;border-collapse:collapse;position:relative;box-sizing:border-box}.dashboard-truck-rusak .table-box th.sorting{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center;cursor:pointer}.dashboard-truck-rusak .table-box th.sorting_asc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-truck-rusak .table-box th.sorting_desc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:90% center}.dashboard-truck-rusak .table-box th,.dashboard-truck-rusak .table-box td{padding:20px;text-align:left;font-size:13px;color:#666;border:none}.dashboard-truck-rusak .table-box th{background-color:#fff;font-weight:500;color:#354ebc;border-bottom:none}.dashboard-truck-rusak .table-box tbody tr:nth-child(odd){background-color:#fafbff}.dashboard-truck-rusak .table-box tbody tr:nth-child(2n){background-color:#fff}.dashboard-truck-rusak .table-box .dataTable thead .sorting:before,.dashboard-truck-rusak .table-box .dataTable thead .sorting_asc:before,.dashboard-truck-rusak .table-box .dataTable thead .sorting_desc:before,.dashboard-truck-rusak .table-box .dataTable thead .sorting_asc_disabled:before,.dashboard-truck-rusak .table-box .dataTable thead .sorting_desc_disabled:before,.dashboard-truck-rusak .table-box .dataTable thead .sorting:after,.dashboard-truck-rusak .table-box .dataTable thead .sorting_asc:after,.dashboard-truck-rusak .table-box .dataTable thead .sorting_desc:after,.dashboard-truck-rusak .table-box .dataTable thead .sorting_asc_disabled:after,.dashboard-truck-rusak .table-box .dataTable thead .sorting_desc_disabled:after{color:#fafafa}.dashboard-truck-rusak .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.dashboard-truck-rusak .table-box .dataTables_paginate .paginate_button,.dashboard-truck-rusak .table-box .dataTables_paginate .paginate_button a{border:none}.dashboard-truck-rusak .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;margin-top:15px}.dashboard-truck-rusak .table-box .modal-pencil{display:flex;justify-content:center;align-items:center;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;white-space:nowrap}.dashboard-truck-rusak .table-box .dataTables_info{font-size:13px;font-weight:400;padding:0;position:absolute;right:100px;line-height:30px}.dashboard-truck-rusak .table-box .dataTables_length{position:absolute;font-size:13px;color:#666;left:20px;bottom:10px}.dashboard-truck-rusak .table-box .dataTables_length select{font-size:13px;font-weight:500;border:none;outline:none;margin-bottom:2px;margin-left:5px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%23666666' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right center;background-size:20px;padding-right:20px}.dashboard-truck-rusak .table-box .dataTables_length select:focus{outline:none;box-shadow:none}.collection-detail .dataTables_wrapper{width:100%}.collection-detail .box{background-color:#fff;padding:20px;border-radius:10px;margin-top:20px}.collection-detail .box .group-text-1{display:flex;gap:20px;align-items:center;border-bottom:1px solid #DEDDDD}.collection-detail .box .group-text-1 .text-1{font-size:14px;font-weight:400;color:#000;padding-bottom:5px}.collection-detail .box .group-text-1 .text-1.active{font-size:14px;font-weight:400;color:#408df0;border-bottom:2px solid #408df0}.collection-detail .box .group-text-1 .text-2{font-size:14px;font-weight:400;color:#000;padding-bottom:5px}.collection-detail .box .group-text-1 .text-2.active{font-size:14px;font-weight:400;color:#408df0;border-bottom:2px solid #408df0}.collection-detail .box .content-box{display:flex;flex-direction:column}.collection-detail .box .content-box .top-side{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:15px;padding-bottom:15px;border-bottom:1px solid #DEDDDD}.collection-detail .box .content-box .top-side .left-side{display:flex;gap:5px;flex-direction:column;justify-content:start}.collection-detail .box .content-box .top-side .left-side .text-2{font-size:14px;font-weight:400;color:#686868}.collection-detail .box .content-box .top-side .left-side .text-3{font-size:15px;color:#000}.collection-detail .box .content-box .top-side .right-side{display:flex;gap:20px}.collection-detail .box .content-box .top-side .right-side .text-4{font-size:14px}.collection-detail .box .content-box .bottom-side{display:flex;width:100%;margin-top:20px;gap:20px}.collection-detail .box .content-box .bottom-side .left-bottom,.collection-detail .box .content-box .bottom-side .right-bottom{width:50%;display:flex}.collection-detail .box .content-box .bottom-side .left-bottom .left-text,.collection-detail .box .content-box .bottom-side .right-bottom .left-text{display:flex;flex-direction:column;width:50%;gap:10px}.collection-detail .box .content-box .bottom-side .left-bottom .left-text .text-1,.collection-detail .box .content-box .bottom-side .right-bottom .left-text .text-1{color:#686868;font-size:14px}.collection-detail .box .content-box .bottom-side .left-bottom .right-text,.collection-detail .box .content-box .bottom-side .right-bottom .right-text{display:flex;flex-direction:column;width:50%;gap:10px}.collection-detail .box .content-box .bottom-side .left-bottom .right-text .text-2,.collection-detail .box .content-box .bottom-side .right-bottom .right-text .text-2{color:#000;font-size:14px}.collection-detail .box .content-box .bottom-side .left-bottom .right-text .text-3,.collection-detail .box .content-box .bottom-side .right-bottom .right-text .text-3{color:#f4406b;background-color:#ffe0f0;font-size:14px;padding:7px 10px;border-radius:10px;max-width:fit-content}.collection-detail .box .content-box .bottom-side2{display:flex;width:100%;margin-top:20px}.collection-detail .box .content-box .bottom-side2 .left-bottom{width:50%;display:flex;flex-direction:column}.collection-detail .box .content-box .bottom-side2 .left-bottom p{color:#686868;font-size:14px;margin-bottom:5px}.collection-detail .box .content-box .bottom-side2 .right-bottom{width:50%;display:flex;gap:20px;justify-content:end;align-items:end}.collection-detail .box .content-box .bottom-side2 .right-bottom .context{width:50%}.collection-detail .box .content-box .bottom-side2 .right-bottom .context p{color:#686868;font-size:14px}.collection-detail .box .content-box .bottom-side2 .right-bottom .context input{width:100%;border:none;border-bottom:1px solid #354ebc;padding:10px 5px;font-size:14px}.collection-detail .box .table-box{background-color:#fff;border-radius:15px;padding:20px 0;overflow:auto;box-sizing:border-box;position:relative;width:100%}.collection-detail .box .table-box .dataTables_wrapper{width:100%}.collection-detail .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.collection-detail .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.collection-detail .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.collection-detail .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none;font-size:13px}.collection-detail .box .table-box .dataTables_paginate .paginate_button a:focus,.collection-detail .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.collection-detail .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.collection-detail .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.collection-detail .box .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.collection-detail .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:13px}.collection-detail .box .table-box .ellipsis-container{position:relative;display:flex}.collection-detail .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.collection-detail .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.collection-detail .box .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.collection-detail .box .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.collection-detail .box .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.collection-detail .box .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-detail .box .table-box .status-express p{font-weight:600}.collection-detail .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.collection-detail .box .table-box .status-regular p{font-weight:600}.collection-detail .box .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-detail .box .table-box .status-need-revision p{font-weight:600}.collection-detail .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.collection-detail .box .table-box .status-need-approve p{font-weight:600}.collection-detail .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-detail .box .table-box .status-draft p{font-weight:600}.collection-detail .box .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-detail .box .table-box .status-uncomplete p{font-weight:600}.collection-detail .box .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-detail .box .table-box .status-complete p{font-weight:600}.collection-detail .box .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-detail .box .table-box .status-dash p{font-weight:600}.collection-detail .box .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-detail .box .table-box .status-outstanding p{font-weight:600}.collection-detail .box .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-detail .box .table-box .status-partial-outstanding p{font-weight:600}.collection-detail .box .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-detail .box .table-box .status-balance p{font-weight:600}.collection-detail .box .table-box table{width:100%!important;border-collapse:collapse}.collection-detail .box .table-box table.dataTable thead .sorting:before,.collection-detail .box .table-box table.dataTable thead .sorting_asc:before,.collection-detail .box .table-box table.dataTable thead .sorting_desc:before,.collection-detail .box .table-box table.dataTable thead .sorting_asc_disabled:before,.collection-detail .box .table-box table.dataTable thead .sorting_desc_disabled:before,.collection-detail .box .table-box table.dataTable thead .sorting:after,.collection-detail .box .table-box table.dataTable thead .sorting_asc:after,.collection-detail .box .table-box table.dataTable thead .sorting_desc:after,.collection-detail .box .table-box table.dataTable thead .sorting_asc_disabled:after,.collection-detail .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.collection-detail .box .table-box th,.collection-detail .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px;white-space:nowrap}.collection-detail .box .table-box th .padding-table-box,.collection-detail .box .table-box td .padding-table-box{padding:10px;background-color:#ffc107;border-radius:10px;text-align:center;font-weight:500;width:10;margin:0!important}.collection-detail .box .table-box th .padding-table-box.Draft,.collection-detail .box .table-box th .padding-table-box.draft,.collection-detail .box .table-box td .padding-table-box.Draft,.collection-detail .box .table-box td .padding-table-box.draft{background-color:#d2d2d2;color:#000}.collection-detail .box .table-box th .padding-table-box.Uncomplete,.collection-detail .box .table-box th .padding-table-box.uncomplete,.collection-detail .box .table-box td .padding-table-box.Uncomplete,.collection-detail .box .table-box td .padding-table-box.uncomplete{background-color:#f4406b;color:#fff}.collection-detail .box .table-box th .padding-table-box.Complete,.collection-detail .box .table-box th .padding-table-box.complete,.collection-detail .box .table-box td .padding-table-box.Complete,.collection-detail .box .table-box td .padding-table-box.complete{background-color:#e9f7ef;color:#28a745}.collection-detail .box .table-box th .padding-table-box.Outstanding,.collection-detail .box .table-box th .padding-table-box.outstanding,.collection-detail .box .table-box td .padding-table-box.Outstanding,.collection-detail .box .table-box td .padding-table-box.outstanding{background-color:#fdd9e1;color:#f4406b}.collection-detail .box .table-box th .padding-table-box.Balance,.collection-detail .box .table-box th .padding-table-box.balance,.collection-detail .box .table-box td .padding-table-box.Balance,.collection-detail .box .table-box td .padding-table-box.balance{background-color:#e9f7ef;color:#28a745}.collection-detail .box .table-box th .padding-table-box.Partial-Outstanding,.collection-detail .box .table-box th .padding-table-box.partial-outstanding,.collection-detail .box .table-box td .padding-table-box.Partial-Outstanding,.collection-detail .box .table-box td .padding-table-box.partial-outstanding{background-color:orange;color:#fff}.collection-detail .box .table-box th .padding-table-box2,.collection-detail .box .table-box td .padding-table-box2{padding:5px 10px;background-color:#e9f7ef;color:#28a745;border-radius:10px;text-align:center}.collection-detail .box .table-box th .padding-table-box3,.collection-detail .box .table-box td .padding-table-box3{padding:5px 10px;background-color:orange;color:#fff;border-radius:10px;text-align:center}.collection-detail .box .table-box th{background-color:#fafafa;font-weight:400}.collection-detail .box .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.collection-detail .box .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.collection-detail .box .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.collection-detail .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px;font-size:13px}.collection-detail .box .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.collection-detail .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.collection-detail .box .table-box img{display:flex;justify-content:center}.collection-detail .informasi-cf .image-container{position:relative;display:inline-block;cursor:pointer;margin:10px}.collection-detail .informasi-cf .image-container img{display:block;transition:transform .3s ease;max-width:150px;height:auto}.collection-detail .informasi-cf .image-container .overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#00000080;opacity:0;transition:opacity .3s ease;pointer-events:none}.collection-detail .informasi-cf .image-container:hover .overlay{opacity:1}.collection-detail .informasi-cf .eye-icon{width:100px;height:100px;filter:invert(100%);display:flex;align-items:center;justify-content:center}.collection-detail .informasi-cf .modal-image-viewer{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000000b3;display:none;justify-content:center;align-items:center}.collection-detail .informasi-cf .modal-content{position:relative;background:#fff;padding:50px 20px 20px;max-width:800px;width:90%;text-align:center;border-radius:10px}.collection-detail .informasi-cf .large-img{width:100%;height:auto;display:block;margin:0 auto}.collection-detail .informasi-cf .close{position:absolute;top:10px;right:20px;color:#333;font-size:30px;font-weight:700;cursor:pointer}.collection-detail .informasi-cf .text-1{font-size:14px}.collection-detail .informasi-cf .top-page2{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 20px 0}.collection-detail .informasi-cf .top-page2 .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.collection-detail .informasi-cf .top-page2 .ellipsis-container{position:relative;display:flex}.collection-detail .informasi-cf .top-page2 .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.collection-detail .informasi-cf .top-page2 .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.collection-detail .informasi-cf .top-page2 .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.collection-detail .informasi-cf .top-page2 .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.collection-detail .informasi-cf .top-page2 .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.collection-detail .informasi-cf .top-page2 .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-detail .informasi-cf .top-page2 .status-express p{font-weight:600}.collection-detail .informasi-cf .top-page2 .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.collection-detail .informasi-cf .top-page2 .status-regular p{font-weight:600}.collection-detail .informasi-cf .top-page2 .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-detail .informasi-cf .top-page2 .status-need-revision p{font-weight:600}.collection-detail .informasi-cf .top-page2 .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.collection-detail .informasi-cf .top-page2 .status-need-approve p{font-weight:600}.collection-detail .informasi-cf .top-page2 .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-detail .informasi-cf .top-page2 .status-draft p{font-weight:600}.collection-detail .informasi-cf .top-page2 .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-detail .informasi-cf .top-page2 .status-uncomplete p{font-weight:600}.collection-detail .informasi-cf .top-page2 .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-detail .informasi-cf .top-page2 .status-complete p{font-weight:600}.collection-detail .informasi-cf .top-page2 .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-detail .informasi-cf .top-page2 .status-dash p{font-weight:600}.collection-detail .informasi-cf .top-page2 .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-detail .informasi-cf .top-page2 .status-outstanding p{font-weight:600}.collection-detail .informasi-cf .top-page2 .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-detail .informasi-cf .top-page2 .status-partial-outstanding p{font-weight:600}.collection-detail .informasi-cf .top-page2 .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-detail .informasi-cf .top-page2 .status-balance p{font-weight:600}.collection-detail .informasi-cf .top-page2 table{width:100%!important;border-collapse:collapse;margin-bottom:20px}.collection-detail .informasi-cf .top-page2 table.dataTable thead .sorting:before,.collection-detail .informasi-cf .top-page2 table.dataTable thead .sorting_asc:before,.collection-detail .informasi-cf .top-page2 table.dataTable thead .sorting_desc:before,.collection-detail .informasi-cf .top-page2 table.dataTable thead .sorting_asc_disabled:before,.collection-detail .informasi-cf .top-page2 table.dataTable thead .sorting_desc_disabled:before,.collection-detail .informasi-cf .top-page2 table.dataTable thead .sorting:after,.collection-detail .informasi-cf .top-page2 table.dataTable thead .sorting_asc:after,.collection-detail .informasi-cf .top-page2 table.dataTable thead .sorting_desc:after,.collection-detail .informasi-cf .top-page2 table.dataTable thead .sorting_asc_disabled:after,.collection-detail .informasi-cf .top-page2 table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.collection-detail .informasi-cf .top-page2 th,.collection-detail .informasi-cf .top-page2 td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px;white-space:nowrap;width:100%}.collection-detail .informasi-cf .top-page2 th{background-color:#fafafa;font-weight:400}.collection-detail .informasi-cf .top-page2 th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.collection-detail .informasi-cf .top-page2 th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.collection-detail .informasi-cf .top-page2 th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.collection-detail .informasi-cf .top-page2 .dataTables_paginate{margin-top:20px;margin-right:20px}.collection-detail .informasi-cf .top-page2 .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.collection-detail .informasi-cf .top-page2 .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.collection-detail .informasi-cf .top-page2 .button-tambah{gap:10px;width:100%;display:flex;background-color:#cbd9fd;color:#524fa0;border:1px dashed #524fa0;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap;margin-bottom:15px}.collection-form{margin:40px}.collection-form p,.collection-form h1{margin:0;padding:0}.collection-form a,.collection-form a:hover{text-decoration:none;color:#fff}.collection-form .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.collection-form .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.collection-form .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.collection-form .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.collection-form .pop-up-ubah .card .content2{margin:0 20px 20px}.collection-form .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.collection-form .pop-up-ubah .card .border2{border-bottom:1px solid #dbe9ff}.collection-form .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.collection-form .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.collection-form .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.collection-form .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.collection-form .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.collection-form .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.collection-form .pop-up-ubah .card .button1 button:hover,.collection-form .pop-up-ubah .card .button2 button:hover{opacity:.9}.collection-form .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.collection-form .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.collection-form .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.collection-form .pop-up-hapus .card .title i{font-size:25px}.collection-form .pop-up-hapus .card .content2{margin:0 20px 20px}.collection-form .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.collection-form .pop-up-hapus .card .border2{border-bottom:1px solid #dbe9ff}.collection-form .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.collection-form .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.collection-form .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.collection-form .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.collection-form .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.collection-form .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.collection-form .pop-up-hapus .card .button1 button:hover,.collection-form .pop-up-hapus .card .button2 button:hover{opacity:.9}.collection-form .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.collection-form .top-page .text-1{font-size:22px;font-weight:500;color:#354ebc}.collection-form .top-page .group-button{display:flex;gap:10px}.collection-form .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;font-size:14px}.collection-form .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;font-size:14px}.collection-form .top-page2{margin-bottom:20px}.collection-form .top-page2 .date{display:flex;margin-right:10px}.collection-form .top-page2 .date ::-webkit-datetime-edit-fields-wrapper{display:flex;position:relative;justify-content:center}.collection-form .top-page2 .date .date-style1::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;right:50px;cursor:pointer}.collection-form .top-page2 .date .date-style2::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;left:10px;cursor:pointer}.collection-form .top-page2 .date .arrow-date{border:1px solid #DEDDDD;border-right:none;border-left:none;background-color:#fff;padding:12px 5px}.collection-form .top-page2 .date .date-icon{border:1px solid #DEDDDD;border-left:none;background-color:#fff;padding:12px 15px 12px 0;border-radius:0 10px 10px 0}.collection-form .top-page2 .date .date-style1,.collection-form .top-page2 .date .date-style2{border:1px solid #DEDDDD;padding:12px 5px;font-size:16px;font-weight:300;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none}.collection-form .top-page2 .date .date-style1{border-radius:10px 0 0 10px;border-right:none}.collection-form .top-page2 .date .date-style2{border-radius:0;border-right:none;border-left:none}.collection-form .top-page2 .date input:focus{border-color:#dedddd;outline:none}.collection-form .top-page2 .select-wrapper-arrow{position:relative;width:15%;margin-right:10px}.collection-form .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.collection-form .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:17px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.collection-form .top-page2 .dropdown-group{display:flex;gap:10px;align-items:center;width:100%}.collection-form .top-page2 .dropdown-group .search-bar{width:100%}.collection-form .top-page2 .dropdown-group .search-input-container{position:relative;display:flex;align-items:center;width:100%}.collection-form .top-page2 .dropdown-group input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 5px 13px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#000;letter-spacing:.5px;align-items:center}.collection-form .top-page2 .dropdown-group input::placeholder{color:#aeaeae}.collection-form .top-page2 .dropdown-group .search-icon{position:absolute;left:15px}.collection-form .top-page2 .dropdown-group .search-icon i{font-size:18px;color:#686868;align-items:center}.collection-form .top-page2 .dropdown-size{flex:1;margin-right:10px}.collection-form .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.collection-form .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:11px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.collection-form .top-page2 .button span{font-size:14px}.collection-form .top-page2 .button2{background-color:#fff;color:#3750bd;border:1px solid #3750bd;padding:11px 20px;border-radius:10px;cursor:pointer;justify-content:center;white-space:nowrap;font-weight:500;align-items:center;display:flex;gap:20px}.collection-form .top-page2 .button2 span{font-size:14px}.collection-form .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.collection-form .table-box .status{padding:7px 20px;text-align:center;border-radius:10px;margin-bottom:10px;font-size:14px;background-color:#d2d2d2;color:#000}.collection-form .table-box .status p{font-weight:400}.collection-form .table-box .status.Need_Approve,.collection-form .table-box .status.need_approve{background-color:#faad14;color:#fff}.collection-form .table-box .status.Need_Revision,.collection-form .table-box .status.need_revision{background-color:#ffedb4;color:#eb9901}.collection-form .table-box .status.Regular,.collection-form .table-box .status.regular{background-color:#1768f2;color:#fff}.collection-form .table-box .status.Express,.collection-form .table-box .status.express{background-color:orange;color:#fff}.collection-form .table-box .status.Complete,.collection-form .table-box .status.complete{background-color:#e9f7ef;color:#28a745}.collection-form .table-box .status.Uncomplete,.collection-form .table-box .status.uncomplete{color:#f4406b;background-color:#fdd9e1}.collection-form .table-box .status.Draft,.collection-form .table-box .status.draft{background-color:#d2d2d2;color:#000}.collection-form .table-box .status.Outstanding,.collection-form .table-box .status.outstanding{background-color:#fdd9e1;color:#f4406b}.collection-form .table-box .status.Partial_Outstanding,.collection-form .table-box .status.partial_outstanding{background-color:orange;color:#fff}.collection-form .table-box .status.Balance,.collection-form .table-box .status.balance{background-color:#e9f7ef;color:#28a745;margin:0}.collection-form .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.collection-form .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.collection-form .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.collection-form .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none;font-size:13px}.collection-form .table-box .dataTables_paginate .paginate_button a:focus,.collection-form .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.collection-form .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.collection-form .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.collection-form .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.collection-form .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.collection-form .table-box .ellipsis-container{position:relative}.collection-form .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.collection-form .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.collection-form .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.collection-form .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.collection-form .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.collection-form .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form .table-box .status-express p{font-weight:600}.collection-form .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.collection-form .table-box .status-regular p{font-weight:600}.collection-form .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form .table-box .status-need-revision p{font-weight:600}.collection-form .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.collection-form .table-box .status-need-approve p{font-weight:600}.collection-form .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form .table-box .status-draft p{font-weight:600}.collection-form .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form .table-box .status-uncomplete p{font-weight:600}.collection-form .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form .table-box .status-complete p{font-weight:600}.collection-form .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form .table-box .status-dash p{font-weight:600}.collection-form .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form .table-box .status-outstanding p{font-weight:600}.collection-form .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form .table-box .status-partial-outstanding p{font-weight:600}.collection-form .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form .table-box .status-balance p{font-weight:600}.collection-form .table-box table{width:100%!important;border-collapse:collapse}.collection-form .table-box table.dataTable thead .sorting:before,.collection-form .table-box table.dataTable thead .sorting_asc:before,.collection-form .table-box table.dataTable thead .sorting_desc:before,.collection-form .table-box table.dataTable thead .sorting_asc_disabled:before,.collection-form .table-box table.dataTable thead .sorting_desc_disabled:before,.collection-form .table-box table.dataTable thead .sorting:after,.collection-form .table-box table.dataTable thead .sorting_asc:after,.collection-form .table-box table.dataTable thead .sorting_desc:after,.collection-form .table-box table.dataTable thead .sorting_asc_disabled:after,.collection-form .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.collection-form .table-box th,.collection-form .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px;white-space:nowrap}.collection-form .table-box th{background-color:#fafafa;font-weight:400;padding-right:30px}.collection-form .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.collection-form .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.collection-form .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.collection-form .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.collection-form-add{margin:40px}.collection-form-add span{color:#000}.collection-form-add .dropdown{position:relative}.collection-form-add .pop-up-calc{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.collection-form-add .select2-dropdown .select2-dropdown--below{border-top:1px solid red!important}.collection-form-add .input-container{position:relative;width:100%}.collection-form-add .input-style2{width:100%;border-radius:50px;padding:10px 60px 10px 40px;-moz-appearance:textfield}.collection-form-add .input-style2::-webkit-outer-spin-button,.collection-form-add .input-style2::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.collection-form-add .input-style2::-moz-placeholder{-webkit-appearance:none;-moz-appearance:none;appearance:none}.collection-form-add .input-container:after{content:"Jam";position:absolute;right:20px;top:45%;transform:translateY(-50%);color:#999;pointer-events:none}.collection-form-add .input-style2:focus+:before,.collection-form-add .input-style2:not(:placeholder-shown)+:before{display:block}.collection-form-add .border2{border:.5px solid #e5e5e5;border-radius:10px}.collection-form-add .box-customer .inside-box .box2 span{color:#000}.collection-form-add .select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #333;padding:8px;font-size:14px;color:#000}.collection-form-add .select2-container--default .select2-selection--single{padding:6px 10px;margin-top:5px;border:1px solid #DEDDDD;border-radius:10px;height:auto;width:100%}.collection-form-add .select2-container--default .select2-selection--single:before{content:"";position:absolute;top:55%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.collection-form-add .select2-container--default .select2-selection--single .select2-selection__arrow{display:none}.collection-form-add .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left:0;padding-right:0}.collection-form-add .select2-container--default .select2-dropdown{border-radius:10px}.collection-form-add .dropbtn{margin-top:5px;width:100%;padding:10px 15px;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;color:#686868;text-align:left;cursor:pointer;font-size:14px}.collection-form-add .dropbtn:before{content:"";position:absolute;top:55%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.collection-form-add .dropdown-content{display:none;position:absolute;width:100%;margin-top:10px;background-color:#fff;border-radius:15px;box-shadow:0 8px 16px #0000001a;z-index:1;align-items:flex-start;padding:5px 0}.collection-form-add .dropdown-content label{display:flex;margin-top:5px;margin-bottom:5px;margin-left:20px;white-space:nowrap}.collection-form-add .dropdown-content label div{margin-top:3px}.collection-form-add .dropdown-content label span{margin-right:15px;color:#000}.collection-form-add select{width:100%;padding:10px 15px;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;color:#686868;text-align:left;cursor:pointer}.collection-form-add option{padding:10px;background-color:#fff;color:#000}.collection-form-add .dropdown-content input[type=checkbox]{margin-right:10px}.collection-form-add .show{display:flex;flex-direction:column}.collection-form-add .selected-trips{display:flex;flex-wrap:nowrap;gap:10px;margin-top:10px;position:absolute;left:10px;right:35px;bottom:4px;z-index:1;background-color:#fff;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.collection-form-add .selected-trips::-webkit-scrollbar{display:none}.collection-form-add .selected-trips div{background-color:#f4f3f8;padding:5px 10px;border-radius:12px;margin:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}.collection-form-add .selected-trips div span{margin:0 5px 0 0;padding:0;color:#000;font-size:13px}.collection-form-add .selected-trips div button{margin:0;padding:0 0 3px 5px;background-color:unset;border:none;cursor:pointer}.collection-form-add p,.collection-form-add h1{margin:0;padding:0}.collection-form-add a,.collection-form-add a:hover{text-decoration:none;color:#fff}.collection-form-add .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:9;display:none;justify-content:center;align-items:center}.collection-form-add .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.collection-form-add .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.collection-form-add .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.collection-form-add .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.collection-form-add .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.collection-form-add .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:14px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.collection-form-add .pop-up-simpan .card .button button:hover{opacity:.9}.collection-form-add .pop-up-catatan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:9;display:none;justify-content:center;align-items:center}.collection-form-add .pop-up-catatan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;box-sizing:border-box;position:relative}.collection-form-add .pop-up-catatan .card .top{display:flex;justify-content:center;align-self:center;border-bottom:1px solid #DEDDDD;padding:15px 0;width:100%;margin-bottom:10px}.collection-form-add .pop-up-catatan .card .top p{font-size:20px;font-weight:500;color:#354ebc}.collection-form-add .pop-up-catatan .card .top i{position:absolute;right:25px;top:22px;color:gray;cursor:pointer}.collection-form-add .pop-up-catatan .card textarea{margin:0 15px;border:1px solid #DEDDDD;border-radius:10px;height:100px;padding:10px}.collection-form-add .pop-up-catatan .card .button{display:flex;justify-content:end;gap:10px;margin:20px 15px}.collection-form-add .pop-up-catatan .card .button .button1{padding:10px 20px;background-color:#fff;color:#000;border:1px solid #DEDDDD;border-radius:7px;cursor:pointer}.collection-form-add .pop-up-catatan .card .button .button2{padding:10px 20px;background-color:#354ebc;color:#fff;border:none;border-radius:7px;cursor:pointer}.collection-form-add .pop-up-selesai{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:9;display:none;justify-content:center;align-items:center}.collection-form-add .pop-up-selesai .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.collection-form-add .pop-up-selesai .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.collection-form-add .pop-up-selesai .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.collection-form-add .pop-up-selesai .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.collection-form-add .pop-up-selesai .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px;text-align:center;white-space:nowrap}.collection-form-add .pop-up-selesai .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:14px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.collection-form-add .pop-up-selesai .card .button button:hover{opacity:.9}.collection-form-add .pop-up-calc{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:9;display:none;justify-content:center;align-items:center}.collection-form-add .pop-up-calc .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:10px;box-sizing:border-box;position:relative}.collection-form-add .pop-up-calc input{width:100%;padding:10px 100px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;text-align:center;font-size:20px}.collection-form-add .pop-up-calc .calc-box{display:flex;gap:10px;margin-bottom:10px}.collection-form-add .pop-up-calc .calc-box .number-box{display:flex;padding:10px;border-radius:10px;width:100%;background-color:#b3b3b3;text-align:center;justify-content:center;align-items:center}.collection-form-add .pop-up-calc .calc-box .number-box p,.collection-form-add .pop-up-calc .calc-box .number-box i{color:#fff;align-items:center}.collection-form-add .pop-up-konfirmasi{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:100;justify-content:center;align-items:center;display:none}.collection-form-add .pop-up-konfirmasi .card{max-width:500px}.collection-form-add .pop-up-konfirmasi .card .top{display:flex;align-items:center;justify-content:center;padding:15px;border-bottom:1px solid #dadefb;color:#354ebc;font-size:18px;position:relative}.collection-form-add .pop-up-konfirmasi .card .top p{display:flex;justify-content:center;align-items:center}.collection-form-add .pop-up-konfirmasi .card .top i{color:gray;position:absolute;right:20px;cursor:pointer}.collection-form-add .pop-up-konfirmasi .card .top .button-label{padding:10px 20px;background-color:#ffc107;border-radius:10px;color:#fff;cursor:pointer}.collection-form-add .pop-up-konfirmasi .card .top .button-label i{margin-right:5px}.collection-form-add .pop-up-konfirmasi .card .title{display:flex;justify-content:center;padding:20px;font-size:15px;color:#000;font-weight:400;border-bottom:1px solid #dadefb}.collection-form-add .pop-up-konfirmasi .card .buttons{display:flex;justify-content:center;width:100%;gap:10px;padding:15px}.collection-form-add .pop-up-konfirmasi .card .buttons .batal{background-color:#fff;color:#000;border-radius:8px;cursor:pointer;border:1px solid #DEDDDD;padding:5px;width:100%}.collection-form-add .pop-up-konfirmasi .card .buttons .iya{padding:5px;width:100%;background-color:#4259c1;color:#fff;border-radius:8px;cursor:pointer;border:none}.collection-form-add .pop-up-scan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:9;display:none;justify-content:center;align-items:center}.collection-form-add .pop-up-scan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;padding:0;box-sizing:border-box;position:relative;margin-bottom:100px}.collection-form-add .pop-up-scan .card .top{display:flex;justify-content:center;align-items:center;padding:15px;border-bottom:1px solid #DEDDDD}.collection-form-add .pop-up-scan .card .top .text-1{font-size:20px;font-weight:500;color:#354ebc}.collection-form-add .pop-up-scan .card .top i{position:absolute;left:460px;color:gray;cursor:pointer}.collection-form-add .pop-up-scan .card .barcode-box{display:flex;justify-content:center;align-items:center;gap:20px;background-color:#999;margin:20px 20px 10px}.collection-form-add .pop-up-scan .card #scanTrolley{width:100%}.collection-form-add .pop-up-scan .card input{margin:0 20px 20px;padding:10px;border-radius:10px;border:1px solid #DEDDDD}.collection-form-add .pop-up-berat-hotel{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:2;display:none;justify-content:center;align-items:center}.collection-form-add .pop-up-berat-hotel .card .top{display:flex;align-items:center;padding:15px 150px;border-bottom:1px solid #dadefb;color:#354ebc;font-size:18px;position:relative;justify-content:center}.collection-form-add .pop-up-berat-hotel .card .top p{display:flex;justify-content:center;align-items:center}.collection-form-add .pop-up-berat-hotel .card .top i{color:gray;position:absolute;right:20px;cursor:pointer}.collection-form-add .pop-up-berat-hotel .card .top .button-label{padding:10px 20px;background-color:#ffc107;border-radius:10px;color:#fff;cursor:pointer}.collection-form-add .pop-up-berat-hotel .card .top .button-label i{margin-right:5px}.collection-form-add .pop-up-berat-hotel .card .title{display:flex;justify-content:center;padding:20px;font-size:15px;color:#000;font-weight:400;border-bottom:1px solid #dadefb}.collection-form-add .pop-up-berat-hotel .card .buttons{display:flex;justify-content:end;gap:20px;padding:15px}.collection-form-add .pop-up-berat-hotel .card .buttons .batal{padding:5px 20px;background-color:#fff;color:#000;border-radius:10px;cursor:pointer;border:1px solid #DEDDDD}.collection-form-add .pop-up-berat-hotel .card .buttons .iya{padding:5px 20px;background-color:#4259c1;color:#fff;border-radius:10px;cursor:pointer;border:none}.collection-form-add .pop-up-berat-factory{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:100;display:none;justify-content:center;align-items:center}.collection-form-add .pop-up-berat-factory .card .top{display:flex;align-items:center;padding:15px 150px;border-bottom:1px solid #dadefb;color:#354ebc;font-size:18px;position:relative;justify-content:center}.collection-form-add .pop-up-berat-factory .card .top p{display:flex;justify-content:center;align-items:center}.collection-form-add .pop-up-berat-factory .card .top i{color:gray;position:absolute;right:20px;top:20px;cursor:pointer}.collection-form-add .pop-up-berat-factory .card .top .button-label{padding:10px 20px;background-color:#ffc107;border-radius:10px;color:#fff;cursor:pointer}.collection-form-add .pop-up-berat-factory .card .top .button-label i{margin-right:5px}.collection-form-add .pop-up-berat-factory .card .title{display:flex;justify-content:center;padding:20px;font-size:15px;color:#000;font-weight:400;border-bottom:1px solid #dadefb}.collection-form-add .pop-up-berat-factory .card .buttons{display:flex;justify-content:end;gap:20px;padding:15px}.collection-form-add .pop-up-berat-factory .card .buttons .batal{padding:5px 20px;background-color:#fff;color:#000;border-radius:10px;cursor:pointer;border:1px solid #DEDDDD}.collection-form-add .pop-up-berat-factory .card .buttons .iya{padding:5px 20px;background-color:#4259c1;color:#fff;border-radius:10px;cursor:pointer;border:none}.collection-form-add .top-page{display:flex;align-items:center;margin-bottom:20px;justify-content:space-between}.collection-form-add .top-page .groupDiv{display:flex}.collection-form-add .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.collection-form-add .top-page .text-1{font-size:22px;font-weight:300;color:#354ebc}.collection-form-add .top-page span{font-size:22px;font-weight:500;color:#354ebc}.collection-form-add .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;font-size:14px}.collection-form-add .box-customer .inside-box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.collection-form-add .box-customer .inside-box .switch{display:flex;gap:20px;margin-top:10px;margin-left:20px}.collection-form-add .box-customer .inside-box .switch .option{color:#000;padding:5px 0;font-size:14px;cursor:pointer}.collection-form-add .box-customer .inside-box .switch .option.active{color:#408df0;border-bottom:2px solid #408df0}.collection-form-add .box-customer .inside-box .box-padding{padding:20px}.collection-form-add .box-customer .inside-box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px}.collection-form-add .box-customer .inside-box .text-box textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.collection-form-add .box-customer .inside-box .text-box .upload{padding:20px;border:1px dashed #DEDDDD;background-color:#f5f5f5;margin-top:10px;border-radius:10px;position:relative}.collection-form-add .box-customer .inside-box .text-box .upload .close-btn{position:absolute;top:10px;right:10px;color:red;cursor:pointer}.collection-form-add .box-customer .inside-box .text-box .date{display:flex;margin-top:5px}.collection-form-add .box-customer .inside-box .text-box .date ::-webkit-datetime-edit-fields-wrapper{display:flex;position:relative;padding-left:30px}.collection-form-add .box-customer .inside-box .text-box .date .date-style1::-webkit-calendar-picker-indicator{position:absolute;right:10px;opacity:0%;margin:0;padding:200px;cursor:pointer}.collection-form-add .box-customer .inside-box .text-box .date .date-style2::-webkit-calendar-picker-indicator{position:absolute;right:10px;opacity:0%;margin:0;padding:200px;cursor:pointer}.collection-form-add .box-customer .inside-box .text-box .date .arrow-date{border:1px solid #DEDDDD;border-right:none;border-left:none;background-color:#fff;padding:12px 5px;margin-bottom:10px;margin-top:5px}.collection-form-add .box-customer .inside-box .text-box .date .date-icon{border:1px solid #DEDDDD;border-left:none;background-color:#fff;padding:5px 15px 5px 0;border-radius:0 10px 10px 0;margin-bottom:10px;margin-top:5px}.collection-form-add .box-customer .inside-box .text-box .date .date-style1,.collection-form-add .box-customer .inside-box .text-box .date .date-style2{border:1px solid #DEDDDD;padding:12px 5px;font-size:14px;font-weight:300;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.collection-form-add .box-customer .inside-box .text-box .date .date-style1,.collection-form-add .box-customer .inside-box .text-box .date .date-style2{border:1px solid #DEDDDD;padding:12px 5px;font-size:14px;font-weight:300;color:gray;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.collection-form-add .box-customer .inside-box .text-box .date .date-style1{border-radius:10px 0 0 10px;border-right:none}.collection-form-add .box-customer .inside-box .text-box .date .date-style2{border-radius:0;border-right:none;border-left:none}.collection-form-add .box-customer .inside-box .text-box .date .filled-date{color:#000!important}.collection-form-add .box-customer .inside-box .text-box .date input:focus{border-color:#dedddd;outline:none}.collection-form-add .box-customer .inside-box .text-box .date input[type=date]{font-size:14px;color:#686868;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:10px;font-weight:400}.collection-form-add .box-customer .inside-box .text-box .order-type{border:1px solid #e0e0e0;padding:15px;border-radius:10px;width:300px;font-family:Arial,sans-serif}.collection-form-add .box-customer .inside-box .text-box .order-type label{font-weight:700;margin-bottom:10px;display:block}.collection-form-add .box-customer .inside-box .text-box .radio-group{display:flex;align-items:center;margin-bottom:10px}.collection-form-add .box-customer .inside-box .text-box .radio-option{margin-right:20px}.collection-form-add .box-customer .inside-box .text-box input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid #bebebe;border-radius:50%;margin-right:8px;outline:none;cursor:pointer;display:inline-block;position:relative}.collection-form-add .box-customer .inside-box .text-box input[type=radio]:checked{border-color:#408df0}.collection-form-add .box-customer .inside-box .text-box input[type=radio]:checked:before{content:"";display:block;width:8px;height:8px;background-color:#b3d1f9;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.collection-form-add .box-customer .inside-box .text-box .trip-select{margin-left:10px;padding:5px;border-radius:5px;border:1px solid #d0d0d0;flex-grow:1}.collection-form-add .box-customer .inside-box .text-box .trip-select option{padding:10px}.collection-form-add .box-customer .inside-box .text-box .button{background-color:#354ebc;color:#fff;border:none;padding:12px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;margin-bottom:5px}.collection-form-add .box-customer .inside-box span{font-size:14px;color:#dc3545}.collection-form-add .box-customer .inside-box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.collection-form-add .box-customer .inside-box .select-wrapper-arrow{position:relative;width:100%}.collection-form-add .box-customer .inside-box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.collection-form-add .box-customer .inside-box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;line-height:normal;color:#686868}.collection-form-add .box-customer .inside-box .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.collection-form-add .box-customer .inside-box .box2 .date-custom{display:flex;margin-top:5px}.collection-form-add .box-customer .inside-box .box2 .date-custom ::-webkit-datetime-edit-fields-wrapper{display:flex;position:relative;padding-left:30px}.collection-form-add .box-customer .inside-box .box2 .date-custom .date-style1::-webkit-calendar-picker-indicator{position:absolute;right:10px;opacity:0%;margin:0;padding:200px;cursor:pointer}.collection-form-add .box-customer .inside-box .box2 .date-custom .date-style2::-webkit-calendar-picker-indicator{position:absolute;right:10px;opacity:0%;margin:0;padding:200px;cursor:pointer}.collection-form-add .box-customer .inside-box .box2 .date-custom .arrow-date{border:1px solid #DEDDDD;border-right:none;border-left:none;background-color:#fff;padding:12px 5px;margin-bottom:10px;margin-top:5px}.collection-form-add .box-customer .inside-box .box2 .date-custom .date-icon{border:1px solid #DEDDDD;border-left:none;background-color:#fff;padding:5px 15px 5px 0;border-radius:0 10px 10px 0;margin-bottom:10px;margin-top:5px}.collection-form-add .box-customer .inside-box .box2 .date-custom .date-style1,.collection-form-add .box-customer .inside-box .box2 .date-custom .date-style2{border:1px solid #DEDDDD;padding:12px 5px;font-size:14px;font-weight:300;color:#686868;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.collection-form-add .box-customer .inside-box .box2 .date-custom .date-style1{border-radius:10px 0 0 10px;border-right:none}.collection-form-add .box-customer .inside-box .box2 .date-custom .date-style2{border-radius:0;border-right:none;border-left:none}.collection-form-add .box-customer .inside-box .box2 .date-custom .filled-date{color:#686868}.collection-form-add .box-customer .inside-box .box2 .date-custom input:focus{border-color:#dedddd;outline:none}.collection-form-add .box-customer .inside-box .box2 .date-custom input{font-size:14px;color:#686868!important;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:20px;padding-top:10px;font-weight:400!important}.collection-form-add .box-customer .inside-box .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.collection-form-add .box-customer .inside-box .box2 .text-box .radio-box{margin-top:5px;border-radius:10px;border:1px solid #DEDDDD;padding:10px 20px}.collection-form-add .box-customer .inside-box .box2 .text-box .radio-box .group-jam{position:relative}.collection-form-add .box-customer .inside-box .box2 .text-box .radio-box .group-jam p{position:absolute;right:10px;top:45%;transform:translateY(-50%);color:#686868;font-weight:500;font-size:14px}.collection-form-add .box-customer .inside-box .box2 .text-box .radio-box .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.collection-form-add .box-customer .inside-box .box2 .text-box .radio-box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.collection-form-add .box-customer .inside-box .box2 .text-box .radio-box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:400;line-height:normal;color:#686868}.collection-form-add .box-customer .inside-box .box2 .text-box .radio-box .radio{display:flex;align-items:center;width:max-content;gap:10px;margin-bottom:10px;margin-top:5px}.collection-form-add .box-customer .inside-box .box2 .text-box .radio-box .radio label,.collection-form-add .box-customer .inside-box .box2 .text-box .radio-box .radio input[type=radio]{padding:0;margin:0}.collection-form-add .box-customer .inside-box .box2 span{font-size:14px;color:#dc3545}.collection-form-add .box-customer .inside-box .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.collection-form-add .box-customer .inside-box .box3-out{display:flex;gap:20px}.collection-form-add .box-customer .inside-box .box3{display:flex;justify-content:center;align-self:center;flex-direction:column;width:50%;margin:15px 0}.collection-form-add .box-customer .inside-box .box3 textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.collection-form-add .box-customer .inside-box .box3 .input-alamat{height:150px}.collection-form-add .box-customer .inside-box .box3 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.collection-form-add .box-customer .inside-box .box3 span{font-size:14px;color:#dc3545}.collection-form-add .box-customer .inside-box .box3 p{margin-bottom:5px}.collection-form-add .box-customer .inside-box .box3 .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.collection-form-add .box-customer .inside-box .box3 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.collection-form-add .box-customer .inside-box .box3 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.collection-form-add .box-customer .inside-box2{margin-top:20px;padding:20px;background-color:#fff;border-radius:15px}.collection-form-add .box-customer .inside-box2 .top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #DEDDDD;padding-bottom:20px}.collection-form-add .box-customer .inside-box2 .top .text-1{font-size:18px;font-weight:300;color:#408df0}.collection-form-add .box-customer .inside-box2 .content2{display:flex;flex-direction:column}.collection-form-add .box-customer .inside-box2 .content2 .top-content{margin-top:20px;width:100%;align-items:center;display:flex;justify-content:space-between;background-color:#d0d6fa;padding:20px;border:1px solid #cbd9fd;border-radius:10px 10px 0 0}.collection-form-add .box-customer .inside-box2 .content2 .top-content p{font-size:14px;font-weight:400;color:#354ebc}.collection-form-add .box-customer .inside-box2 .content2 .top-content i{font-size:14px}.collection-form-add .box-customer .inside-box2 .content2 .inside-content .buttonSKU{display:flex;width:100%;white-space:nowrap;padding:10px 20px;cursor:pointer;border-radius:10px;border:1px solid #DEDDDD;margin-top:5px}.collection-form-add .box-customer .inside-box2 .content2 .inside-content .buttonSKU p{color:#aeaeae;padding-right:60px}.collection-form-add .box-customer .inside-box2 .content2 .inside-content .buttonSKU img{transform:rotate(180deg)}.collection-form-add .box-customer .inside-box2 .content2 .inside-content .popup{padding:10px;box-shadow:0 8px 16px #0000001a;border-radius:10px;position:absolute;background-color:#fff;display:none;flex-direction:column}.collection-form-add .box-customer .inside-box2 .content2 .inside-content .popup .search-box .input-style{width:100%;border-radius:50px;padding:10px 15px 10px 40px}.collection-form-add .box-customer .inside-box2 .content2 .inside-content .popup .search-box .search{position:absolute;right:170px;top:30px;color:#686868}.collection-form-add .box-customer .inside-box2 .content2 .inside-content .popup .inside-popup div{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #DEDDDD;cursor:pointer;width:100%}.collection-form-add .box-customer .inside-box2 .content2 .inside-content .popup .inside-popup div p{font-size:14px;font-weight:400}.collection-form-add .box-customer .inside-box2 .content2 .inside-content .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.collection-form-add .box-customer .inside-box2 .content2 .inside-content .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.collection-form-add .box-customer .inside-box2 .content2 .inside-content .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;line-height:normal;color:#686868;letter-spacing:.5px}.collection-form-add .box-customer .inside-box2 .content2 .inside-content .top-sku{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px;width:100%;gap:20px;border:1px solid #cbd9fd;border-radius:0 0 10px 10px}.collection-form-add .box-customer .inside-box2 .content2 .inside-content .top-sku .textbox input{width:100%;padding:10px 0 10px 10px;border-radius:10px;border:1px solid #DEDDDD;margin-top:5px;font-size:14px}.collection-form-add .box-customer .inside-box2 .content2 .inside-content .top-sku .textbox p{font-size:14px}.collection-form-add .box-customer .inside-box2 .content2 .inside-content .top-sku .textbox a{justify-content:center;text-align:center;width:100%;padding:10px;border:1px solid #354ebc;margin-top:5px;border-radius:10px;color:#354ebc;font-size:14px;cursor:pointer}.collection-form-add .box-customer .inside-box2 .content2 .inside-content .top-sku .textbox .select2{font-size:14px}.collection-form-add .box-customer .inside-box2 .content2 .inside-content .top-sku .text-1{font-size:20px;font-weight:300;color:#408df0}.collection-form-add .box-customer .inside-box2 .content2 .inside-content .top-sku .button{background-color:#354ebc;color:#fff;border:none;padding:10px 30px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;font-size:14px}.collection-form-add .box-customer .inside-box2 .content2 .inside-content .bottom-sku{display:flex;align-items:center;justify-content:space-between;padding:20px;width:100%;gap:20px;border-left:1px solid #cbd9fd;border-right:1px solid #cbd9fd}.collection-form-add .box-customer .group-button{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;background-color:#354ebc;padding:10px 30px;border-radius:10px;margin-top:20px}.collection-form-add .box-customer .group-button a{font-size:14px}.collection-form-add .box-sku{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box;align-items:center;display:none}.collection-form-add .box-sku .switch{display:flex;gap:20px;margin-top:10px;margin-left:20px}.collection-form-add .box-sku .switch .option{color:#000;padding:5px 0;cursor:pointer;font-size:14px}.collection-form-add .box-sku .switch .option.active{color:#408df0;border-bottom:2px solid #408df0}.collection-form-add .box-sku .top-page2{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 20px 0}.collection-form-add .box-sku .top-page2 .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.collection-form-add .box-sku .top-page2 .ellipsis-container{position:relative;display:flex}.collection-form-add .box-sku .top-page2 .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.collection-form-add .box-sku .top-page2 .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.collection-form-add .box-sku .top-page2 .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.collection-form-add .box-sku .top-page2 .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.collection-form-add .box-sku .top-page2 .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.collection-form-add .box-sku .top-page2 .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-add .box-sku .top-page2 .status-express p{font-weight:600}.collection-form-add .box-sku .top-page2 .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.collection-form-add .box-sku .top-page2 .status-regular p{font-weight:600}.collection-form-add .box-sku .top-page2 .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-add .box-sku .top-page2 .status-need-revision p{font-weight:600}.collection-form-add .box-sku .top-page2 .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.collection-form-add .box-sku .top-page2 .status-need-approve p{font-weight:600}.collection-form-add .box-sku .top-page2 .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-add .box-sku .top-page2 .status-draft p{font-weight:600}.collection-form-add .box-sku .top-page2 .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-add .box-sku .top-page2 .status-uncomplete p{font-weight:600}.collection-form-add .box-sku .top-page2 .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-add .box-sku .top-page2 .status-complete p{font-weight:600}.collection-form-add .box-sku .top-page2 .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-add .box-sku .top-page2 .status-dash p{font-weight:600}.collection-form-add .box-sku .top-page2 .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-add .box-sku .top-page2 .status-outstanding p{font-weight:600}.collection-form-add .box-sku .top-page2 .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-add .box-sku .top-page2 .status-partial-outstanding p{font-weight:600}.collection-form-add .box-sku .top-page2 .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-add .box-sku .top-page2 .status-balance p{font-weight:600}.collection-form-add .box-sku .top-page2 table{width:100%!important;border-collapse:collapse;margin-bottom:20px}.collection-form-add .box-sku .top-page2 table.dataTable thead .sorting:before,.collection-form-add .box-sku .top-page2 table.dataTable thead .sorting_asc:before,.collection-form-add .box-sku .top-page2 table.dataTable thead .sorting_desc:before,.collection-form-add .box-sku .top-page2 table.dataTable thead .sorting_asc_disabled:before,.collection-form-add .box-sku .top-page2 table.dataTable thead .sorting_desc_disabled:before,.collection-form-add .box-sku .top-page2 table.dataTable thead .sorting:after,.collection-form-add .box-sku .top-page2 table.dataTable thead .sorting_asc:after,.collection-form-add .box-sku .top-page2 table.dataTable thead .sorting_desc:after,.collection-form-add .box-sku .top-page2 table.dataTable thead .sorting_asc_disabled:after,.collection-form-add .box-sku .top-page2 table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.collection-form-add .box-sku .top-page2 th,.collection-form-add .box-sku .top-page2 td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px;white-space:nowrap}.collection-form-add .box-sku .top-page2 th{background-color:#fafafa;font-weight:400}.collection-form-add .box-sku .top-page2 th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.collection-form-add .box-sku .top-page2 th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.collection-form-add .box-sku .top-page2 th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.collection-form-add .box-sku .top-page2 .dataTables_paginate{margin-top:20px;margin-right:20px}.collection-form-add .box-sku .top-page2 .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.collection-form-add .box-sku .top-page2 .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.collection-form-add .box-sku .top-page2 .button-tambah{gap:10px;width:100%;display:flex;background-color:#cbd9fd;color:#524fa0;border:1px dashed #524fa0;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap;margin-bottom:15px;font-size:14px}.collection-form-ubah{margin:40px}.collection-form-ubah span{color:#000}.collection-form-ubah .select2-dropdown .select2-dropdown--below{border-top:1px solid red!important}.collection-form-ubah .input-container{position:relative;width:100%}.collection-form-ubah .input-style2{width:100%;border-radius:50px;padding:10px 60px 10px 40px;-moz-appearance:textfield}.collection-form-ubah .input-style2::-webkit-outer-spin-button,.collection-form-ubah .input-style2::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.collection-form-ubah .input-style2::-moz-placeholder{-webkit-appearance:none;-moz-appearance:none;appearance:none}.collection-form-ubah .input-container:before{content:"Jam";position:absolute;right:20px;top:45%;transform:translateY(-50%);color:#999;pointer-events:none}.collection-form-ubah .input-style2:focus+:before,.collection-form-ubah .input-style2:not(:placeholder-shown)+:before{display:block}.collection-form-ubah .border2{border:.5px solid #e5e5e5;border-radius:10px}.collection-form-ubah .box-customer .inside-box .box2 span{color:#000}.collection-form-ubah .select2-container--default{width:200px}.collection-form-ubah .select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #333;padding:8px;font-size:14px;color:#000}.collection-form-ubah .select2-container--default .select2-selection--single{padding:9px;margin-top:5px;border:1px solid #DEDDDD;border-radius:10px;height:auto}.collection-form-ubah .select2-container--default .select2-selection--single:before{content:"";position:absolute;top:55%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.collection-form-ubah .select2-container--default .select2-selection--single .select2-selection__arrow{display:none}.collection-form-ubah .select2-container--default .select2-selection--single .select2-selection__rendered{padding-left:0;padding-right:0}.collection-form-ubah .select2-container--default .select2-dropdown{border-radius:10px}.collection-form-ubah .dropbtn{margin-top:5px;width:100%;padding:10px 15px;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;color:#686868;text-align:left;cursor:pointer}.collection-form-ubah .dropbtn:before{content:"";position:absolute;top:55%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.collection-form-ubah .dropdown-content{display:none;position:absolute;width:100%;margin-top:10px;background-color:#fff;border-radius:15px;box-shadow:0 8px 16px #0000001a;z-index:1;align-items:flex-start;padding:5px 0}.collection-form-ubah .dropdown-content label{display:flex;margin-top:5px;margin-bottom:5px;margin-left:20px;white-space:nowrap}.collection-form-ubah .dropdown-content label span{margin-right:15px;color:#000}.collection-form-ubah select{width:100%;padding:10px 15px;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;color:#686868;text-align:left;cursor:pointer}.collection-form-ubah option{padding:10px;background-color:#fff;color:#000}.collection-form-ubah .dropdown-content input[type=checkbox]{margin-right:10px}.collection-form-ubah .show{display:flex;flex-direction:column}.collection-form-ubah .selected-trips{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;position:absolute;left:10px;bottom:4px;z-index:3;width:200px;background-color:#fff}.collection-form-ubah .selected-trips div{background-color:#f4f3f8;padding:5px 10px;border-radius:12px;margin:0;display:flex;align-items:center;justify-content:center}.collection-form-ubah .selected-trips div span{margin:0 5px 0 0;padding:0;color:#000}.collection-form-ubah .selected-trips div button{margin:0;padding:0 0 3px 5px;background-color:unset;border:none;cursor:pointer}.collection-form-ubah p,.collection-form-ubah h1{margin:0;padding:0}.collection-form-ubah a,.collection-form-ubah a:hover{text-decoration:none;color:#fff}.collection-form-ubah .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.collection-form-ubah .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.collection-form-ubah .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.collection-form-ubah .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.collection-form-ubah .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.collection-form-ubah .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.collection-form-ubah .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.collection-form-ubah .pop-up-simpan .card .button button:hover{opacity:.9}.collection-form-ubah .pop-up-catatan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.collection-form-ubah .pop-up-catatan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;box-sizing:border-box;position:relative}.collection-form-ubah .pop-up-catatan .card .top{display:flex;justify-content:center;align-self:center;border-bottom:1px solid #DEDDDD;padding:15px 0;width:100%;margin-bottom:10px}.collection-form-ubah .pop-up-catatan .card .top p{font-size:20px;font-weight:500;color:#354ebc}.collection-form-ubah .pop-up-catatan .card .top i{position:absolute;right:25px;top:22px;color:gray;cursor:pointer}.collection-form-ubah .pop-up-catatan .card textarea{margin:0 15px;border:1px solid #DEDDDD;border-radius:10px;height:100px;padding:10px}.collection-form-ubah .pop-up-catatan .card .button{display:flex;justify-content:end;gap:10px;margin:20px 15px}.collection-form-ubah .pop-up-catatan .card .button .button1{padding:10px 20px;background-color:#fff;color:#000;border:1px solid #DEDDDD;border-radius:7px;cursor:pointer}.collection-form-ubah .pop-up-catatan .card .button .button2{padding:10px 20px;background-color:#354ebc;color:#fff;border:none;border-radius:7px;cursor:pointer}.collection-form-ubah .pop-up-selesai{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.collection-form-ubah .pop-up-selesai .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.collection-form-ubah .pop-up-selesai .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.collection-form-ubah .pop-up-selesai .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.collection-form-ubah .pop-up-selesai .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.collection-form-ubah .pop-up-selesai .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px;text-align:center;white-space:nowrap}.collection-form-ubah .pop-up-selesai .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.collection-form-ubah .pop-up-selesai .card .button button:hover{opacity:.9}.collection-form-ubah .pop-up-calc{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.collection-form-ubah .pop-up-calc .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:10px;box-sizing:border-box;position:relative}.collection-form-ubah .pop-up-calc input{width:100%;padding:10px 100px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;text-align:center;font-size:20px}.collection-form-ubah .pop-up-calc .calc-box{display:flex;gap:10px;margin-bottom:10px}.collection-form-ubah .pop-up-calc .calc-box .number-box{display:flex;padding:10px;border-radius:10px;width:100%;background-color:#b3b3b3;text-align:center;justify-content:center;align-items:center}.collection-form-ubah .pop-up-calc .calc-box .number-box p,.collection-form-ubah .pop-up-calc .calc-box .number-box i{color:#fff;align-items:center}.collection-form-ubah .pop-up-konfirmasi{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:100;justify-content:center;align-items:center;display:none}.collection-form-ubah .pop-up-konfirmasi .card{max-width:500px}.collection-form-ubah .pop-up-konfirmasi .card .top{display:flex;align-items:center;justify-content:center;padding:15px;border-bottom:1px solid #dadefb;color:#354ebc;font-size:18px;position:relative}.collection-form-ubah .pop-up-konfirmasi .card .top p{display:flex;justify-content:center;align-items:center}.collection-form-ubah .pop-up-konfirmasi .card .top i{color:gray;position:absolute;right:20px;cursor:pointer}.collection-form-ubah .pop-up-konfirmasi .card .top .button-label{padding:10px 20px;background-color:#ffc107;border-radius:10px;color:#fff;cursor:pointer}.collection-form-ubah .pop-up-konfirmasi .card .top .button-label i{margin-right:5px}.collection-form-ubah .pop-up-konfirmasi .card .title{display:flex;justify-content:center;padding:20px;font-size:15px;color:#000;font-weight:400;border-bottom:1px solid #dadefb}.collection-form-ubah .pop-up-konfirmasi .card .buttons{display:flex;justify-content:center;width:100%;gap:10px;padding:15px}.collection-form-ubah .pop-up-konfirmasi .card .buttons .batal{background-color:#fff;color:#000;border-radius:8px;cursor:pointer;border:1px solid #DEDDDD;padding:5px;width:100%}.collection-form-ubah .pop-up-konfirmasi .card .buttons .iya{padding:5px;width:100%;background-color:#4259c1;color:#fff;border-radius:8px;cursor:pointer;border:none}.collection-form-ubah .pop-up-scan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:9;display:none;justify-content:center;align-items:center}.collection-form-ubah .pop-up-scan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;padding:0;box-sizing:border-box;position:relative;margin-bottom:100px}.collection-form-ubah .pop-up-scan .card .top{display:flex;justify-content:center;align-items:center;padding:15px;border-bottom:1px solid #DEDDDD}.collection-form-ubah .pop-up-scan .card .top .text-1{font-size:20px;font-weight:500;color:#354ebc}.collection-form-ubah .pop-up-scan .card .top i{position:absolute;left:460px;color:gray;cursor:pointer}.collection-form-ubah .pop-up-scan .card .barcode-box{display:flex;justify-content:center;align-items:center;gap:20px;background-color:#999;margin:20px 20px 10px}.collection-form-ubah .pop-up-scan .card #scanTrolley{width:100%}.collection-form-ubah .pop-up-scan .card input{margin:0 20px 20px;padding:10px;border-radius:10px;border:1px solid #DEDDDD}.collection-form-ubah .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.collection-form-ubah .top-page .groupDiv{display:flex}.collection-form-ubah .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.collection-form-ubah .top-page .text-1{font-size:24px;font-weight:300;color:#354ebc}.collection-form-ubah .top-page span{font-size:24px;font-weight:500;color:#354ebc}.collection-form-ubah .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.collection-form-ubah .box-customer .inside-box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.collection-form-ubah .box-customer .inside-box .switch{display:flex;gap:20px;margin-top:10px;margin-left:20px}.collection-form-ubah .box-customer .inside-box .switch .option{color:#000;padding:5px 0;cursor:pointer}.collection-form-ubah .box-customer .inside-box .switch .option.active{color:#408df0;border-bottom:2px solid #408df0}.collection-form-ubah .box-customer .inside-box .box-padding{padding:20px}.collection-form-ubah .box-customer .inside-box .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px}.collection-form-ubah .box-customer .inside-box .text-box textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.collection-form-ubah .box-customer .inside-box .text-box .upload{padding:20px;border:1px dashed #DEDDDD;background-color:#f5f5f5;margin-top:10px;border-radius:10px}.collection-form-ubah .box-customer .inside-box .text-box .date{display:flex;margin-top:5px}.collection-form-ubah .box-customer .inside-box .text-box .date ::-webkit-datetime-edit-fields-wrapper{display:flex;position:relative;padding-left:30px}.collection-form-ubah .box-customer .inside-box .text-box .date .date-style1::-webkit-calendar-picker-indicator{position:absolute;right:10px;opacity:0%;margin:0;padding:200px;cursor:pointer}.collection-form-ubah .box-customer .inside-box .text-box .date .date-style2::-webkit-calendar-picker-indicator{position:absolute;right:10px;opacity:0%;margin:0;padding:200px;cursor:pointer}.collection-form-ubah .box-customer .inside-box .text-box .date .arrow-date{border:1px solid #DEDDDD;border-right:none;border-left:none;background-color:#fff;padding:12px 5px;margin-bottom:10px;margin-top:5px}.collection-form-ubah .box-customer .inside-box .text-box .date .date-icon{border:1px solid #DEDDDD;border-left:none;background-color:#fff;padding:5px 15px 5px 0;border-radius:0 10px 10px 0;margin-bottom:10px;margin-top:5px}.collection-form-ubah .box-customer .inside-box .text-box .date .date-style1,.collection-form-ubah .box-customer .inside-box .text-box .date .date-style2{border:1px solid #DEDDDD;padding:12px 5px;font-size:16px;font-weight:300;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.collection-form-ubah .box-customer .inside-box .text-box .date .date-style1,.collection-form-ubah .box-customer .inside-box .text-box .date .date-style2{border:1px solid #DEDDDD;padding:12px 5px;font-size:16px;font-weight:300;color:gray;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative}.collection-form-ubah .box-customer .inside-box .text-box .date .date-style1{border-radius:10px 0 0 10px;border-right:none}.collection-form-ubah .box-customer .inside-box .text-box .date .date-style2{border-radius:0;border-right:none;border-left:none}.collection-form-ubah .box-customer .inside-box .text-box .date .filled-date{color:#000!important}.collection-form-ubah .box-customer .inside-box .text-box .date input:focus{border-color:#dedddd;outline:none}.collection-form-ubah .box-customer .inside-box .text-box .order-type{border:1px solid #e0e0e0;padding:15px;border-radius:10px;width:300px;font-family:Arial,sans-serif}.collection-form-ubah .box-customer .inside-box .text-box .order-type label{font-weight:700;margin-bottom:10px;display:block}.collection-form-ubah .box-customer .inside-box .text-box .radio-group{display:flex;align-items:center;margin-bottom:10px}.collection-form-ubah .box-customer .inside-box .text-box .radio-option{margin-right:20px}.collection-form-ubah .box-customer .inside-box .text-box input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid #bebebe;border-radius:50%;margin-right:8px;outline:none;cursor:pointer;display:inline-block;position:relative}.collection-form-ubah .box-customer .inside-box .text-box input[type=radio]:checked{border-color:#408df0}.collection-form-ubah .box-customer .inside-box .text-box input[type=radio]:checked:before{content:"";display:block;width:8px;height:8px;background-color:#b3d1f9;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.collection-form-ubah .box-customer .inside-box .text-box .trip-select{margin-left:10px;padding:5px;border-radius:5px;border:1px solid #d0d0d0;flex-grow:1}.collection-form-ubah .box-customer .inside-box .text-box .trip-select option{padding:10px}.collection-form-ubah .box-customer .inside-box .text-box .button{background-color:#354ebc;color:#fff;border:none;padding:12px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;margin-bottom:5px}.collection-form-ubah .box-customer .inside-box span{font-size:16px;color:#dc3545}.collection-form-ubah .box-customer .inside-box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.collection-form-ubah .box-customer .inside-box .select-wrapper-arrow{position:relative;width:100%}.collection-form-ubah .box-customer .inside-box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.collection-form-ubah .box-customer .inside-box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;line-height:normal;color:#686868;letter-spacing:.5px}.collection-form-ubah .box-customer .inside-box .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.collection-form-ubah .box-customer .inside-box .box2 .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.collection-form-ubah .box-customer .inside-box .box2 .text-box .radio-box{margin-top:5px;border-radius:10px;border:1px solid #DEDDDD;padding:10px 20px}.collection-form-ubah .box-customer .inside-box .box2 .text-box .radio-box .radio{display:flex;align-items:center;width:max-content;gap:10px}.collection-form-ubah .box-customer .inside-box .box2 .text-box .radio-box .radio label,.collection-form-ubah .box-customer .inside-box .box2 .text-box .radio-box .radio input[type=radio]{padding:0;margin:0}.collection-form-ubah .box-customer .inside-box .box2 span{font-size:16px;color:#dc3545}.collection-form-ubah .box-customer .inside-box .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.collection-form-ubah .box-customer .inside-box .box3-out{display:flex;gap:20px}.collection-form-ubah .box-customer .inside-box .box3{display:flex;justify-content:center;align-self:center;flex-direction:column;width:50%;margin:15px 0}.collection-form-ubah .box-customer .inside-box .box3 textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.collection-form-ubah .box-customer .inside-box .box3 .input-alamat{height:150px}.collection-form-ubah .box-customer .inside-box .box3 .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.collection-form-ubah .box-customer .inside-box .box3 span{font-size:16px;color:#dc3545}.collection-form-ubah .box-customer .inside-box .box3 p{margin-bottom:5px}.collection-form-ubah .box-customer .inside-box .box3 .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.collection-form-ubah .box-customer .inside-box .box3 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.collection-form-ubah .box-customer .inside-box .box3 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.collection-form-ubah .box-customer .inside-box2{margin-top:20px;margin-bottom:200px;padding:20px;background-color:#fff;border-radius:15px}.collection-form-ubah .box-customer .inside-box2 .top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #DEDDDD;padding-bottom:20px}.collection-form-ubah .box-customer .inside-box2 .top .text-1{font-size:20px;font-weight:300;color:#408df0}.collection-form-ubah .box-customer .inside-box2 .top .group-button{display:flex;align-items:center;justify-content:center;gap:5px;color:#fff;background-color:#354ebc;padding:10px 30px;border-radius:10px}.collection-form-ubah .box-customer .inside-box2 .top .group-button a{font-size:15px}.collection-form-ubah .box-customer .inside-box2 .content2{display:flex;flex-direction:column}.collection-form-ubah .box-customer .inside-box2 .content2 .top-content{margin-top:20px;width:100%;align-items:center;display:flex;justify-content:space-between;background-color:#d0d6fa;padding:20px;border:1px solid #cbd9fd;border-radius:10px 10px 0 0}.collection-form-ubah .box-customer .inside-box2 .content2 .top-content p{font-size:16px;font-weight:400;color:#354ebc}.collection-form-ubah .box-customer .inside-box2 .content2 .top-content i{font-size:16px}.collection-form-ubah .box-customer .inside-box2 .content2 .inside-content .buttonSKU{display:flex;width:100%;white-space:nowrap;padding:10px 20px;cursor:pointer;border-radius:10px;border:1px solid #DEDDDD;margin-top:5px}.collection-form-ubah .box-customer .inside-box2 .content2 .inside-content .buttonSKU p{color:#aeaeae;padding-right:60px}.collection-form-ubah .box-customer .inside-box2 .content2 .inside-content .buttonSKU img{transform:rotate(180deg)}.collection-form-ubah .box-customer .inside-box2 .content2 .inside-content .popup{padding:10px;box-shadow:0 8px 16px #0000001a;border-radius:10px;position:absolute;background-color:#fff;display:none;flex-direction:column}.collection-form-ubah .box-customer .inside-box2 .content2 .inside-content .popup .search-box .input-style{width:100%;border-radius:50px;padding:10px 15px 10px 40px}.collection-form-ubah .box-customer .inside-box2 .content2 .inside-content .popup .search-box .search{position:absolute;right:170px;top:30px;color:#686868}.collection-form-ubah .box-customer .inside-box2 .content2 .inside-content .popup .inside-popup div{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #DEDDDD;cursor:pointer;width:100%}.collection-form-ubah .box-customer .inside-box2 .content2 .inside-content .popup .inside-popup div p{font-size:16px;font-weight:400}.collection-form-ubah .box-customer .inside-box2 .content2 .inside-content .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.collection-form-ubah .box-customer .inside-box2 .content2 .inside-content .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.collection-form-ubah .box-customer .inside-box2 .content2 .inside-content .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;line-height:normal;color:#686868;letter-spacing:.5px}.collection-form-ubah .box-customer .inside-box2 .content2 .inside-content .top-sku{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px;width:100%;gap:20px;border:1px solid #cbd9fd;border-radius:0 0 10px 10px}.collection-form-ubah .box-customer .inside-box2 .content2 .inside-content .top-sku .textbox input{width:100%;padding:10px 150px 10px 10px;border-radius:10px;border:1px solid #DEDDDD;margin-top:5px}.collection-form-ubah .box-customer .inside-box2 .content2 .inside-content .top-sku .textbox a{justify-content:center;text-align:center;width:100%;padding:10px;border:1px solid #354ebc;margin-top:5px;border-radius:10px;color:#354ebc;cursor:pointer}.collection-form-ubah .box-customer .inside-box2 .content2 .inside-content .top-sku .text-1{font-size:20px;font-weight:300;color:#408df0}.collection-form-ubah .box-customer .inside-box2 .content2 .inside-content .top-sku .button{background-color:#354ebc;color:#fff;border:none;padding:10px 30px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.collection-form-ubah .box-customer .inside-box2 .content2 .inside-content .bottom-sku{display:flex;align-items:center;justify-content:space-between;padding:20px;width:100%;gap:20px;border-left:1px solid #cbd9fd;border-right:1px solid #cbd9fd}.collection-form-ubah .box-sku{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box;align-items:center;display:none}.collection-form-ubah .box-sku .switch{display:flex;gap:20px;margin-top:10px;margin-left:20px}.collection-form-ubah .box-sku .switch .option{color:#000;padding:5px 0;cursor:pointer}.collection-form-ubah .box-sku .switch .option.active{color:#408df0;border-bottom:2px solid #408df0}.collection-form-ubah .box-sku .top-page2{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 20px 0}.collection-form-ubah .box-sku .top-page2 .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.collection-form-ubah .box-sku .top-page2 .ellipsis-container{position:relative;display:flex}.collection-form-ubah .box-sku .top-page2 .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.collection-form-ubah .box-sku .top-page2 .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.collection-form-ubah .box-sku .top-page2 .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.collection-form-ubah .box-sku .top-page2 .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.collection-form-ubah .box-sku .top-page2 .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.collection-form-ubah .box-sku .top-page2 .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-ubah .box-sku .top-page2 .status-express p{font-weight:600}.collection-form-ubah .box-sku .top-page2 .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.collection-form-ubah .box-sku .top-page2 .status-regular p{font-weight:600}.collection-form-ubah .box-sku .top-page2 .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-ubah .box-sku .top-page2 .status-need-revision p{font-weight:600}.collection-form-ubah .box-sku .top-page2 .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.collection-form-ubah .box-sku .top-page2 .status-need-approve p{font-weight:600}.collection-form-ubah .box-sku .top-page2 .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-ubah .box-sku .top-page2 .status-draft p{font-weight:600}.collection-form-ubah .box-sku .top-page2 .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-ubah .box-sku .top-page2 .status-uncomplete p{font-weight:600}.collection-form-ubah .box-sku .top-page2 .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-ubah .box-sku .top-page2 .status-complete p{font-weight:600}.collection-form-ubah .box-sku .top-page2 .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-ubah .box-sku .top-page2 .status-dash p{font-weight:600}.collection-form-ubah .box-sku .top-page2 .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-ubah .box-sku .top-page2 .status-outstanding p{font-weight:600}.collection-form-ubah .box-sku .top-page2 .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-ubah .box-sku .top-page2 .status-partial-outstanding p{font-weight:600}.collection-form-ubah .box-sku .top-page2 .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-ubah .box-sku .top-page2 .status-balance p{font-weight:600}.collection-form-ubah .box-sku .top-page2 table{width:100%!important;border-collapse:collapse;margin-bottom:20px}.collection-form-ubah .box-sku .top-page2 table.dataTable thead .sorting:before,.collection-form-ubah .box-sku .top-page2 table.dataTable thead .sorting_asc:before,.collection-form-ubah .box-sku .top-page2 table.dataTable thead .sorting_desc:before,.collection-form-ubah .box-sku .top-page2 table.dataTable thead .sorting_asc_disabled:before,.collection-form-ubah .box-sku .top-page2 table.dataTable thead .sorting_desc_disabled:before,.collection-form-ubah .box-sku .top-page2 table.dataTable thead .sorting:after,.collection-form-ubah .box-sku .top-page2 table.dataTable thead .sorting_asc:after,.collection-form-ubah .box-sku .top-page2 table.dataTable thead .sorting_desc:after,.collection-form-ubah .box-sku .top-page2 table.dataTable thead .sorting_asc_disabled:after,.collection-form-ubah .box-sku .top-page2 table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.collection-form-ubah .box-sku .top-page2 th,.collection-form-ubah .box-sku .top-page2 td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px;white-space:nowrap}.collection-form-ubah .box-sku .top-page2 th{background-color:#fafafa;font-weight:400}.collection-form-ubah .box-sku .top-page2 .dataTables_paginate{margin-top:20px;margin-right:20px}.collection-form-ubah .box-sku .top-page2 .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.collection-form-ubah .box-sku .top-page2 .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.collection-form-ubah .box-sku .top-page2 .button-tambah{gap:10px;width:100%;display:flex;background-color:#cbd9fd;color:#524fa0;border:1px dashed #524fa0;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap;margin-bottom:15px}.collection-form-detail{margin:40px}.collection-form-detail span{color:#000}.collection-form-detail .border2{border:.5px solid #E5E5E5;border-radius:10px}.collection-form-detail .box-customer .inside-box .box2 span{color:#000}.collection-form-detail .dropbtn{margin-top:10px;width:100%;padding:10px 15px;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;color:#686868;text-align:left;cursor:pointer}.collection-form-detail .dropdown-content{display:none;position:absolute;width:100%;margin-top:10px;background-color:#fff;border-radius:15px;box-shadow:0 8px 16px #0000001a;z-index:1;align-items:flex-start;padding:5px 0}.collection-form-detail .dropdown-content label{display:flex;margin-top:5px;margin-bottom:5px;margin-left:20px;white-space:nowrap}.collection-form-detail .dropdown-content label span{margin-right:15px;color:#000}.collection-form-detail .dropdown-content input[type=checkbox]{margin-right:10px}.collection-form-detail .show{display:flex;flex-direction:column}.collection-form-detail .selected-trips{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.collection-form-detail .selected-trips div{background-color:#f4f3f8;padding:5px 10px;border-radius:12px;margin:0;display:flex;align-items:center;justify-content:center}.collection-form-detail .selected-trips div span{margin:0 5px 0 0;padding:0;color:#000}.collection-form-detail .selected-trips div button{margin:0;padding:0 0 3px 5px;background-color:unset;border:none;cursor:pointer}.collection-form-detail p,.collection-form-detail h1{margin:0;padding:0}.collection-form-detail a,.collection-form-detail a:hover{text-decoration:none;color:#fff}.collection-form-detail .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.collection-form-detail .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.collection-form-detail .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.collection-form-detail .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.collection-form-detail .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.collection-form-detail .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.collection-form-detail .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.collection-form-detail .pop-up-simpan .card .button button:hover{opacity:.9}.collection-form-detail .pop-up-catatan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.collection-form-detail .pop-up-catatan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;box-sizing:border-box;position:relative}.collection-form-detail .pop-up-catatan .card .top{display:flex;justify-content:center;align-self:center;border-bottom:1px solid #DEDDDD;padding:15px 0;width:100%;margin-bottom:10px}.collection-form-detail .pop-up-catatan .card .top p{font-size:20px;font-weight:500;color:#354ebc}.collection-form-detail .pop-up-catatan .card .top i{position:absolute;right:25px;top:22px;color:gray;cursor:pointer}.collection-form-detail .pop-up-catatan .card textarea{margin:0 15px;border:1px solid #DEDDDD;border-radius:10px;height:100px;padding:10px}.collection-form-detail .pop-up-catatan .card .button{display:flex;justify-content:end;gap:10px;margin:20px 15px}.collection-form-detail .pop-up-catatan .card .button .button1{padding:10px 20px;background-color:#fff;color:#000;border:1px solid #DEDDDD;border-radius:7px;cursor:pointer}.collection-form-detail .pop-up-catatan .card .button .button2{padding:10px 20px;background-color:#354ebc;color:#fff;border:none;border-radius:7px;cursor:pointer}.collection-form-detail .pop-up-selesai{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.collection-form-detail .pop-up-selesai .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.collection-form-detail .pop-up-selesai .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.collection-form-detail .pop-up-selesai .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.collection-form-detail .pop-up-selesai .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.collection-form-detail .pop-up-selesai .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.collection-form-detail .pop-up-selesai .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.collection-form-detail .pop-up-selesai .card .button button:hover{opacity:.9}.collection-form-detail .pop-up-calc{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.collection-form-detail .pop-up-calc .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:10px;box-sizing:border-box;position:relative}.collection-form-detail .pop-up-calc input{width:100%;padding:10px 100px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;text-align:center;font-size:20px}.collection-form-detail .pop-up-calc .calc-box{display:flex;gap:10px;margin-bottom:10px}.collection-form-detail .pop-up-calc .calc-box .number-box{display:flex;padding:10px;border-radius:10px;width:100%;background-color:#b3b3b3;text-align:center;justify-content:center;align-items:center}.collection-form-detail .pop-up-calc .calc-box .number-box p,.collection-form-detail .pop-up-calc .calc-box .number-box i{color:#fff;align-items:center}.collection-form-detail .pop-up-scan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:9;display:none;justify-content:center;align-items:center}.collection-form-detail .pop-up-scan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;padding:0;box-sizing:border-box;position:relative;margin-bottom:100px}.collection-form-detail .pop-up-scan .card .top{display:flex;justify-content:center;align-items:center;padding:15px;border-bottom:1px solid #DEDDDD}.collection-form-detail .pop-up-scan .card .top .text-1{font-size:20px;font-weight:500;color:#354ebc}.collection-form-detail .pop-up-scan .card .top i{position:absolute;left:460px;color:gray;cursor:pointer}.collection-form-detail .pop-up-scan .card .barcode-box{display:flex;justify-content:center;align-items:center;gap:20px;background-color:#999;margin:20px 20px 10px}.collection-form-detail .pop-up-scan .card #scanTrolley{width:100%}.collection-form-detail .pop-up-scan .card input{margin:0 20px 20px;padding:10px;border-radius:10px;border:1px solid #DEDDDD}.collection-form-detail .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.collection-form-detail .top-page .groupDiv{display:flex}.collection-form-detail .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.collection-form-detail .top-page .text-1{font-size:24px;font-weight:300;color:#354ebc}.collection-form-detail .top-page span{font-size:24px;font-weight:500;color:#354ebc}.collection-form-detail .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.collection-form-detail .box-customer .inside-box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.collection-form-detail .box-customer .inside-box .switch{display:flex;gap:20px;margin-top:10px;margin-left:20px}.collection-form-detail .box-customer .inside-box .switch .option{color:#000;padding:5px 0;cursor:pointer}.collection-form-detail .box-customer .inside-box .switch .option.active{color:#408df0;border-bottom:2px solid #408DF0}.collection-form-detail .box-customer .inside-box .box-padding{padding:20px}.collection-form-detail .box-customer .inside-box .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px}.collection-form-detail .box-customer .inside-box .text-box textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.collection-form-detail .box-customer .inside-box .text-box .upload{padding:20px;border:1px dashed #DEDDDD;background-color:#f5f5f5;margin-top:10px;border-radius:10px}.collection-form-detail .box-customer .inside-box .text-box .date{display:flex;margin-top:5px}.collection-form-detail .box-customer .inside-box .text-box .date ::-webkit-datetime-edit-fields-wrapper{display:flex;position:relative;padding-left:30px}.collection-form-detail .box-customer .inside-box .text-box .date .date-style1::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;right:50px;cursor:pointer}.collection-form-detail .box-customer .inside-box .text-box .date .date-style2::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;left:10px;cursor:pointer}.collection-form-detail .box-customer .inside-box .text-box .date .arrow-date{border:1px solid #DEDDDD;border-right:none;border-left:none;background-color:#fff;padding:12px 5px;margin-bottom:10px;margin-top:5px}.collection-form-detail .box-customer .inside-box .text-box .date .date-icon{border:1px solid #DEDDDD;border-left:none;background-color:#fff;padding:5px 15px 5px 0;border-radius:0 10px 10px 0;margin-bottom:10px;margin-top:5px}.collection-form-detail .box-customer .inside-box .text-box .date .date-style1,.collection-form-detail .box-customer .inside-box .text-box .date .date-style2{border:1px solid #DEDDDD;padding:12px 5px;font-size:16px;font-weight:300;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none}.collection-form-detail .box-customer .inside-box .text-box .date .date-style1{border-radius:10px 0 0 10px;border-right:none}.collection-form-detail .box-customer .inside-box .text-box .date .date-style2{border-radius:0;border-right:none;border-left:none}.collection-form-detail .box-customer .inside-box .text-box .date input:focus{border-color:#dedddd;outline:none}.collection-form-detail .box-customer .inside-box .text-box .order-type{border:1px solid #e0e0e0;padding:15px;border-radius:10px;width:300px;font-family:Arial,sans-serif}.collection-form-detail .box-customer .inside-box .text-box .order-type label{font-weight:700;margin-bottom:10px;display:block}.collection-form-detail .box-customer .inside-box .text-box .radio-group{display:flex;align-items:center;margin-bottom:10px}.collection-form-detail .box-customer .inside-box .text-box .radio-option{margin-right:20px}.collection-form-detail .box-customer .inside-box .text-box .radio-option input[type=radio]{margin-right:5px}.collection-form-detail .box-customer .inside-box .text-box .trip-select{margin-left:10px;padding:5px;border-radius:5px;border:1px solid #d0d0d0;flex-grow:1}.collection-form-detail .box-customer .inside-box .text-box .trip-select option{padding:10px}.collection-form-detail .box-customer .inside-box .text-box .button{background-color:#354ebc;color:#fff;border:none;padding:12px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;margin-bottom:5px}.collection-form-detail .box-customer .inside-box span{font-size:16px;color:#dc3545}.collection-form-detail .box-customer .inside-box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.collection-form-detail .box-customer .inside-box .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.collection-form-detail .box-customer .inside-box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.collection-form-detail .box-customer .inside-box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;line-height:normal;color:#686868;letter-spacing:.5px}.collection-form-detail .box-customer .inside-box .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.collection-form-detail .box-customer .inside-box .box2 .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.collection-form-detail .box-customer .inside-box .box2 .text-box .radio-box{margin-top:5px;border-radius:10px;border:1px solid #DEDDDD;padding:10px 20px}.collection-form-detail .box-customer .inside-box .box2 .text-box .radio-box .radio{display:flex;align-items:center;width:max-content;gap:10px}.collection-form-detail .box-customer .inside-box .box2 .text-box .radio-box .radio label,.collection-form-detail .box-customer .inside-box .box2 .text-box .radio-box .radio input[type=radio]{padding:0;margin:0}.collection-form-detail .box-customer .inside-box .box2 span{font-size:16px;color:#dc3545}.collection-form-detail .box-customer .inside-box .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.collection-form-detail .box-customer .inside-box .box3-out{display:flex;gap:20px}.collection-form-detail .box-customer .inside-box .box3{display:flex;justify-content:center;align-self:center;flex-direction:column;width:50%;margin:15px 0}.collection-form-detail .box-customer .inside-box .box3 textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.collection-form-detail .box-customer .inside-box .box3 .input-alamat{height:150px}.collection-form-detail .box-customer .inside-box .box3 .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.collection-form-detail .box-customer .inside-box .box3 span{font-size:16px;color:#dc3545}.collection-form-detail .box-customer .inside-box .box3 p{margin-bottom:5px}.collection-form-detail .box-customer .inside-box .box3 .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.collection-form-detail .box-customer .inside-box .box3 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.collection-form-detail .box-customer .inside-box .box3 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.collection-form-detail .box-customer .inside-box2{margin-top:20px;margin-bottom:200px;padding:20px;background-color:#fff;border-radius:15px}.collection-form-detail .box-customer .inside-box2 .top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #DEDDDD;padding-bottom:20px}.collection-form-detail .box-customer .inside-box2 .top .text-1{font-size:20px;font-weight:300;color:#408df0}.collection-form-detail .box-customer .inside-box2 .top .group-button{display:flex;align-items:center;justify-content:center;gap:5px;color:#fff;background-color:#354ebc;padding:10px 30px;border-radius:10px}.collection-form-detail .box-customer .inside-box2 .top .group-button a{font-size:15px}.collection-form-detail .box-customer .inside-box2 .content2{display:flex;flex-direction:column}.collection-form-detail .box-customer .inside-box2 .content2 .top-content{margin-top:20px;width:100%;align-items:center;display:flex;justify-content:space-between;background-color:#d0d6fa;padding:20px;border:1px solid #CBD9FD;border-radius:10px 10px 0 0}.collection-form-detail .box-customer .inside-box2 .content2 .top-content p{font-size:16px;font-weight:400;color:#354ebc}.collection-form-detail .box-customer .inside-box2 .content2 .top-content i{font-size:16px}.collection-form-detail .box-customer .inside-box2 .content2 .inside-content .buttonSKU{display:flex;width:100%;white-space:nowrap;padding:10px 20px;cursor:pointer;border-radius:10px;border:1px solid #DEDDDD;margin-top:5px}.collection-form-detail .box-customer .inside-box2 .content2 .inside-content .buttonSKU p{color:#aeaeae;padding-right:60px}.collection-form-detail .box-customer .inside-box2 .content2 .inside-content .buttonSKU img{transform:rotate(180deg)}.collection-form-detail .box-customer .inside-box2 .content2 .inside-content .popup{padding:10px;box-shadow:0 8px 16px #0000001a;border-radius:10px;position:absolute;background-color:#fff;display:none;flex-direction:column}.collection-form-detail .box-customer .inside-box2 .content2 .inside-content .popup .search-box .input-style{width:100%;border-radius:50px;padding:10px 15px 10px 40px}.collection-form-detail .box-customer .inside-box2 .content2 .inside-content .popup .search-box .search{position:absolute;right:170px;top:30px;color:#686868}.collection-form-detail .box-customer .inside-box2 .content2 .inside-content .popup .inside-popup div{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #DEDDDD;cursor:pointer;width:100%}.collection-form-detail .box-customer .inside-box2 .content2 .inside-content .popup .inside-popup div p{font-size:16px;font-weight:400}.collection-form-detail .box-customer .inside-box2 .content2 .inside-content .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.collection-form-detail .box-customer .inside-box2 .content2 .inside-content .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.collection-form-detail .box-customer .inside-box2 .content2 .inside-content .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;line-height:normal;color:#686868;letter-spacing:.5px}.collection-form-detail .box-customer .inside-box2 .content2 .inside-content .top-sku{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px;width:100%;gap:20px;border:1px solid #CBD9FD;border-radius:0 0 10px 10px}.collection-form-detail .box-customer .inside-box2 .content2 .inside-content .top-sku .textbox input{width:100%;padding:10px 150px 10px 10px;border-radius:10px;border:1px solid #DEDDDD;margin-top:5px}.collection-form-detail .box-customer .inside-box2 .content2 .inside-content .top-sku .textbox a{justify-content:center;text-align:center;width:100%;padding:10px;border:1px solid #354EBC;margin-top:5px;border-radius:10px;color:#354ebc;cursor:pointer}.collection-form-detail .box-customer .inside-box2 .content2 .inside-content .top-sku .text-1{font-size:20px;font-weight:300;color:#408df0}.collection-form-detail .box-customer .inside-box2 .content2 .inside-content .top-sku .button{background-color:#354ebc;color:#fff;border:none;padding:10px 30px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.collection-form-detail .box-customer .inside-box2 .content2 .inside-content .bottom-sku{display:flex;align-items:center;justify-content:space-between;padding:20px;width:100%;gap:20px;border-left:1px solid #CBD9FD;border-right:1px solid #CBD9FD}.collection-form-detail .box-sku{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box;align-items:center;display:none}.collection-form-detail .box-sku .switch{display:flex;gap:20px;margin-top:10px;margin-left:20px}.collection-form-detail .box-sku .switch .option{color:#000;padding:5px 0;cursor:pointer}.collection-form-detail .box-sku .switch .option.active{color:#408df0;border-bottom:2px solid #408DF0}.collection-form-detail .box-sku .top-page2{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 20px 0}.collection-form-detail .box-sku .top-page2 .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.collection-form-detail .box-sku .top-page2 .ellipsis-container{position:relative;display:flex}.collection-form-detail .box-sku .top-page2 .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.collection-form-detail .box-sku .top-page2 .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.collection-form-detail .box-sku .top-page2 .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.collection-form-detail .box-sku .top-page2 .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.collection-form-detail .box-sku .top-page2 .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.collection-form-detail .box-sku .top-page2 .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail .box-sku .top-page2 .status-express p{font-weight:600}.collection-form-detail .box-sku .top-page2 .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.collection-form-detail .box-sku .top-page2 .status-regular p{font-weight:600}.collection-form-detail .box-sku .top-page2 .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-detail .box-sku .top-page2 .status-need-revision p{font-weight:600}.collection-form-detail .box-sku .top-page2 .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.collection-form-detail .box-sku .top-page2 .status-need-approve p{font-weight:600}.collection-form-detail .box-sku .top-page2 .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-detail .box-sku .top-page2 .status-draft p{font-weight:600}.collection-form-detail .box-sku .top-page2 .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail .box-sku .top-page2 .status-uncomplete p{font-weight:600}.collection-form-detail .box-sku .top-page2 .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-detail .box-sku .top-page2 .status-complete p{font-weight:600}.collection-form-detail .box-sku .top-page2 .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-detail .box-sku .top-page2 .status-dash p{font-weight:600}.collection-form-detail .box-sku .top-page2 .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-detail .box-sku .top-page2 .status-outstanding p{font-weight:600}.collection-form-detail .box-sku .top-page2 .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail .box-sku .top-page2 .status-partial-outstanding p{font-weight:600}.collection-form-detail .box-sku .top-page2 .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-detail .box-sku .top-page2 .status-balance p{font-weight:600}.collection-form-detail .box-sku .top-page2 table{width:100%!important;border-collapse:collapse;margin-bottom:20px}.collection-form-detail .box-sku .top-page2 table.dataTable thead .sorting:before,.collection-form-detail .box-sku .top-page2 table.dataTable thead .sorting_asc:before,.collection-form-detail .box-sku .top-page2 table.dataTable thead .sorting_desc:before,.collection-form-detail .box-sku .top-page2 table.dataTable thead .sorting_asc_disabled:before,.collection-form-detail .box-sku .top-page2 table.dataTable thead .sorting_desc_disabled:before,.collection-form-detail .box-sku .top-page2 table.dataTable thead .sorting:after,.collection-form-detail .box-sku .top-page2 table.dataTable thead .sorting_asc:after,.collection-form-detail .box-sku .top-page2 table.dataTable thead .sorting_desc:after,.collection-form-detail .box-sku .top-page2 table.dataTable thead .sorting_asc_disabled:after,.collection-form-detail .box-sku .top-page2 table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.collection-form-detail .box-sku .top-page2 th,.collection-form-detail .box-sku .top-page2 td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px;white-space:nowrap}.collection-form-detail .box-sku .top-page2 th{background-color:#fafafa;font-weight:400}.collection-form-detail .box-sku .top-page2 th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.collection-form-detail .box-sku .top-page2 th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.collection-form-detail .box-sku .top-page2 th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.collection-form-detail .box-sku .top-page2 .dataTables_paginate{margin-top:20px;margin-right:20px}.collection-form-detail .box-sku .top-page2 .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.collection-form-detail .box-sku .top-page2 .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.collection-form-detail .box-sku .top-page2 .button-tambah{gap:10px;width:100%;display:flex;background-color:#cbd9fd;color:#524fa0;border:1px dashed #524FA0;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap;margin-bottom:15px}.collection-form-detail-sku-detail{display:flex;flex-direction:column;padding:30px}.collection-form-detail-sku-detail a,.collection-form-detail-sku-detail p{margin:0;padding:0}.collection-form-detail-sku-detail .top-page{display:flex;align-items:center;justify-content:space-between}.collection-form-detail-sku-detail .top-page .left-side{display:flex;gap:10px;align-items:center}.collection-form-detail-sku-detail .top-page .left-side p{font-size:20px;font-weight:300;color:#354ebc}.collection-form-detail-sku-detail .top-page .left-side p span{font-weight:500;color:#354ebc}.collection-form-detail-sku-detail .top-page .left-side img{cursor:pointer}.collection-form-detail-sku-detail .top-page .right-side{display:flex;gap:10px;align-items:center;background-color:#fff;border:1px solid #524fa0;border-radius:10px;padding:10px 20px}.collection-form-detail-sku-detail .top-page .right-side i{font-size:18px;color:#524fa0}.collection-form-detail-sku-detail .top-page .right-side a{display:flex;justify-content:center;align-self:center;font-size:16px;border:none;color:#524fa0}.collection-form-detail-sku-detail .top-page .right-side a button:hover{opacity:.9}.collection-form-detail-sku-detail .box{background-color:#fff;padding:20px;border-radius:10px;margin-top:20px}.collection-form-detail-sku-detail .box .group-text-1{display:flex;gap:20px;align-items:center;border-bottom:1px solid #DEDDDD}.collection-form-detail-sku-detail .box .group-text-1 .text-1{font-size:14px;font-weight:400;color:#000;padding-bottom:5px}.collection-form-detail-sku-detail .box .group-text-1 .text-1.active{font-size:14px;font-weight:400;color:#408df0;border-bottom:2px solid #408df0}.collection-form-detail-sku-detail .box .content-box{display:flex;flex-direction:column}.collection-form-detail-sku-detail .box .content-box .top-side{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:15px;border-bottom:1px solid #DEDDDD}.collection-form-detail-sku-detail .box .content-box .top-side .left-side{display:flex;gap:5px;flex-direction:column;justify-content:start}.collection-form-detail-sku-detail .box .content-box .top-side .left-side .text-2{font-size:15px;font-weight:400;color:#686868}.collection-form-detail-sku-detail .box .content-box .top-side .left-side .text-3{font-size:16px;color:#408df0}.collection-form-detail-sku-detail .box .content-box .top-side .right-side{display:flex;gap:20px}.collection-form-detail-sku-detail .box .content-box .top-side .right-side .button .text-5{background-color:#d2d2d2;text-decoration:none;color:#000;width:120px;padding:7px 15px;border-radius:10px;margin-top:5px;text-align:center}.collection-form-detail-sku-detail .box .content-box .top-side .right-side .button .text-6{background-color:#f4406b;text-decoration:none;color:#fff;width:120px;padding:7px 25px;border-radius:10px;margin-top:5px;text-align:center;white-space:nowrap;width:150px}.collection-form-detail-sku-detail .box .content-box .bottom-side{display:flex;width:100%;margin-top:20px}.collection-form-detail-sku-detail .box .content-box .bottom-side .left-bottom,.collection-form-detail-sku-detail .box .content-box .bottom-side .right-bottom{width:50%;display:flex}.collection-form-detail-sku-detail .box .content-box .bottom-side .left-bottom .left-text,.collection-form-detail-sku-detail .box .content-box .bottom-side .right-bottom .left-text{display:flex;flex-direction:column;width:50%;gap:10px}.collection-form-detail-sku-detail .box .content-box .bottom-side .left-bottom .left-text .text-1,.collection-form-detail-sku-detail .box .content-box .bottom-side .right-bottom .left-text .text-1{color:#686868;font-size:14px}.collection-form-detail-sku-detail .box .content-box .bottom-side .left-bottom .right-text,.collection-form-detail-sku-detail .box .content-box .bottom-side .right-bottom .right-text{display:flex;flex-direction:column;width:50%;gap:10px}.collection-form-detail-sku-detail .box .content-box .bottom-side .left-bottom .right-text .text-2,.collection-form-detail-sku-detail .box .content-box .bottom-side .right-bottom .right-text .text-2{color:#000;font-size:14px}.collection-form-detail-sku-detail .box .content-box .bottom-side2{display:flex;width:100%;margin-top:20px}.collection-form-detail-sku-detail .box .content-box .bottom-side2 .left-bottom{width:50%;display:flex;flex-direction:column}.collection-form-detail-sku-detail .box .content-box .bottom-side2 .left-bottom p{color:#686868;font-size:15px;margin-bottom:5px}.collection-form-detail-sku-detail .box .content-box .bottom-side2 .left-bottom img{width:125px}.collection-form-detail-sku-detail .box .content-box .bottom-side2 .right-bottom{width:50%;display:flex;gap:20px;justify-content:end;align-items:end}.collection-form-detail-sku-detail .box .content-box .bottom-side2 .right-bottom .context{width:50%}.collection-form-detail-sku-detail .box .content-box .bottom-side2 .right-bottom .context p{color:#686868;font-size:15px}.collection-form-detail-sku-detail .box .content-box .bottom-side2 .right-bottom .context input{width:100%;border:none;border-bottom:1px solid #354ebc;padding:10px 5px}.collection-form-detail-sku-detail .box .table-box{background-color:#fff;overflow:auto;box-sizing:border-box;padding:10px 0;position:relative}.collection-form-detail-sku-detail .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.collection-form-detail-sku-detail .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.collection-form-detail-sku-detail .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.collection-form-detail-sku-detail .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.collection-form-detail-sku-detail .box .table-box .dataTables_paginate .paginate_button a:focus,.collection-form-detail-sku-detail .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.collection-form-detail-sku-detail .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.collection-form-detail-sku-detail .box .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.collection-form-detail-sku-detail .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.collection-form-detail-sku-detail .box .table-box .ellipsis-container{position:relative;display:flex}.collection-form-detail-sku-detail .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.collection-form-detail-sku-detail .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.collection-form-detail-sku-detail .box .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.collection-form-detail-sku-detail .box .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.collection-form-detail-sku-detail .box .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.collection-form-detail-sku-detail .box .table-box .status-bubble{padding:10px;background-color:orange;text-align:center;color:#000;border-radius:10px}.collection-form-detail-sku-detail .box .table-box .status-bubble p{font-weight:600}.collection-form-detail-sku-detail .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-sku-detail .box .table-box .status-regular p{font-weight:600}.collection-form-detail-sku-detail .box .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-detail-sku-detail .box .table-box .status-need-revision p{font-weight:600}.collection-form-detail-sku-detail .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-sku-detail .box .table-box .status-need-approve p{font-weight:600}.collection-form-detail-sku-detail .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-detail-sku-detail .box .table-box .status-draft p{font-weight:600}.collection-form-detail-sku-detail .box .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-sku-detail .box .table-box .status-uncomplete p{font-weight:600}.collection-form-detail-sku-detail .box .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-detail-sku-detail .box .table-box .status-complete p{font-weight:600}.collection-form-detail-sku-detail .box .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-detail-sku-detail .box .table-box .status-dash p{font-weight:600}.collection-form-detail-sku-detail .box .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-detail-sku-detail .box .table-box .status-outstanding p{font-weight:600}.collection-form-detail-sku-detail .box .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-sku-detail .box .table-box .status-partial-outstanding p{font-weight:600}.collection-form-detail-sku-detail .box .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-detail-sku-detail .box .table-box .status-balance p{font-weight:600}.collection-form-detail-sku-detail .box .table-box table{width:100%!important;border-collapse:collapse}.collection-form-detail-sku-detail .box .table-box table.dataTable thead .sorting:before,.collection-form-detail-sku-detail .box .table-box table.dataTable thead .sorting_asc:before,.collection-form-detail-sku-detail .box .table-box table.dataTable thead .sorting_desc:before,.collection-form-detail-sku-detail .box .table-box table.dataTable thead .sorting_asc_disabled:before,.collection-form-detail-sku-detail .box .table-box table.dataTable thead .sorting_desc_disabled:before,.collection-form-detail-sku-detail .box .table-box table.dataTable thead .sorting:after,.collection-form-detail-sku-detail .box .table-box table.dataTable thead .sorting_asc:after,.collection-form-detail-sku-detail .box .table-box table.dataTable thead .sorting_desc:after,.collection-form-detail-sku-detail .box .table-box table.dataTable thead .sorting_asc_disabled:after,.collection-form-detail-sku-detail .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.collection-form-detail-sku-detail .box .table-box th,.collection-form-detail-sku-detail .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px;white-space:nowrap}.collection-form-detail-sku-detail .box .table-box th{background-color:#fafafa;font-weight:400}.collection-form-detail-sku-detail .box .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.collection-form-detail-sku-detail .box .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.collection-form-detail-sku-detail .box .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.collection-form-detail-sku-detail .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.collection-form-detail-sku-detail .box .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.collection-form-detail-sku-detail .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.collection-form-detail-sku-detail .box .table-box img{display:flex;justify-content:center}.collection-form-detail-sku-tidak-lolos-detail{display:flex;flex-direction:column;padding:30px}.collection-form-detail-sku-tidak-lolos-detail a,.collection-form-detail-sku-tidak-lolos-detail p{margin:0;padding:0}.collection-form-detail-sku-tidak-lolos-detail .right-side{display:flex;background-color:#fff;border:1px solid #524fa0;border-radius:10px;padding:10px 20px;justify-content:center;align-items:center}.collection-form-detail-sku-tidak-lolos-detail .right-side i{font-size:16px;color:#524fa0}.collection-form-detail-sku-tidak-lolos-detail .right-side a{display:flex;justify-content:center;align-self:center;font-size:14px;border:none;color:#524fa0}.collection-form-detail-sku-tidak-lolos-detail .right-side a button:hover{opacity:.9}.collection-form-detail-sku-tidak-lolos-detail .top-page{display:flex;align-items:center;justify-content:space-between}.collection-form-detail-sku-tidak-lolos-detail .top-page .left-side{display:flex;gap:10px;align-items:center}.collection-form-detail-sku-tidak-lolos-detail .top-page .left-side p{font-size:20px;font-weight:300;color:#354ebc}.collection-form-detail-sku-tidak-lolos-detail .top-page .left-side p span{font-weight:500;color:#354ebc}.collection-form-detail-sku-tidak-lolos-detail .top-page .left-side img{cursor:pointer}.collection-form-detail-sku-tidak-lolos-detail .top-page .right-side{display:flex;gap:10px;align-items:center;background-color:#fff;border:1px solid #524fa0;border-radius:10px;padding:10px 20px}.collection-form-detail-sku-tidak-lolos-detail .top-page .right-side i{font-size:16px;color:#524fa0}.collection-form-detail-sku-tidak-lolos-detail .top-page .right-side a{display:flex;justify-content:center;align-self:center;font-size:14px;border:none;color:#524fa0}.collection-form-detail-sku-tidak-lolos-detail .top-page .right-side a button:hover{opacity:.9}.collection-form-detail-sku-tidak-lolos-detail .box{background-color:#fff;padding:20px;border-radius:10px;margin-top:20px}.collection-form-detail-sku-tidak-lolos-detail .box .group-text-1{display:flex;gap:20px;align-items:center;border-bottom:1px solid #DEDDDD}.collection-form-detail-sku-tidak-lolos-detail .box .group-text-1 .text-1{font-size:16px;font-weight:400;color:#000;padding-bottom:5px}.collection-form-detail-sku-tidak-lolos-detail .box .group-text-1 .text-1.active{font-size:14px;font-weight:400;color:#408df0;border-bottom:2px solid #408df0}.collection-form-detail-sku-tidak-lolos-detail .box .content-box{display:flex;flex-direction:column}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .top-side{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:15px;border-bottom:1px solid #DEDDDD}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .top-side .left-side{display:flex;gap:5px;flex-direction:column;justify-content:start}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .top-side .left-side .text-2{font-size:14px;font-weight:400;color:#686868}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .top-side .left-side .text-3{font-size:16px;color:#408df0}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .top-side .right-side{display:flex;gap:20px}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .top-side .right-side .button .text-5{background-color:#d2d2d2;text-decoration:none;color:#000;width:120px;padding:7px 15px;border-radius:10px;margin-top:5px;text-align:center}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .top-side .right-side .button .text-6{background-color:#f4406b;text-decoration:none;color:#fff;width:120px;padding:7px 25px;border-radius:10px;margin-top:5px;text-align:center;white-space:nowrap;width:150px}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .bottom-side{display:flex;width:100%;margin-top:20px}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .bottom-side .left-bottom,.collection-form-detail-sku-tidak-lolos-detail .box .content-box .bottom-side .right-bottom{width:50%;display:flex}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .bottom-side .left-bottom .left-text,.collection-form-detail-sku-tidak-lolos-detail .box .content-box .bottom-side .right-bottom .left-text{display:flex;flex-direction:column;width:50%;gap:10px}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .bottom-side .left-bottom .left-text .text-1,.collection-form-detail-sku-tidak-lolos-detail .box .content-box .bottom-side .right-bottom .left-text .text-1{color:#686868;font-size:14px}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .bottom-side .left-bottom .right-text,.collection-form-detail-sku-tidak-lolos-detail .box .content-box .bottom-side .right-bottom .right-text{display:flex;flex-direction:column;width:50%;gap:10px}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .bottom-side .left-bottom .right-text .text-2,.collection-form-detail-sku-tidak-lolos-detail .box .content-box .bottom-side .right-bottom .right-text .text-2{color:#000;font-size:14px}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .bottom-side2{display:flex;width:100%;margin-top:20px}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .bottom-side2 .left-bottom{width:50%;display:flex;flex-direction:column}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .bottom-side2 .left-bottom p{color:#686868;font-size:15px;margin-bottom:5px}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .bottom-side2 .left-bottom img{width:125px}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .bottom-side2 .right-bottom{width:50%;display:flex;gap:20px;justify-content:end;align-items:end}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .bottom-side2 .right-bottom .context{width:50%}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .bottom-side2 .right-bottom .context p{color:#686868;font-size:15px}.collection-form-detail-sku-tidak-lolos-detail .box .content-box .bottom-side2 .right-bottom .context input{width:100%;border:none;border-bottom:1px solid #354ebc;padding:10px 5px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box{background-color:#fff;overflow:auto;box-sizing:border-box;padding:10px 0;position:relative}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .dataTables_paginate .paginate_button a:focus,.collection-form-detail-sku-tidak-lolos-detail .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .ellipsis-container{position:relative;display:flex}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-bubble{padding:10px;background-color:orange;text-align:center;color:#000;border-radius:10px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-bubble p{font-weight:600}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-regular p{font-weight:600}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-need-revision p{font-weight:600}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-need-approve p{font-weight:600}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-draft p{font-weight:600}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-uncomplete p{font-weight:600}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-complete p{font-weight:600}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-dash p{font-weight:600}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-outstanding p{font-weight:600}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-partial-outstanding p{font-weight:600}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .status-balance p{font-weight:600}.collection-form-detail-sku-tidak-lolos-detail .box .table-box table{width:100%!important;border-collapse:collapse}.collection-form-detail-sku-tidak-lolos-detail .box .table-box table.dataTable thead .sorting:before,.collection-form-detail-sku-tidak-lolos-detail .box .table-box table.dataTable thead .sorting_asc:before,.collection-form-detail-sku-tidak-lolos-detail .box .table-box table.dataTable thead .sorting_desc:before,.collection-form-detail-sku-tidak-lolos-detail .box .table-box table.dataTable thead .sorting_asc_disabled:before,.collection-form-detail-sku-tidak-lolos-detail .box .table-box table.dataTable thead .sorting_desc_disabled:before,.collection-form-detail-sku-tidak-lolos-detail .box .table-box table.dataTable thead .sorting:after,.collection-form-detail-sku-tidak-lolos-detail .box .table-box table.dataTable thead .sorting_asc:after,.collection-form-detail-sku-tidak-lolos-detail .box .table-box table.dataTable thead .sorting_desc:after,.collection-form-detail-sku-tidak-lolos-detail .box .table-box table.dataTable thead .sorting_asc_disabled:after,.collection-form-detail-sku-tidak-lolos-detail .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.collection-form-detail-sku-tidak-lolos-detail .box .table-box th,.collection-form-detail-sku-tidak-lolos-detail .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px;white-space:nowrap}.collection-form-detail-sku-tidak-lolos-detail .box .table-box th{background-color:#fafafa;font-weight:400}.collection-form-detail-sku-tidak-lolos-detail .box .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.collection-form-detail-sku-tidak-lolos-detail .box .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.collection-form-detail-sku-tidak-lolos-detail .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.collection-form-detail-sku-tidak-lolos-detail .box .table-box img{display:flex;justify-content:center}.collection-form-detail-log{display:flex;flex-direction:column;padding:30px}.collection-form-detail-log a,.collection-form-detail-log p{margin:0;padding:0}.collection-form-detail-log .top-page{display:flex;align-items:center;justify-content:space-between}.collection-form-detail-log .top-page .left-side{display:flex;gap:10px;align-items:center}.collection-form-detail-log .top-page .left-side p{font-size:20px;font-weight:300;color:#354ebc}.collection-form-detail-log .top-page .left-side p span{font-weight:500;color:#354ebc}.collection-form-detail-log .top-page .left-side img{cursor:pointer}.collection-form-detail-log .top-page .right-side{display:flex;gap:10px;align-items:center;background-color:#fff;border:1px solid #524fa0;border-radius:10px;padding:10px 20px}.collection-form-detail-log .top-page .right-side i{font-size:18px;color:#524fa0}.collection-form-detail-log .top-page .right-side a{display:flex;justify-content:center;align-self:center;font-size:16px;border:none;color:#524fa0}.collection-form-detail-log .top-page .right-side a button:hover{opacity:.9}.collection-form-detail-log .box{background-color:#fff;border-radius:10px;margin-top:20px}.collection-form-detail-log .box .group-text-1{display:flex;gap:20px;align-items:center;border-bottom:1px solid #DEDDDD}.collection-form-detail-log .box .group-text-1 .text-1{font-size:16px;font-weight:400;color:#000;padding-bottom:5px}.collection-form-detail-log .box .group-text-1 .text-1.active{font-size:16px;font-weight:400;color:#408df0;border-bottom:2px solid #408df0}.collection-form-detail-log .box .content-box{display:flex;flex-direction:column}.collection-form-detail-log .box .content-box .top-side{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:15px;padding-bottom:15px;border-bottom:1px solid #DEDDDD}.collection-form-detail-log .box .content-box .top-side .left-side{display:flex;gap:5px;flex-direction:column;justify-content:start}.collection-form-detail-log .box .content-box .top-side .left-side .text-2{font-size:15px;font-weight:400;color:#686868}.collection-form-detail-log .box .content-box .top-side .left-side .text-3{font-size:18px;color:#000}.collection-form-detail-log .box .content-box .top-side .right-side{display:flex;gap:20px}.collection-form-detail-log .box .content-box .top-side .right-side .button .text-5{background-color:#d2d2d2;text-decoration:none;color:#000;width:120px;padding:7px 15px;border-radius:10px;margin-top:5px;text-align:center}.collection-form-detail-log .box .content-box .bottom-side{display:flex;width:100%;margin-top:20px}.collection-form-detail-log .box .content-box .bottom-side .left-bottom,.collection-form-detail-log .box .content-box .bottom-side .right-bottom{width:50%;display:flex}.collection-form-detail-log .box .content-box .bottom-side .left-bottom .left-text,.collection-form-detail-log .box .content-box .bottom-side .right-bottom .left-text{display:flex;flex-direction:column;width:50%;gap:10px}.collection-form-detail-log .box .content-box .bottom-side .left-bottom .left-text .text-1,.collection-form-detail-log .box .content-box .bottom-side .right-bottom .left-text .text-1{color:#686868;font-size:15px}.collection-form-detail-log .box .content-box .bottom-side .left-bottom .right-text,.collection-form-detail-log .box .content-box .bottom-side .right-bottom .right-text{display:flex;flex-direction:column;width:50%;gap:10px}.collection-form-detail-log .box .content-box .bottom-side .left-bottom .right-text .text-2,.collection-form-detail-log .box .content-box .bottom-side .right-bottom .right-text .text-2{color:#000;font-size:15px}.collection-form-detail-log .box .content-box .bottom-side2{display:flex;width:100%;margin-top:20px}.collection-form-detail-log .box .content-box .bottom-side2 .left-bottom{width:50%;display:flex;flex-direction:column}.collection-form-detail-log .box .content-box .bottom-side2 .left-bottom p{color:#686868;font-size:15px;margin-bottom:5px}.collection-form-detail-log .box .content-box .bottom-side2 .left-bottom img{width:125px}.collection-form-detail-log .box .content-box .bottom-side2 .right-bottom{width:50%;display:flex;gap:20px;justify-content:end;align-items:end}.collection-form-detail-log .box .content-box .bottom-side2 .right-bottom .context{width:50%}.collection-form-detail-log .box .content-box .bottom-side2 .right-bottom .context p{color:#686868;font-size:15px}.collection-form-detail-log .box .content-box .bottom-side2 .right-bottom .context input{width:100%;border:none;border-bottom:1px solid #354ebc;padding:10px 5px}.collection-form-detail-log .box .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box}.collection-form-detail-log .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.collection-form-detail-log .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.collection-form-detail-log .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.collection-form-detail-log .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.collection-form-detail-log .box .table-box .dataTables_paginate .paginate_button a:focus,.collection-form-detail-log .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.collection-form-detail-log .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.collection-form-detail-log .box .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.collection-form-detail-log .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.collection-form-detail-log .box .table-box .ellipsis-container{position:relative;display:flex}.collection-form-detail-log .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.collection-form-detail-log .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.collection-form-detail-log .box .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.collection-form-detail-log .box .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.collection-form-detail-log .box .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.collection-form-detail-log .box .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-log .box .table-box .status-express p{font-weight:600}.collection-form-detail-log .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-log .box .table-box .status-regular p{font-weight:600}.collection-form-detail-log .box .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-detail-log .box .table-box .status-need-revision p{font-weight:600}.collection-form-detail-log .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-log .box .table-box .status-need-approve p{font-weight:600}.collection-form-detail-log .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-detail-log .box .table-box .status-draft p{font-weight:600}.collection-form-detail-log .box .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-log .box .table-box .status-uncomplete p{font-weight:600}.collection-form-detail-log .box .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-detail-log .box .table-box .status-complete p{font-weight:600}.collection-form-detail-log .box .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-detail-log .box .table-box .status-dash p{font-weight:600}.collection-form-detail-log .box .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-detail-log .box .table-box .status-outstanding p{font-weight:600}.collection-form-detail-log .box .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-log .box .table-box .status-partial-outstanding p{font-weight:600}.collection-form-detail-log .box .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-detail-log .box .table-box .status-balance p{font-weight:600}.collection-form-detail-log .box .table-box table{width:100%!important;border-collapse:collapse}.collection-form-detail-log .box .table-box table.dataTable thead .sorting:before,.collection-form-detail-log .box .table-box table.dataTable thead .sorting_asc:before,.collection-form-detail-log .box .table-box table.dataTable thead .sorting_desc:before,.collection-form-detail-log .box .table-box table.dataTable thead .sorting_asc_disabled:before,.collection-form-detail-log .box .table-box table.dataTable thead .sorting_desc_disabled:before,.collection-form-detail-log .box .table-box table.dataTable thead .sorting:after,.collection-form-detail-log .box .table-box table.dataTable thead .sorting_asc:after,.collection-form-detail-log .box .table-box table.dataTable thead .sorting_desc:after,.collection-form-detail-log .box .table-box table.dataTable thead .sorting_asc_disabled:after,.collection-form-detail-log .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.collection-form-detail-log .box .table-box th,.collection-form-detail-log .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px;white-space:nowrap}.collection-form-detail-log .box .table-box th .padding-box-table,.collection-form-detail-log .box .table-box td .padding-box-table{padding:8px 10px;background-color:#ffc107;text-align:center;border-radius:10px}.collection-form-detail-log .box .table-box th{background-color:#fafafa;font-weight:400}.collection-form-detail-log .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.collection-form-detail-log .box .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.collection-form-detail-log .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.collection-form-detail-tracking{gap:20px;display:flex;flex-direction:column;padding:30px}.collection-form-detail-tracking a,.collection-form-detail-tracking p{margin:0;padding:0}.collection-form-detail-tracking .status{padding:7px 20px;text-align:center;border-radius:10px;margin-bottom:10px;font-size:14px;background-color:#ffc107;color:#000;font-weight:500}.collection-form-detail-tracking .status p{font-weight:400}.collection-form-detail-tracking .status.Need_Approve,.collection-form-detail-tracking .status.need_approve,.collection-form-detail-tracking .status.Ongoing,.collection-form-detail-tracking .status.ongoing,.collection-form-detail-tracking .status.edit-excess,.collection-form-detail-tracking .status.Need_Revision,.collection-form-detail-tracking .status.need_revision{background-color:orange;color:#fff}.collection-form-detail-tracking .status.Excess,.collection-form-detail-tracking .status.excess{background-color:#d884e4;color:#fff}.collection-form-detail-tracking .status.Regular,.collection-form-detail-tracking .status.regular,.collection-form-detail-tracking .status.hapus-missing{background-color:#1768f2;color:#fff}.collection-form-detail-tracking .status.Truck,.collection-form-detail-tracking .status.truck{color:#354ebc;background-color:#d0d6fa}.collection-form-detail-tracking .status.Express,.collection-form-detail-tracking .status.express{background-color:orange;color:#fff}.collection-form-detail-tracking .status.Complete,.collection-form-detail-tracking .status.complete,.collection-form-detail-tracking .status.Done,.collection-form-detail-tracking .status.done{background-color:#e9f7ef;color:#28a745}.collection-form-detail-tracking .status.kirim-saldo{background-color:#28a745;color:#fff}.collection-form-detail-tracking .status.Uncomplete,.collection-form-detail-tracking .status.uncomplete{color:#fff;background-color:orange}.collection-form-detail-tracking .status.Draft,.collection-form-detail-tracking .status.draft{background-color:#d2d2d2;color:#000}.collection-form-detail-tracking .status.Outstanding,.collection-form-detail-tracking .status.outstanding,.collection-form-detail-tracking .status.In-Trolley,.collection-form-detail-tracking .status.in-trolley{background-color:#fdd9e1;color:#f4406b}.collection-form-detail-tracking .status.hapus-excess{background-color:#f4406b;color:#fff}.collection-form-detail-tracking .status.Partial_Outstanding,.collection-form-detail-tracking .status.partial_outstanding{background-color:orange;color:#fff}.collection-form-detail-tracking .status.Balance,.collection-form-detail-tracking .status.balance{background-color:#e9f7ef;color:#28a745;margin:0}.collection-form-detail-tracking .top-page{display:flex;align-items:center;justify-content:space-between}.collection-form-detail-tracking .top-page .select-wrapper-arrow{position:relative;width:200px}.collection-form-detail-tracking .top-page .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.collection-form-detail-tracking .top-page .select-wrapper-arrow select{width:200px;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#686868;letter-spacing:.5px}.collection-form-detail-tracking .top-page .left-side{display:flex;gap:10px;align-items:center}.collection-form-detail-tracking .top-page .left-side p{font-size:20px;font-weight:300;color:#354ebc}.collection-form-detail-tracking .top-page .left-side p span{font-weight:500;color:#354ebc}.collection-form-detail-tracking .top-page .left-side img{cursor:pointer}.collection-form-detail-tracking .top-page .right-side{display:flex;gap:10px;align-items:center;background-color:#fff;border:1px solid #524fa0;border-radius:10px;padding:10px 20px}.collection-form-detail-tracking .top-page .right-side i{font-size:18px;color:#524fa0}.collection-form-detail-tracking .top-page .right-side a{display:flex;justify-content:center;align-self:center;font-size:16px;border:none;color:#524fa0}.collection-form-detail-tracking .top-page .right-side a button:hover{opacity:.9}.collection-form-detail-tracking .box{background-color:#fff;padding:20px;border-radius:10px;margin-top:20px}.collection-form-detail-tracking .box .group-text-1{display:flex;gap:20px;align-items:center;border-bottom:1px solid #DEDDDD}.collection-form-detail-tracking .box .group-text-1 .text-1{font-size:16px;font-weight:400;color:#000;padding-bottom:5px}.collection-form-detail-tracking .box .group-text-1 .text-1.active{font-size:16px;font-weight:400;color:#408df0;border-bottom:2px solid #408df0}.collection-form-detail-tracking .box .content-box{display:flex;flex-direction:column}.collection-form-detail-tracking .box .content-box .top-side{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:15px;padding-bottom:15px;border-bottom:1px solid #DEDDDD}.collection-form-detail-tracking .box .content-box .top-side .left-side{display:flex;gap:5px;flex-direction:column;justify-content:start}.collection-form-detail-tracking .box .content-box .top-side .left-side .text-2{font-size:15px;font-weight:400;color:#686868}.collection-form-detail-tracking .box .content-box .top-side .left-side .text-3{font-size:18px;color:#000}.collection-form-detail-tracking .box .content-box .top-side .right-side{display:flex;gap:20px}.collection-form-detail-tracking .box .content-box .top-side .right-side .button .text-5{background-color:#d2d2d2;text-decoration:none;color:#000;width:120px;padding:7px 15px;border-radius:10px;margin-top:5px;text-align:center}.collection-form-detail-tracking .box .content-box .bottom-side{display:flex;width:100%;margin-top:20px}.collection-form-detail-tracking .box .content-box .bottom-side .left-bottom,.collection-form-detail-tracking .box .content-box .bottom-side .right-bottom{width:50%;display:flex}.collection-form-detail-tracking .box .content-box .bottom-side .left-bottom .left-text,.collection-form-detail-tracking .box .content-box .bottom-side .right-bottom .left-text{display:flex;flex-direction:column;width:50%;gap:10px}.collection-form-detail-tracking .box .content-box .bottom-side .left-bottom .left-text .text-1,.collection-form-detail-tracking .box .content-box .bottom-side .right-bottom .left-text .text-1{color:#686868;font-size:15px}.collection-form-detail-tracking .box .content-box .bottom-side .left-bottom .right-text,.collection-form-detail-tracking .box .content-box .bottom-side .right-bottom .right-text{display:flex;flex-direction:column;width:50%;gap:10px}.collection-form-detail-tracking .box .content-box .bottom-side .left-bottom .right-text .text-2,.collection-form-detail-tracking .box .content-box .bottom-side .right-bottom .right-text .text-2{color:#000;font-size:15px}.collection-form-detail-tracking .box .content-box .bottom-side2{display:flex;width:100%;margin-top:20px}.collection-form-detail-tracking .box .content-box .bottom-side2 .left-bottom{width:50%;display:flex;flex-direction:column}.collection-form-detail-tracking .box .content-box .bottom-side2 .left-bottom p{color:#686868;font-size:15px;margin-bottom:5px}.collection-form-detail-tracking .box .content-box .bottom-side2 .left-bottom img{width:125px}.collection-form-detail-tracking .box .content-box .bottom-side2 .right-bottom{width:50%;display:flex;gap:20px;justify-content:end;align-items:end}.collection-form-detail-tracking .box .content-box .bottom-side2 .right-bottom .context{width:50%}.collection-form-detail-tracking .box .content-box .bottom-side2 .right-bottom .context p{color:#686868;font-size:15px}.collection-form-detail-tracking .box .content-box .bottom-side2 .right-bottom .context input{width:100%;border:none;border-bottom:1px solid #354ebc;padding:10px 5px}.collection-form-detail-tracking .box .table-box{background-color:#fff;border-radius:15px;padding:10px 0;overflow:auto;box-sizing:border-box}.collection-form-detail-tracking .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.collection-form-detail-tracking .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.collection-form-detail-tracking .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.collection-form-detail-tracking .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.collection-form-detail-tracking .box .table-box .dataTables_paginate .paginate_button a:focus,.collection-form-detail-tracking .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.collection-form-detail-tracking .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.collection-form-detail-tracking .box .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.collection-form-detail-tracking .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.collection-form-detail-tracking .box .table-box .ellipsis-container{position:relative;display:flex}.collection-form-detail-tracking .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.collection-form-detail-tracking .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.collection-form-detail-tracking .box .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.collection-form-detail-tracking .box .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.collection-form-detail-tracking .box .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.collection-form-detail-tracking .box .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-tracking .box .table-box .status-express p{font-weight:600}.collection-form-detail-tracking .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-tracking .box .table-box .status-regular p{font-weight:600}.collection-form-detail-tracking .box .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-detail-tracking .box .table-box .status-need-revision p{font-weight:600}.collection-form-detail-tracking .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-tracking .box .table-box .status-need-approve p{font-weight:600}.collection-form-detail-tracking .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-detail-tracking .box .table-box .status-draft p{font-weight:600}.collection-form-detail-tracking .box .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-tracking .box .table-box .status-uncomplete p{font-weight:600}.collection-form-detail-tracking .box .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-detail-tracking .box .table-box .status-complete p{font-weight:600}.collection-form-detail-tracking .box .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-detail-tracking .box .table-box .status-dash p{font-weight:600}.collection-form-detail-tracking .box .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-detail-tracking .box .table-box .status-outstanding p{font-weight:600}.collection-form-detail-tracking .box .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-tracking .box .table-box .status-partial-outstanding p{font-weight:600}.collection-form-detail-tracking .box .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-detail-tracking .box .table-box .status-balance p{font-weight:600}.collection-form-detail-tracking .box .table-box table{width:100%!important;border-collapse:collapse}.collection-form-detail-tracking .box .table-box table.dataTable thead .sorting:before,.collection-form-detail-tracking .box .table-box table.dataTable thead .sorting_asc:before,.collection-form-detail-tracking .box .table-box table.dataTable thead .sorting_desc:before,.collection-form-detail-tracking .box .table-box table.dataTable thead .sorting_asc_disabled:before,.collection-form-detail-tracking .box .table-box table.dataTable thead .sorting_desc_disabled:before,.collection-form-detail-tracking .box .table-box table.dataTable thead .sorting:after,.collection-form-detail-tracking .box .table-box table.dataTable thead .sorting_asc:after,.collection-form-detail-tracking .box .table-box table.dataTable thead .sorting_desc:after,.collection-form-detail-tracking .box .table-box table.dataTable thead .sorting_asc_disabled:after,.collection-form-detail-tracking .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.collection-form-detail-tracking .box .table-box th,.collection-form-detail-tracking .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px;white-space:nowrap}.collection-form-detail-tracking .box .table-box th .padding-box-table,.collection-form-detail-tracking .box .table-box td .padding-box-table{padding:8px 10px;background-color:#ffc107;text-align:center;border-radius:10px}.collection-form-detail-tracking .box .table-box th{background-color:#fafafa;font-weight:400}.collection-form-detail-tracking .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.collection-form-detail-tracking .box .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.collection-form-detail-tracking .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.collection-form-detail-need-revision{display:flex;flex-direction:column;padding:30px}.collection-form-detail-need-revision a,.collection-form-detail-need-revision p{margin:0;padding:0}.collection-form-detail-need-revision .pop-up-konfirmasi{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:100;justify-content:center;align-items:center;display:none}.collection-form-detail-need-revision .pop-up-konfirmasi .card{max-width:500px}.collection-form-detail-need-revision .pop-up-konfirmasi .card .top{display:flex;align-items:center;justify-content:center;padding:15px;border-bottom:1px solid #dadefb;color:#354ebc;font-size:18px;position:relative}.collection-form-detail-need-revision .pop-up-konfirmasi .card .top p{display:flex;justify-content:center;align-items:center}.collection-form-detail-need-revision .pop-up-konfirmasi .card .top i{color:gray;position:absolute;right:20px;cursor:pointer}.collection-form-detail-need-revision .pop-up-konfirmasi .card .top .button-label{padding:10px 20px;background-color:#ffc107;border-radius:10px;color:#fff;cursor:pointer}.collection-form-detail-need-revision .pop-up-konfirmasi .card .top .button-label i{margin-right:5px}.collection-form-detail-need-revision .pop-up-konfirmasi .card .title{display:flex;justify-content:center;padding:20px;font-size:15px;color:#000;font-weight:400;border-bottom:1px solid #dadefb}.collection-form-detail-need-revision .pop-up-konfirmasi .card .title .input-style{width:500px;height:100px;border:1px solid #dadefb;border-radius:10px;padding:10px 5px}.collection-form-detail-need-revision .pop-up-konfirmasi .card .buttons{display:flex;justify-content:center;width:100%;gap:10px;padding:15px}.collection-form-detail-need-revision .pop-up-konfirmasi .card .buttons .batal{background-color:#fff;color:#000;border-radius:8px;cursor:pointer;border:1px solid #DEDDDD;padding:5px;width:100%}.collection-form-detail-need-revision .pop-up-konfirmasi .card .buttons .iya{padding:5px;width:100%;background-color:#4259c1;color:#fff;border-radius:8px;cursor:pointer;border:none}.collection-form-detail-need-revision .top-page{display:flex;align-items:center;justify-content:space-between}.collection-form-detail-need-revision .top-page .left-side{display:flex;gap:10px;align-items:center}.collection-form-detail-need-revision .top-page .left-side p{font-size:24px;font-weight:300;color:#354ebc}.collection-form-detail-need-revision .top-page .left-side p span{font-weight:500;color:#354ebc}.collection-form-detail-need-revision .top-page .left-side img{cursor:pointer}.collection-form-detail-need-revision .top-page .right-side{display:flex;gap:10px;align-items:center;background-color:#fff;border:1px solid #524FA0;border-radius:10px;padding:10px 20px}.collection-form-detail-need-revision .top-page .right-side i{font-size:18px;color:#524fa0}.collection-form-detail-need-revision .top-page .right-side a{display:flex;justify-content:center;align-self:center;font-size:16px;border:none;color:#524fa0}.collection-form-detail-need-revision .top-page .right-side a button:hover{opacity:.9}.collection-form-detail-need-revision .top-page .right-side2{display:flex;gap:10px;align-items:center;background-color:#faad14;border:1px solid white;border-radius:10px;padding:10px 20px}.collection-form-detail-need-revision .top-page .right-side2 i{font-size:18px;color:#524fa0}.collection-form-detail-need-revision .top-page .right-side2 a{display:flex;justify-content:center;align-self:center;font-size:16px;border:none;color:#fff}.collection-form-detail-need-revision .top-page .right-side2 a button:hover{opacity:.9}.collection-form-detail-need-revision .top-page .right-side3{display:flex;gap:10px;align-items:center;background-color:#28a745;border:1px solid white;border-radius:10px;padding:10px 20px}.collection-form-detail-need-revision .top-page .right-side3 i{font-size:18px;color:#fff}.collection-form-detail-need-revision .top-page .right-side3 a{display:flex;justify-content:center;align-self:center;font-size:16px;border:none;color:#fff}.collection-form-detail-need-revision .top-page .right-side3 a button:hover{opacity:.9}.collection-form-detail-need-revision .box{background-color:#fff;padding:20px;border-radius:10px;margin-top:20px}.collection-form-detail-need-revision .box .group-text-1{display:flex;gap:20px;align-items:center;border-bottom:1px solid #DEDDDD}.collection-form-detail-need-revision .box .group-text-1 .text-1{font-size:16px;font-weight:400;color:#000;padding-bottom:5px}.collection-form-detail-need-revision .box .group-text-1 .text-1.active{font-size:16px;font-weight:400;color:#408df0;border-bottom:2px solid #408DF0}.collection-form-detail-need-revision .box .group-text-1 .text-2{font-size:16px;font-weight:400;color:#000;padding-bottom:5px}.collection-form-detail-need-revision .box .group-text-1 .text-2.active{font-size:16px;font-weight:400;color:#408df0;border-bottom:2px solid #408DF0}.collection-form-detail-need-revision .box .group-text-1 .text-3{font-size:16px;font-weight:400;color:#000;padding-bottom:5px}.collection-form-detail-need-revision .box .group-text-1 .text-3.active{font-size:16px;font-weight:400;color:#408df0;border-bottom:2px solid #408DF0}.collection-form-detail-need-revision .box .content-box{display:flex;flex-direction:column}.collection-form-detail-need-revision .box .content-box .top-side{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:15px;padding-bottom:15px;border-bottom:1px solid #DEDDDD}.collection-form-detail-need-revision .box .content-box .top-side .left-side{display:flex;gap:5px;flex-direction:column;justify-content:start}.collection-form-detail-need-revision .box .content-box .top-side .left-side .text-2{font-size:15px;font-weight:400;color:#686868}.collection-form-detail-need-revision .box .content-box .top-side .left-side .text-3{font-size:18px;color:#000}.collection-form-detail-need-revision .box .content-box .top-side .right-side{display:flex;gap:20px}.collection-form-detail-need-revision .box .content-box .top-side .right-side .button .text-5{background-color:#d2d2d2;text-decoration:none;color:#000;width:120px;padding:7px 15px;border-radius:10px;margin-top:5px;text-align:center}.collection-form-detail-need-revision .box .content-box .top-side .right-side .button .text-6{background-color:#ffe0f0;text-decoration:none;color:#f4406b;padding:7px 25px;border-radius:10px;font-weight:500;margin-top:5px;text-align:center;white-space:nowrap}.collection-form-detail-need-revision .box .content-box .bottom-side{display:flex;width:100%;margin-top:20px}.collection-form-detail-need-revision .box .content-box .bottom-side .left-bottom,.collection-form-detail-need-revision .box .content-box .bottom-side .right-bottom{width:50%;display:flex}.collection-form-detail-need-revision .box .content-box .bottom-side .left-bottom .left-text,.collection-form-detail-need-revision .box .content-box .bottom-side .right-bottom .left-text{display:flex;flex-direction:column;width:50%;gap:10px}.collection-form-detail-need-revision .box .content-box .bottom-side .left-bottom .left-text .text-1,.collection-form-detail-need-revision .box .content-box .bottom-side .right-bottom .left-text .text-1{color:#686868;font-size:15px}.collection-form-detail-need-revision .box .content-box .bottom-side .left-bottom .right-text,.collection-form-detail-need-revision .box .content-box .bottom-side .right-bottom .right-text{display:flex;flex-direction:column;width:50%;gap:10px}.collection-form-detail-need-revision .box .content-box .bottom-side .left-bottom .right-text .text-2,.collection-form-detail-need-revision .box .content-box .bottom-side .right-bottom .right-text .text-2{color:#000;font-size:15px}.collection-form-detail-need-revision .box .content-box .bottom-side .left-bottom .right-text .text-3,.collection-form-detail-need-revision .box .content-box .bottom-side .right-bottom .right-text .text-3{color:#f4406b;background-color:#ffe0f0;font-size:15px;padding:7px 10px;border-radius:10px;max-width:fit-content}.collection-form-detail-need-revision .box .content-box .bottom-side2{display:flex;width:100%;margin-top:20px}.collection-form-detail-need-revision .box .content-box .bottom-side2 .left-bottom{width:50%;display:flex;flex-direction:column}.collection-form-detail-need-revision .box .content-box .bottom-side2 .left-bottom p{color:#686868;font-size:15px;margin-bottom:5px}.collection-form-detail-need-revision .box .content-box .bottom-side2 .left-bottom img{width:125px}.collection-form-detail-need-revision .box .content-box .bottom-side2 .right-bottom{width:50%;display:flex;gap:20px;justify-content:end;align-items:end}.collection-form-detail-need-revision .box .content-box .bottom-side2 .right-bottom .context{width:50%}.collection-form-detail-need-revision .box .content-box .bottom-side2 .right-bottom .context p{color:#686868;font-size:15px}.collection-form-detail-need-revision .box .content-box .bottom-side2 .right-bottom .context input{width:100%;border:none;border-bottom:1px solid #354EBC;padding:10px 5px}.collection-form-detail-need-revision .box .table-box{background-color:#fff;border-radius:15px;padding:20px 0;overflow:auto;box-sizing:border-box;position:relative}.collection-form-detail-need-revision .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.collection-form-detail-need-revision .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.collection-form-detail-need-revision .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.collection-form-detail-need-revision .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.collection-form-detail-need-revision .box .table-box .dataTables_paginate .paginate_button a:focus,.collection-form-detail-need-revision .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.collection-form-detail-need-revision .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.collection-form-detail-need-revision .box .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.collection-form-detail-need-revision .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.collection-form-detail-need-revision .box .table-box .ellipsis-container{position:relative;display:flex}.collection-form-detail-need-revision .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.collection-form-detail-need-revision .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.collection-form-detail-need-revision .box .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.collection-form-detail-need-revision .box .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.collection-form-detail-need-revision .box .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.collection-form-detail-need-revision .box .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-need-revision .box .table-box .status-express p{font-weight:600}.collection-form-detail-need-revision .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-need-revision .box .table-box .status-regular p{font-weight:600}.collection-form-detail-need-revision .box .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-detail-need-revision .box .table-box .status-need-revision p{font-weight:600}.collection-form-detail-need-revision .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-need-revision .box .table-box .status-need-approve p{font-weight:600}.collection-form-detail-need-revision .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-detail-need-revision .box .table-box .status-draft p{font-weight:600}.collection-form-detail-need-revision .box .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-need-revision .box .table-box .status-uncomplete p{font-weight:600}.collection-form-detail-need-revision .box .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-detail-need-revision .box .table-box .status-complete p{font-weight:600}.collection-form-detail-need-revision .box .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-detail-need-revision .box .table-box .status-dash p{font-weight:600}.collection-form-detail-need-revision .box .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-detail-need-revision .box .table-box .status-outstanding p{font-weight:600}.collection-form-detail-need-revision .box .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-need-revision .box .table-box .status-partial-outstanding p{font-weight:600}.collection-form-detail-need-revision .box .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-detail-need-revision .box .table-box .status-balance p{font-weight:600}.collection-form-detail-need-revision .box .table-box table{width:100%!important;border-collapse:collapse}.collection-form-detail-need-revision .box .table-box table.dataTable thead .sorting:before,.collection-form-detail-need-revision .box .table-box table.dataTable thead .sorting_asc:before,.collection-form-detail-need-revision .box .table-box table.dataTable thead .sorting_desc:before,.collection-form-detail-need-revision .box .table-box table.dataTable thead .sorting_asc_disabled:before,.collection-form-detail-need-revision .box .table-box table.dataTable thead .sorting_desc_disabled:before,.collection-form-detail-need-revision .box .table-box table.dataTable thead .sorting:after,.collection-form-detail-need-revision .box .table-box table.dataTable thead .sorting_asc:after,.collection-form-detail-need-revision .box .table-box table.dataTable thead .sorting_desc:after,.collection-form-detail-need-revision .box .table-box table.dataTable thead .sorting_asc_disabled:after,.collection-form-detail-need-revision .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.collection-form-detail-need-revision .box .table-box th,.collection-form-detail-need-revision .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px;white-space:nowrap}.collection-form-detail-need-revision .box .table-box th .padding-table-box,.collection-form-detail-need-revision .box .table-box td .padding-table-box{padding:5px 10px;background-color:#ffc107;border-radius:10px;text-align:center}.collection-form-detail-need-revision .box .table-box th .padding-table-box2,.collection-form-detail-need-revision .box .table-box td .padding-table-box2{padding:5px 10px;background-color:#e9f7ef;color:#28a745;border-radius:10px;text-align:center}.collection-form-detail-need-revision .box .table-box th .padding-table-box3,.collection-form-detail-need-revision .box .table-box td .padding-table-box3{padding:5px 10px;background-color:orange;color:#fff;border-radius:10px;text-align:center}.collection-form-detail-need-revision .box .table-box th{background-color:#fafafa;font-weight:400}.collection-form-detail-need-revision .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.collection-form-detail-need-revision .box .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.collection-form-detail-need-revision .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.collection-form-detail-need-approve{display:flex;flex-direction:column;padding:30px}.collection-form-detail-need-approve a,.collection-form-detail-need-approve p{margin:0;padding:0}.collection-form-detail-need-approve .pop-up-konfirmasi{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:100;justify-content:center;align-items:center;display:none}.collection-form-detail-need-approve .pop-up-konfirmasi .card{max-width:500px}.collection-form-detail-need-approve .pop-up-konfirmasi .card .top{display:flex;align-items:center;justify-content:center;padding:15px;border-bottom:1px solid #dadefb;color:#354ebc;font-size:18px;position:relative}.collection-form-detail-need-approve .pop-up-konfirmasi .card .top p{display:flex;justify-content:center;align-items:center}.collection-form-detail-need-approve .pop-up-konfirmasi .card .top i{color:gray;position:absolute;right:20px;cursor:pointer}.collection-form-detail-need-approve .pop-up-konfirmasi .card .top .button-label{padding:10px 20px;background-color:#ffc107;border-radius:10px;color:#fff;cursor:pointer}.collection-form-detail-need-approve .pop-up-konfirmasi .card .top .button-label i{margin-right:5px}.collection-form-detail-need-approve .pop-up-konfirmasi .card .title{display:flex;justify-content:center;padding:20px;font-size:15px;color:#000;font-weight:400;border-bottom:1px solid #dadefb}.collection-form-detail-need-approve .pop-up-konfirmasi .card .title .input-style{width:500px;height:100px;border:1px solid #dadefb;border-radius:10px;padding:10px 5px}.collection-form-detail-need-approve .pop-up-konfirmasi .card .buttons{display:flex;justify-content:center;width:100%;gap:10px;padding:15px}.collection-form-detail-need-approve .pop-up-konfirmasi .card .buttons .batal{background-color:#fff;color:#000;border-radius:8px;cursor:pointer;border:1px solid #DEDDDD;padding:5px;width:100%}.collection-form-detail-need-approve .pop-up-konfirmasi .card .buttons .iya{padding:5px;width:100%;background-color:#4259c1;color:#fff;border-radius:8px;cursor:pointer;border:none}.collection-form-detail-need-approve .top-page{display:flex;align-items:center;justify-content:space-between}.collection-form-detail-need-approve .top-page .left-side{display:flex;gap:10px;align-items:center}.collection-form-detail-need-approve .top-page .left-side p{font-size:24px;font-weight:300;color:#354ebc}.collection-form-detail-need-approve .top-page .left-side p span{font-weight:500;color:#354ebc}.collection-form-detail-need-approve .top-page .left-side img{cursor:pointer}.collection-form-detail-need-approve .top-page .right-side{display:flex;gap:10px;align-items:center;background-color:#fff;border:1px solid #524FA0;border-radius:10px;padding:10px 20px}.collection-form-detail-need-approve .top-page .right-side i{font-size:18px;color:#524fa0}.collection-form-detail-need-approve .top-page .right-side a{display:flex;justify-content:center;align-self:center;font-size:16px;border:none;color:#524fa0}.collection-form-detail-need-approve .top-page .right-side a button:hover{opacity:.9}.collection-form-detail-need-approve .top-page .right-side2{display:flex;gap:10px;align-items:center;background-color:#faad14;border:1px solid white;border-radius:10px;padding:10px 20px}.collection-form-detail-need-approve .top-page .right-side2 i{font-size:18px;color:#524fa0}.collection-form-detail-need-approve .top-page .right-side2 a{display:flex;justify-content:center;align-self:center;font-size:16px;border:none;color:#fff}.collection-form-detail-need-approve .top-page .right-side2 a button:hover{opacity:.9}.collection-form-detail-need-approve .top-page .right-side3{display:flex;gap:10px;align-items:center;background-color:#28a745;border:1px solid white;border-radius:10px;padding:10px 20px}.collection-form-detail-need-approve .top-page .right-side3 i{font-size:18px;color:#fff}.collection-form-detail-need-approve .top-page .right-side3 a{display:flex;justify-content:center;align-self:center;font-size:16px;border:none;color:#fff}.collection-form-detail-need-approve .top-page .right-side3 a button:hover{opacity:.9}.collection-form-detail-need-approve .box{background-color:#fff;padding:20px;border-radius:10px;margin-top:20px}.collection-form-detail-need-approve .box .group-text-1{display:flex;gap:20px;align-items:center;border-bottom:1px solid #DEDDDD}.collection-form-detail-need-approve .box .group-text-1 .text-1{font-size:16px;font-weight:400;color:#000;padding-bottom:5px}.collection-form-detail-need-approve .box .group-text-1 .text-1.active{font-size:16px;font-weight:400;color:#408df0;border-bottom:2px solid #408DF0}.collection-form-detail-need-approve .box .group-text-1 .text-2{font-size:16px;font-weight:400;color:#000;padding-bottom:5px}.collection-form-detail-need-approve .box .group-text-1 .text-2.active{font-size:16px;font-weight:400;color:#408df0;border-bottom:2px solid #408DF0}.collection-form-detail-need-approve .box .group-text-1 .text-3{font-size:16px;font-weight:400;color:#000;padding-bottom:5px}.collection-form-detail-need-approve .box .group-text-1 .text-3.active{font-size:16px;font-weight:400;color:#408df0;border-bottom:2px solid #408DF0}.collection-form-detail-need-approve .box .content-box{display:flex;flex-direction:column}.collection-form-detail-need-approve .box .content-box .top-side{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:15px;padding-bottom:15px;border-bottom:1px solid #DEDDDD}.collection-form-detail-need-approve .box .content-box .top-side .left-side{display:flex;gap:5px;flex-direction:column;justify-content:start}.collection-form-detail-need-approve .box .content-box .top-side .left-side .text-2{font-size:15px;font-weight:400;color:#686868}.collection-form-detail-need-approve .box .content-box .top-side .left-side .text-3{font-size:18px;color:#000}.collection-form-detail-need-approve .box .content-box .top-side .right-side{display:flex;gap:20px}.collection-form-detail-need-approve .box .content-box .top-side .right-side .button .text-5{background-color:#d2d2d2;text-decoration:none;color:#000;width:120px;padding:7px 15px;border-radius:10px;margin-top:5px;text-align:center}.collection-form-detail-need-approve .box .content-box .top-side .right-side .button .text-6{background-color:#f4406b;text-decoration:none;color:#fff;padding:7px 25px;border-radius:10px;font-weight:500;margin-top:5px;text-align:center;white-space:nowrap}.collection-form-detail-need-approve .box .content-box .bottom-side{display:flex;width:100%;margin-top:20px}.collection-form-detail-need-approve .box .content-box .bottom-side .left-bottom,.collection-form-detail-need-approve .box .content-box .bottom-side .right-bottom{width:50%;display:flex}.collection-form-detail-need-approve .box .content-box .bottom-side .left-bottom .left-text,.collection-form-detail-need-approve .box .content-box .bottom-side .right-bottom .left-text{display:flex;flex-direction:column;width:50%;gap:10px}.collection-form-detail-need-approve .box .content-box .bottom-side .left-bottom .left-text .text-1,.collection-form-detail-need-approve .box .content-box .bottom-side .right-bottom .left-text .text-1{color:#686868;font-size:15px}.collection-form-detail-need-approve .box .content-box .bottom-side .left-bottom .right-text,.collection-form-detail-need-approve .box .content-box .bottom-side .right-bottom .right-text{display:flex;flex-direction:column;width:50%;gap:10px}.collection-form-detail-need-approve .box .content-box .bottom-side .left-bottom .right-text .text-2,.collection-form-detail-need-approve .box .content-box .bottom-side .right-bottom .right-text .text-2{color:#000;font-size:15px}.collection-form-detail-need-approve .box .content-box .bottom-side .left-bottom .right-text .text-3,.collection-form-detail-need-approve .box .content-box .bottom-side .right-bottom .right-text .text-3{color:#f4406b;background-color:#ffe0f0;font-size:15px;padding:7px 10px;border-radius:10px;max-width:fit-content}.collection-form-detail-need-approve .box .content-box .bottom-side2{display:flex;width:100%;margin-top:20px}.collection-form-detail-need-approve .box .content-box .bottom-side2 .left-bottom{width:50%;display:flex;flex-direction:column}.collection-form-detail-need-approve .box .content-box .bottom-side2 .left-bottom p{color:#686868;font-size:15px;margin-bottom:5px}.collection-form-detail-need-approve .box .content-box .bottom-side2 .left-bottom img{width:125px}.collection-form-detail-need-approve .box .content-box .bottom-side2 .right-bottom{width:50%;display:flex;gap:20px;justify-content:end;align-items:end}.collection-form-detail-need-approve .box .content-box .bottom-side2 .right-bottom .context{width:50%}.collection-form-detail-need-approve .box .content-box .bottom-side2 .right-bottom .context p{color:#686868;font-size:15px}.collection-form-detail-need-approve .box .content-box .bottom-side2 .right-bottom .context input{width:100%;border:none;border-bottom:1px solid #354EBC;padding:10px 5px}.collection-form-detail-need-approve .box .table-box{background-color:#fff;border-radius:15px;padding:20px 0;overflow:auto;box-sizing:border-box;position:relative}.collection-form-detail-need-approve .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.collection-form-detail-need-approve .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.collection-form-detail-need-approve .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.collection-form-detail-need-approve .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.collection-form-detail-need-approve .box .table-box .dataTables_paginate .paginate_button a:focus,.collection-form-detail-need-approve .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.collection-form-detail-need-approve .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.collection-form-detail-need-approve .box .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.collection-form-detail-need-approve .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.collection-form-detail-need-approve .box .table-box .ellipsis-container{position:relative;display:flex}.collection-form-detail-need-approve .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.collection-form-detail-need-approve .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.collection-form-detail-need-approve .box .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.collection-form-detail-need-approve .box .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.collection-form-detail-need-approve .box .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.collection-form-detail-need-approve .box .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-need-approve .box .table-box .status-express p{font-weight:600}.collection-form-detail-need-approve .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-need-approve .box .table-box .status-regular p{font-weight:600}.collection-form-detail-need-approve .box .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-detail-need-approve .box .table-box .status-need-revision p{font-weight:600}.collection-form-detail-need-approve .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-need-approve .box .table-box .status-need-approve p{font-weight:600}.collection-form-detail-need-approve .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-detail-need-approve .box .table-box .status-draft p{font-weight:600}.collection-form-detail-need-approve .box .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-need-approve .box .table-box .status-uncomplete p{font-weight:600}.collection-form-detail-need-approve .box .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-detail-need-approve .box .table-box .status-complete p{font-weight:600}.collection-form-detail-need-approve .box .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-detail-need-approve .box .table-box .status-dash p{font-weight:600}.collection-form-detail-need-approve .box .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-detail-need-approve .box .table-box .status-outstanding p{font-weight:600}.collection-form-detail-need-approve .box .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-need-approve .box .table-box .status-partial-outstanding p{font-weight:600}.collection-form-detail-need-approve .box .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-detail-need-approve .box .table-box .status-balance p{font-weight:600}.collection-form-detail-need-approve .box .table-box table{width:100%!important;border-collapse:collapse}.collection-form-detail-need-approve .box .table-box table.dataTable thead .sorting:before,.collection-form-detail-need-approve .box .table-box table.dataTable thead .sorting_asc:before,.collection-form-detail-need-approve .box .table-box table.dataTable thead .sorting_desc:before,.collection-form-detail-need-approve .box .table-box table.dataTable thead .sorting_asc_disabled:before,.collection-form-detail-need-approve .box .table-box table.dataTable thead .sorting_desc_disabled:before,.collection-form-detail-need-approve .box .table-box table.dataTable thead .sorting:after,.collection-form-detail-need-approve .box .table-box table.dataTable thead .sorting_asc:after,.collection-form-detail-need-approve .box .table-box table.dataTable thead .sorting_desc:after,.collection-form-detail-need-approve .box .table-box table.dataTable thead .sorting_asc_disabled:after,.collection-form-detail-need-approve .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.collection-form-detail-need-approve .box .table-box th,.collection-form-detail-need-approve .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px;white-space:nowrap}.collection-form-detail-need-approve .box .table-box th .padding-table-box,.collection-form-detail-need-approve .box .table-box td .padding-table-box{padding:5px 10px;background-color:#ffc107;border-radius:10px;text-align:center}.collection-form-detail-need-approve .box .table-box th .padding-table-box2,.collection-form-detail-need-approve .box .table-box td .padding-table-box2{padding:5px 10px;background-color:#e9f7ef;color:#28a745;border-radius:10px;text-align:center}.collection-form-detail-need-approve .box .table-box th .padding-table-box3,.collection-form-detail-need-approve .box .table-box td .padding-table-box3{padding:5px 10px;background-color:orange;color:#fff;border-radius:10px;text-align:center}.collection-form-detail-need-approve .box .table-box th{background-color:#fafafa;font-weight:400}.collection-form-detail-need-approve .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.collection-form-detail-need-approve .box .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.collection-form-detail-need-approve .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.collection-form-detail-uncomplete-1{display:flex;flex-direction:column;padding:30px}.collection-form-detail-uncomplete-1 a,.collection-form-detail-uncomplete-1 p{margin:0;padding:0}.collection-form-detail-uncomplete-1 .top-page{display:flex;align-items:center;justify-content:space-between}.collection-form-detail-uncomplete-1 .top-page .left-side{display:flex;gap:10px;align-items:center}.collection-form-detail-uncomplete-1 .top-page .left-side p{font-size:24px;font-weight:300;color:#354ebc}.collection-form-detail-uncomplete-1 .top-page .left-side p span{font-weight:500;color:#354ebc}.collection-form-detail-uncomplete-1 .top-page .left-side img{cursor:pointer}.collection-form-detail-uncomplete-1 .top-page .right-side{display:flex;gap:10px;align-items:center;background-color:#fff;border:1px solid #524FA0;border-radius:10px;padding:10px 20px}.collection-form-detail-uncomplete-1 .top-page .right-side i{font-size:18px;color:#524fa0}.collection-form-detail-uncomplete-1 .top-page .right-side a{display:flex;justify-content:center;align-self:center;font-size:16px;border:none;color:#524fa0}.collection-form-detail-uncomplete-1 .top-page .right-side a button:hover{opacity:.9}.collection-form-detail-uncomplete-1 .top-page .right-side2{display:flex;gap:10px;align-items:center;background-color:#354ebc;border-radius:10px;padding:10px 20px}.collection-form-detail-uncomplete-1 .top-page .right-side2 i{font-size:18px;color:#fff}.collection-form-detail-uncomplete-1 .top-page .right-side2 a{display:flex;justify-content:center;align-self:center;font-size:16px;border:none;color:#fff}.collection-form-detail-uncomplete-1 .top-page .right-side2 a button:hover{opacity:.9}.collection-form-detail-uncomplete-1 .box{background-color:#fff;padding:20px;border-radius:10px;margin-top:20px}.collection-form-detail-uncomplete-1 .box .group-text-1{display:flex;gap:20px;align-items:center;border-bottom:1px solid #DEDDDD}.collection-form-detail-uncomplete-1 .box .group-text-1 .text-1{font-size:16px;font-weight:400;color:#000;padding-bottom:5px}.collection-form-detail-uncomplete-1 .box .group-text-1 .text-1.active{font-size:16px;font-weight:400;color:#408df0;border-bottom:2px solid #408DF0}.collection-form-detail-uncomplete-1 .box .group-text-1 .text-2{font-size:16px;font-weight:400;color:#000;padding-bottom:5px}.collection-form-detail-uncomplete-1 .box .group-text-1 .text-2.active{font-size:16px;font-weight:400;color:#408df0;border-bottom:2px solid #408DF0}.collection-form-detail-uncomplete-1 .box .content-box{display:flex;flex-direction:column}.collection-form-detail-uncomplete-1 .box .content-box .top-side{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:15px;padding-bottom:15px;border-bottom:1px solid #DEDDDD}.collection-form-detail-uncomplete-1 .box .content-box .top-side .left-side{display:flex;gap:5px;flex-direction:column;justify-content:start}.collection-form-detail-uncomplete-1 .box .content-box .top-side .left-side .text-2{font-size:15px;font-weight:400;color:#686868}.collection-form-detail-uncomplete-1 .box .content-box .top-side .left-side .text-3{font-size:18px;color:#000}.collection-form-detail-uncomplete-1 .box .content-box .top-side .right-side{display:flex;gap:20px}.collection-form-detail-uncomplete-1 .box .content-box .top-side .right-side .button .text-5{background-color:orange;text-decoration:none;color:#fff;padding:7px 15px;border-radius:10px;margin-top:5px;text-align:center;white-space:nowrap}.collection-form-detail-uncomplete-1 .box .content-box .bottom-side{display:flex;width:100%;margin-top:20px}.collection-form-detail-uncomplete-1 .box .content-box .bottom-side .left-bottom,.collection-form-detail-uncomplete-1 .box .content-box .bottom-side .right-bottom{width:50%;display:flex}.collection-form-detail-uncomplete-1 .box .content-box .bottom-side .left-bottom .left-text,.collection-form-detail-uncomplete-1 .box .content-box .bottom-side .right-bottom .left-text{display:flex;flex-direction:column;width:50%;gap:10px}.collection-form-detail-uncomplete-1 .box .content-box .bottom-side .left-bottom .left-text .text-1,.collection-form-detail-uncomplete-1 .box .content-box .bottom-side .right-bottom .left-text .text-1{color:#686868;font-size:15px}.collection-form-detail-uncomplete-1 .box .content-box .bottom-side .left-bottom .right-text,.collection-form-detail-uncomplete-1 .box .content-box .bottom-side .right-bottom .right-text{display:flex;flex-direction:column;width:50%;gap:10px}.collection-form-detail-uncomplete-1 .box .content-box .bottom-side .left-bottom .right-text .text-2,.collection-form-detail-uncomplete-1 .box .content-box .bottom-side .right-bottom .right-text .text-2{color:#000;font-size:15px}.collection-form-detail-uncomplete-1 .box .content-box .bottom-side2{display:flex;width:100%;margin-top:20px}.collection-form-detail-uncomplete-1 .box .content-box .bottom-side2 .left-bottom{width:50%;display:flex;flex-direction:column}.collection-form-detail-uncomplete-1 .box .content-box .bottom-side2 .left-bottom p{color:#686868;font-size:15px;margin-bottom:5px}.collection-form-detail-uncomplete-1 .box .content-box .bottom-side2 .left-bottom img{width:125px}.collection-form-detail-uncomplete-1 .box .content-box .bottom-side2 .right-bottom{width:50%;display:flex;gap:20px;justify-content:end;align-items:end}.collection-form-detail-uncomplete-1 .box .content-box .bottom-side2 .right-bottom .context{width:50%}.collection-form-detail-uncomplete-1 .box .content-box .bottom-side2 .right-bottom .context p{color:#686868;font-size:15px}.collection-form-detail-uncomplete-1 .box .content-box .bottom-side2 .right-bottom .context input{width:100%;border:none;border-bottom:1px solid #354EBC;padding:10px 5px}.collection-form-detail-uncomplete-1 .box .table-box{background-color:#fff;border-radius:15px;padding:20px 0;overflow:auto;box-sizing:border-box;position:relative}.collection-form-detail-uncomplete-1 .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.collection-form-detail-uncomplete-1 .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.collection-form-detail-uncomplete-1 .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.collection-form-detail-uncomplete-1 .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.collection-form-detail-uncomplete-1 .box .table-box .dataTables_paginate .paginate_button a:focus,.collection-form-detail-uncomplete-1 .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.collection-form-detail-uncomplete-1 .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.collection-form-detail-uncomplete-1 .box .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.collection-form-detail-uncomplete-1 .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.collection-form-detail-uncomplete-1 .box .table-box .ellipsis-container{position:relative;display:flex}.collection-form-detail-uncomplete-1 .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.collection-form-detail-uncomplete-1 .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.collection-form-detail-uncomplete-1 .box .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.collection-form-detail-uncomplete-1 .box .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.collection-form-detail-uncomplete-1 .box .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.collection-form-detail-uncomplete-1 .box .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-uncomplete-1 .box .table-box .status-express p{font-weight:600}.collection-form-detail-uncomplete-1 .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-uncomplete-1 .box .table-box .status-regular p{font-weight:600}.collection-form-detail-uncomplete-1 .box .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-detail-uncomplete-1 .box .table-box .status-need-revision p{font-weight:600}.collection-form-detail-uncomplete-1 .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-uncomplete-1 .box .table-box .status-need-approve p{font-weight:600}.collection-form-detail-uncomplete-1 .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-detail-uncomplete-1 .box .table-box .status-draft p{font-weight:600}.collection-form-detail-uncomplete-1 .box .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-uncomplete-1 .box .table-box .status-uncomplete p{font-weight:600}.collection-form-detail-uncomplete-1 .box .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-detail-uncomplete-1 .box .table-box .status-complete p{font-weight:600}.collection-form-detail-uncomplete-1 .box .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-detail-uncomplete-1 .box .table-box .status-dash p{font-weight:600}.collection-form-detail-uncomplete-1 .box .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-detail-uncomplete-1 .box .table-box .status-outstanding p{font-weight:600}.collection-form-detail-uncomplete-1 .box .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-uncomplete-1 .box .table-box .status-partial-outstanding p{font-weight:600}.collection-form-detail-uncomplete-1 .box .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-detail-uncomplete-1 .box .table-box .status-balance p{font-weight:600}.collection-form-detail-uncomplete-1 .box .table-box table{width:100%!important;border-collapse:collapse}.collection-form-detail-uncomplete-1 .box .table-box table.dataTable thead .sorting:before,.collection-form-detail-uncomplete-1 .box .table-box table.dataTable thead .sorting_asc:before,.collection-form-detail-uncomplete-1 .box .table-box table.dataTable thead .sorting_desc:before,.collection-form-detail-uncomplete-1 .box .table-box table.dataTable thead .sorting_asc_disabled:before,.collection-form-detail-uncomplete-1 .box .table-box table.dataTable thead .sorting_desc_disabled:before,.collection-form-detail-uncomplete-1 .box .table-box table.dataTable thead .sorting:after,.collection-form-detail-uncomplete-1 .box .table-box table.dataTable thead .sorting_asc:after,.collection-form-detail-uncomplete-1 .box .table-box table.dataTable thead .sorting_desc:after,.collection-form-detail-uncomplete-1 .box .table-box table.dataTable thead .sorting_asc_disabled:after,.collection-form-detail-uncomplete-1 .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.collection-form-detail-uncomplete-1 .box .table-box th,.collection-form-detail-uncomplete-1 .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px;white-space:nowrap}.collection-form-detail-uncomplete-1 .box .table-box th .padding-table-box,.collection-form-detail-uncomplete-1 .box .table-box td .padding-table-box{padding:5px 10px;background-color:#ffc107;border-radius:10px;text-align:center}.collection-form-detail-uncomplete-1 .box .table-box th .padding-table-box2,.collection-form-detail-uncomplete-1 .box .table-box td .padding-table-box2{padding:5px 10px;background-color:#e9f7ef;color:#28a745;border-radius:10px;text-align:center}.collection-form-detail-uncomplete-1 .box .table-box th .padding-table-box3,.collection-form-detail-uncomplete-1 .box .table-box td .padding-table-box3{padding:5px 10px;background-color:orange;color:#fff;border-radius:10px;text-align:center}.collection-form-detail-uncomplete-1 .box .table-box th{background-color:#fafafa;font-weight:400}.collection-form-detail-uncomplete-1 .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.collection-form-detail-uncomplete-1 .box .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.collection-form-detail-uncomplete-1 .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.collection-form-detail-uncomplete-2{display:flex;flex-direction:column;padding:30px}.collection-form-detail-uncomplete-2 a,.collection-form-detail-uncomplete-2 p{margin:0;padding:0}.collection-form-detail-uncomplete-2 .top-page{display:flex;align-items:center;justify-content:space-between}.collection-form-detail-uncomplete-2 .top-page .left-side{display:flex;gap:10px;align-items:center}.collection-form-detail-uncomplete-2 .top-page .left-side p{font-size:24px;font-weight:300;color:#354ebc}.collection-form-detail-uncomplete-2 .top-page .left-side p span{font-weight:500;color:#354ebc}.collection-form-detail-uncomplete-2 .top-page .left-side img{cursor:pointer}.collection-form-detail-uncomplete-2 .top-page .right-side{display:flex;gap:10px;align-items:center;background-color:#fff;border:1px solid #524FA0;border-radius:10px;padding:10px 20px}.collection-form-detail-uncomplete-2 .top-page .right-side i{font-size:18px;color:#524fa0}.collection-form-detail-uncomplete-2 .top-page .right-side a{display:flex;justify-content:center;align-self:center;font-size:16px;border:none;color:#524fa0}.collection-form-detail-uncomplete-2 .top-page .right-side a button:hover{opacity:.9}.collection-form-detail-uncomplete-2 .top-page .right-side2{display:flex;gap:10px;align-items:center;background-color:#354ebc;border-radius:10px;padding:10px 20px}.collection-form-detail-uncomplete-2 .top-page .right-side2 i{font-size:18px;color:#fff}.collection-form-detail-uncomplete-2 .top-page .right-side2 a{display:flex;justify-content:center;align-self:center;font-size:16px;border:none;color:#fff}.collection-form-detail-uncomplete-2 .top-page .right-side2 a button:hover{opacity:.9}.collection-form-detail-uncomplete-2 .box{background-color:#fff;padding:20px;border-radius:10px;margin-top:20px}.collection-form-detail-uncomplete-2 .box .group-text-1{display:flex;gap:20px;align-items:center;border-bottom:1px solid #DEDDDD}.collection-form-detail-uncomplete-2 .box .group-text-1 .text-1{font-size:16px;font-weight:400;color:#000;padding-bottom:5px}.collection-form-detail-uncomplete-2 .box .group-text-1 .text-1.active{font-size:16px;font-weight:400;color:#408df0;border-bottom:2px solid #408DF0}.collection-form-detail-uncomplete-2 .box .content-box{display:flex;flex-direction:column}.collection-form-detail-uncomplete-2 .box .content-box .top-side{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:15px;padding-bottom:15px;border-bottom:1px solid #DEDDDD}.collection-form-detail-uncomplete-2 .box .content-box .top-side .left-side{display:flex;gap:5px;flex-direction:column;justify-content:start}.collection-form-detail-uncomplete-2 .box .content-box .top-side .left-side .text-2{font-size:15px;font-weight:400;color:#686868}.collection-form-detail-uncomplete-2 .box .content-box .top-side .left-side .text-3{font-size:18px;color:#000}.collection-form-detail-uncomplete-2 .box .content-box .top-side .right-side{display:flex;gap:20px}.collection-form-detail-uncomplete-2 .box .content-box .top-side .right-side .button .text-5{background-color:orange;text-decoration:none;color:#fff;width:120px;padding:7px 15px;border-radius:10px;margin-top:5px;text-align:center}.collection-form-detail-uncomplete-2 .box .content-box .top-side .right-side .button .text-6{background-color:#d2d2d2;text-decoration:none;color:#000;width:120px;padding:7px 15px;border-radius:10px;margin-top:5px;text-align:center}.collection-form-detail-uncomplete-2 .box .content-box .bottom-side{display:flex;width:100%;margin-top:20px}.collection-form-detail-uncomplete-2 .box .content-box .bottom-side .left-bottom,.collection-form-detail-uncomplete-2 .box .content-box .bottom-side .right-bottom{width:50%;display:flex}.collection-form-detail-uncomplete-2 .box .content-box .bottom-side .left-bottom .left-text,.collection-form-detail-uncomplete-2 .box .content-box .bottom-side .right-bottom .left-text{display:flex;flex-direction:column;width:50%;gap:10px}.collection-form-detail-uncomplete-2 .box .content-box .bottom-side .left-bottom .left-text .text-1,.collection-form-detail-uncomplete-2 .box .content-box .bottom-side .right-bottom .left-text .text-1{color:#686868;font-size:15px}.collection-form-detail-uncomplete-2 .box .content-box .bottom-side .left-bottom .right-text,.collection-form-detail-uncomplete-2 .box .content-box .bottom-side .right-bottom .right-text{display:flex;flex-direction:column;width:50%;gap:10px}.collection-form-detail-uncomplete-2 .box .content-box .bottom-side .left-bottom .right-text .text-2,.collection-form-detail-uncomplete-2 .box .content-box .bottom-side .right-bottom .right-text .text-2{color:#000;font-size:15px}.collection-form-detail-uncomplete-2 .box .content-box .bottom-side2{display:flex;width:100%;margin-top:20px}.collection-form-detail-uncomplete-2 .box .content-box .bottom-side2 .left-bottom{width:50%;display:flex;flex-direction:column}.collection-form-detail-uncomplete-2 .box .content-box .bottom-side2 .left-bottom p{color:#686868;font-size:15px;margin-bottom:5px}.collection-form-detail-uncomplete-2 .box .content-box .bottom-side2 .left-bottom img{width:125px}.collection-form-detail-uncomplete-2 .box .content-box .bottom-side2 .right-bottom{width:50%;display:flex;gap:20px;justify-content:end;align-items:end}.collection-form-detail-uncomplete-2 .box .content-box .bottom-side2 .right-bottom .context{width:50%}.collection-form-detail-uncomplete-2 .box .content-box .bottom-side2 .right-bottom .context p{color:#686868;font-size:15px}.collection-form-detail-uncomplete-2 .box .content-box .bottom-side2 .right-bottom .context input{width:100%;border:none;border-bottom:1px solid #354EBC;padding:10px 5px}.collection-form-detail-uncomplete-2 .box .table-box{background-color:#fff;border-radius:15px;padding:20px 0;overflow:auto;box-sizing:border-box}.collection-form-detail-uncomplete-2 .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.collection-form-detail-uncomplete-2 .box .table-box .ellipsis-container{position:relative;display:flex}.collection-form-detail-uncomplete-2 .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.collection-form-detail-uncomplete-2 .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.collection-form-detail-uncomplete-2 .box .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.collection-form-detail-uncomplete-2 .box .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.collection-form-detail-uncomplete-2 .box .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.collection-form-detail-uncomplete-2 .box .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-uncomplete-2 .box .table-box .status-express p{font-weight:600}.collection-form-detail-uncomplete-2 .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-uncomplete-2 .box .table-box .status-regular p{font-weight:600}.collection-form-detail-uncomplete-2 .box .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-detail-uncomplete-2 .box .table-box .status-need-revision p{font-weight:600}.collection-form-detail-uncomplete-2 .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-uncomplete-2 .box .table-box .status-need-approve p{font-weight:600}.collection-form-detail-uncomplete-2 .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-detail-uncomplete-2 .box .table-box .status-draft p{font-weight:600}.collection-form-detail-uncomplete-2 .box .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-uncomplete-2 .box .table-box .status-uncomplete p{font-weight:600}.collection-form-detail-uncomplete-2 .box .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-detail-uncomplete-2 .box .table-box .status-complete p{font-weight:600}.collection-form-detail-uncomplete-2 .box .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-detail-uncomplete-2 .box .table-box .status-dash p{font-weight:600}.collection-form-detail-uncomplete-2 .box .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-detail-uncomplete-2 .box .table-box .status-outstanding p{font-weight:600}.collection-form-detail-uncomplete-2 .box .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-uncomplete-2 .box .table-box .status-partial-outstanding p{font-weight:600}.collection-form-detail-uncomplete-2 .box .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-detail-uncomplete-2 .box .table-box .status-balance p{font-weight:600}.collection-form-detail-uncomplete-2 .box .table-box table{width:100%!important;border-collapse:collapse}.collection-form-detail-uncomplete-2 .box .table-box table.dataTable thead .sorting:before,.collection-form-detail-uncomplete-2 .box .table-box table.dataTable thead .sorting_asc:before,.collection-form-detail-uncomplete-2 .box .table-box table.dataTable thead .sorting_desc:before,.collection-form-detail-uncomplete-2 .box .table-box table.dataTable thead .sorting_asc_disabled:before,.collection-form-detail-uncomplete-2 .box .table-box table.dataTable thead .sorting_desc_disabled:before,.collection-form-detail-uncomplete-2 .box .table-box table.dataTable thead .sorting:after,.collection-form-detail-uncomplete-2 .box .table-box table.dataTable thead .sorting_asc:after,.collection-form-detail-uncomplete-2 .box .table-box table.dataTable thead .sorting_desc:after,.collection-form-detail-uncomplete-2 .box .table-box table.dataTable thead .sorting_asc_disabled:after,.collection-form-detail-uncomplete-2 .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.collection-form-detail-uncomplete-2 .box .table-box th,.collection-form-detail-uncomplete-2 .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px;white-space:nowrap}.collection-form-detail-uncomplete-2 .box .table-box th .padding-table-box,.collection-form-detail-uncomplete-2 .box .table-box td .padding-table-box{padding:5px 10px;background-color:#ffc107;border-radius:10px;text-align:center}.collection-form-detail-uncomplete-2 .box .table-box th .padding-table-box2,.collection-form-detail-uncomplete-2 .box .table-box td .padding-table-box2{padding:5px 10px;background-color:#e9f7ef;color:#28a745;border-radius:10px;text-align:center}.collection-form-detail-uncomplete-2 .box .table-box th .padding-table-box3,.collection-form-detail-uncomplete-2 .box .table-box td .padding-table-box3{padding:5px 10px;background-color:orange;color:#fff;border-radius:10px;text-align:center}.collection-form-detail-uncomplete-2 .box .table-box th{background-color:#fafafa;font-weight:400}.collection-form-detail-uncomplete-2 .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.collection-form-detail-uncomplete-2 .box .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.collection-form-detail-uncomplete-2 .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.collection-form-detail-complete{display:flex;flex-direction:column;padding:30px}.collection-form-detail-complete a,.collection-form-detail-complete p{margin:0;padding:0}.collection-form-detail-complete .top-page{display:flex;align-items:center;justify-content:space-between}.collection-form-detail-complete .top-page .left-side{display:flex;gap:10px;align-items:center}.collection-form-detail-complete .top-page .left-side p{font-size:24px;font-weight:300;color:#354ebc}.collection-form-detail-complete .top-page .left-side p span{font-weight:500;color:#354ebc}.collection-form-detail-complete .top-page .left-side img{cursor:pointer}.collection-form-detail-complete .top-page .right-side{display:flex;gap:10px;align-items:center;background-color:#fff;border:1px solid #524FA0;border-radius:10px;padding:10px 20px}.collection-form-detail-complete .top-page .right-side i{font-size:18px;color:#524fa0}.collection-form-detail-complete .top-page .right-side a{display:flex;justify-content:center;align-self:center;font-size:16px;border:none;color:#524fa0}.collection-form-detail-complete .top-page .right-side a button:hover{opacity:.9}.collection-form-detail-complete .top-page .right-side2{display:flex;gap:10px;align-items:center;background-color:#354ebc;border-radius:10px;padding:10px 20px}.collection-form-detail-complete .top-page .right-side2 i{font-size:18px;color:#fff}.collection-form-detail-complete .top-page .right-side2 a{display:flex;justify-content:center;align-self:center;font-size:16px;border:none;color:#fff}.collection-form-detail-complete .top-page .right-side2 a button:hover{opacity:.9}.collection-form-detail-complete .box{background-color:#fff;padding:20px;border-radius:10px;margin-top:20px}.collection-form-detail-complete .box .group-text-1{display:flex;gap:20px;align-items:center;border-bottom:1px solid #DEDDDD}.collection-form-detail-complete .box .group-text-1 .text-1{font-size:16px;font-weight:400;color:#000;padding-bottom:5px}.collection-form-detail-complete .box .group-text-1 .text-1.active{font-size:16px;font-weight:400;color:#408df0;border-bottom:2px solid #408DF0}.collection-form-detail-complete .box .group-text-1 .text-2{font-size:16px;font-weight:400;color:#000;padding-bottom:5px}.collection-form-detail-complete .box .group-text-1 .text-2.active{font-size:16px;font-weight:400;color:#408df0;border-bottom:2px solid #408DF0}.collection-form-detail-complete .box .content-box{display:flex;flex-direction:column}.collection-form-detail-complete .box .content-box .top-side{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:15px;padding-bottom:15px;border-bottom:1px solid #DEDDDD}.collection-form-detail-complete .box .content-box .top-side .left-side{display:flex;gap:5px;flex-direction:column;justify-content:start}.collection-form-detail-complete .box .content-box .top-side .left-side .text-2{font-size:15px;font-weight:400;color:#686868}.collection-form-detail-complete .box .content-box .top-side .left-side .text-3{font-size:18px;color:#000}.collection-form-detail-complete .box .content-box .top-side .right-side{display:flex;gap:20px}.collection-form-detail-complete .box .content-box .top-side .right-side .button .text-5{background-color:#e9f7ef;text-decoration:none;color:#28a745;padding:7px 15px;border-radius:10px;margin-top:5px;text-align:center;white-space:nowrap}.collection-form-detail-complete .box .content-box .bottom-side{display:flex;width:100%;margin-top:20px}.collection-form-detail-complete .box .content-box .bottom-side .left-bottom,.collection-form-detail-complete .box .content-box .bottom-side .right-bottom{width:50%;display:flex}.collection-form-detail-complete .box .content-box .bottom-side .left-bottom .left-text,.collection-form-detail-complete .box .content-box .bottom-side .right-bottom .left-text{display:flex;flex-direction:column;width:50%;gap:10px}.collection-form-detail-complete .box .content-box .bottom-side .left-bottom .left-text .text-1,.collection-form-detail-complete .box .content-box .bottom-side .right-bottom .left-text .text-1{color:#686868;font-size:15px}.collection-form-detail-complete .box .content-box .bottom-side .left-bottom .right-text,.collection-form-detail-complete .box .content-box .bottom-side .right-bottom .right-text{display:flex;flex-direction:column;width:50%;gap:10px}.collection-form-detail-complete .box .content-box .bottom-side .left-bottom .right-text .text-2,.collection-form-detail-complete .box .content-box .bottom-side .right-bottom .right-text .text-2{color:#000;font-size:15px}.collection-form-detail-complete .box .content-box .bottom-side .left-bottom .right-text .text-3,.collection-form-detail-complete .box .content-box .bottom-side .right-bottom .right-text .text-3{color:#f4406b;background-color:#ffe0f0;font-size:15px;padding:7px 10px;border-radius:10px;max-width:fit-content}.collection-form-detail-complete .box .content-box .bottom-side2{display:flex;width:100%;margin-top:20px}.collection-form-detail-complete .box .content-box .bottom-side2 .left-bottom{width:50%;display:flex;flex-direction:column}.collection-form-detail-complete .box .content-box .bottom-side2 .left-bottom p{color:#686868;font-size:15px;margin-bottom:5px}.collection-form-detail-complete .box .content-box .bottom-side2 .left-bottom img{width:125px}.collection-form-detail-complete .box .content-box .bottom-side2 .right-bottom{width:50%;display:flex;gap:20px;justify-content:end;align-items:end}.collection-form-detail-complete .box .content-box .bottom-side2 .right-bottom .context{width:50%}.collection-form-detail-complete .box .content-box .bottom-side2 .right-bottom .context p{color:#686868;font-size:15px}.collection-form-detail-complete .box .content-box .bottom-side2 .right-bottom .context input{width:100%;border:none;border-bottom:1px solid #354EBC;padding:10px 5px}.collection-form-detail-complete .box .table-box{background-color:#fff;border-radius:15px;padding:20px 0;overflow:auto;box-sizing:border-box;position:relative}.collection-form-detail-complete .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.collection-form-detail-complete .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.collection-form-detail-complete .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.collection-form-detail-complete .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.collection-form-detail-complete .box .table-box .dataTables_paginate .paginate_button a:focus,.collection-form-detail-complete .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.collection-form-detail-complete .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.collection-form-detail-complete .box .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.collection-form-detail-complete .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.collection-form-detail-complete .box .table-box .ellipsis-container{position:relative;display:flex}.collection-form-detail-complete .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.collection-form-detail-complete .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.collection-form-detail-complete .box .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.collection-form-detail-complete .box .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.collection-form-detail-complete .box .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.collection-form-detail-complete .box .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-complete .box .table-box .status-express p{font-weight:600}.collection-form-detail-complete .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-complete .box .table-box .status-regular p{font-weight:600}.collection-form-detail-complete .box .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-detail-complete .box .table-box .status-need-revision p{font-weight:600}.collection-form-detail-complete .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-complete .box .table-box .status-need-approve p{font-weight:600}.collection-form-detail-complete .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-detail-complete .box .table-box .status-draft p{font-weight:600}.collection-form-detail-complete .box .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-complete .box .table-box .status-uncomplete p{font-weight:600}.collection-form-detail-complete .box .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-detail-complete .box .table-box .status-complete p{font-weight:600}.collection-form-detail-complete .box .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.collection-form-detail-complete .box .table-box .status-dash p{font-weight:600}.collection-form-detail-complete .box .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.collection-form-detail-complete .box .table-box .status-outstanding p{font-weight:600}.collection-form-detail-complete .box .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.collection-form-detail-complete .box .table-box .status-partial-outstanding p{font-weight:600}.collection-form-detail-complete .box .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.collection-form-detail-complete .box .table-box .status-balance p{font-weight:600}.collection-form-detail-complete .box .table-box table{width:100%!important;border-collapse:collapse}.collection-form-detail-complete .box .table-box table.dataTable thead .sorting:before,.collection-form-detail-complete .box .table-box table.dataTable thead .sorting_asc:before,.collection-form-detail-complete .box .table-box table.dataTable thead .sorting_desc:before,.collection-form-detail-complete .box .table-box table.dataTable thead .sorting_asc_disabled:before,.collection-form-detail-complete .box .table-box table.dataTable thead .sorting_desc_disabled:before,.collection-form-detail-complete .box .table-box table.dataTable thead .sorting:after,.collection-form-detail-complete .box .table-box table.dataTable thead .sorting_asc:after,.collection-form-detail-complete .box .table-box table.dataTable thead .sorting_desc:after,.collection-form-detail-complete .box .table-box table.dataTable thead .sorting_asc_disabled:after,.collection-form-detail-complete .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.collection-form-detail-complete .box .table-box th,.collection-form-detail-complete .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px;white-space:nowrap}.collection-form-detail-complete .box .table-box th .padding-table-box,.collection-form-detail-complete .box .table-box td .padding-table-box{padding:5px 10px;background-color:#ffc107;border-radius:10px;text-align:center}.collection-form-detail-complete .box .table-box th .padding-table-box2,.collection-form-detail-complete .box .table-box td .padding-table-box2{padding:5px 10px;background-color:#e9f7ef;color:#28a745;border-radius:10px;text-align:center}.collection-form-detail-complete .box .table-box th .padding-table-box3,.collection-form-detail-complete .box .table-box td .padding-table-box3{padding:5px 10px;background-color:orange;color:#fff;border-radius:10px;text-align:center}.collection-form-detail-complete .box .table-box th{background-color:#fafafa;font-weight:400}.collection-form-detail-complete .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.collection-form-detail-complete .box .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.collection-form-detail-complete .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.collection-form-detail-draft{display:flex;flex-direction:column;padding:30px}.collection-form-detail-draft a,.collection-form-detail-draft p{margin:0;padding:0}.collection-form-detail-draft .pop-up-konfirmasi{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:100;justify-content:center;align-items:center;display:none}.collection-form-detail-draft .pop-up-konfirmasi .card{max-width:500px}.collection-form-detail-draft .pop-up-konfirmasi .card .top{display:flex;align-items:center;justify-content:center;padding:15px;border-bottom:1px solid #dadefb;color:#354ebc;font-size:18px;position:relative}.collection-form-detail-draft .pop-up-konfirmasi .card .top p{display:flex;justify-content:center;align-items:center}.collection-form-detail-draft .pop-up-konfirmasi .card .top i{color:gray;position:absolute;right:20px;cursor:pointer}.collection-form-detail-draft .pop-up-konfirmasi .card .top .button-label{padding:10px 20px;background-color:#ffc107;border-radius:10px;color:#fff;cursor:pointer}.collection-form-detail-draft .pop-up-konfirmasi .card .top .button-label i{margin-right:5px}.collection-form-detail-draft .pop-up-konfirmasi .card .title{display:flex;justify-content:center;padding:20px;font-size:15px;color:#000;font-weight:400;border-bottom:1px solid #dadefb}.collection-form-detail-draft .pop-up-konfirmasi .card .title .input-style{width:500px;height:100px;border:1px solid #dadefb;border-radius:10px;padding:10px 5px}.collection-form-detail-draft .pop-up-konfirmasi .card .buttons{display:flex;justify-content:center;width:100%;gap:10px;padding:15px}.collection-form-detail-draft .pop-up-konfirmasi .card .buttons .batal{background-color:#fff;color:#000;border-radius:8px;cursor:pointer;border:1px solid #DEDDDD;padding:5px;width:100%}.collection-form-detail-draft .pop-up-konfirmasi .card .buttons .iya{padding:5px;width:100%;background-color:#4259c1;color:#fff;border-radius:8px;cursor:pointer;border:none}.collection-form-detail-draft .top-page{display:flex;align-items:center;justify-content:space-between}.collection-form-detail-draft .top-page .left-side{display:flex;gap:10px;align-items:center}.collection-form-detail-draft .top-page .left-side p{font-size:20px;font-weight:300;color:#354ebc}.collection-form-detail-draft .top-page .left-side p span{font-weight:500;color:#354ebc}.collection-form-detail-draft .top-page .left-side img{cursor:pointer}.collection-form-detail-draft .top-page .right-side{display:flex;gap:10px;align-items:center;background-color:#fff;border:1px solid #524FA0;border-radius:10px;padding:10px 20px}.collection-form-detail-draft .top-page .right-side span{font-size:14px}.collection-form-detail-draft .top-page .right-side i{font-size:16px;color:#524fa0}.collection-form-detail-draft .top-page .right-side a{display:flex;justify-content:center;align-self:center;font-size:14px;border:none;color:#524fa0}.collection-form-detail-draft .top-page .right-side a button:hover{opacity:.9}.collection-form-detail-draft .top-page .right-side .right-side{display:flex;gap:10px;align-items:center;background-color:#fff;border:1px solid #524FA0;border-radius:10px;padding:10px 20px}.collection-form-detail-draft .top-page .right-side .right-side span{font-size:14px}.collection-form-detail-draft .top-page .right-side .right-side i{font-size:16px;color:#524fa0}.collection-form-detail-draft .top-page .right-side .right-side a{display:flex;justify-content:center;align-self:center;font-size:14px;border:none;color:#524fa0}.collection-form-detail-draft .top-page .right-side .right-side a button:hover{opacity:.9}.collection-form-detail-draft .top-page .right-side2{display:flex;gap:10px;align-items:center;background-color:#faad14;border:1px solid white;border-radius:10px;padding:10px 20px}.collection-form-detail-draft .top-page .right-side2 i{font-size:18px;color:#524fa0}.collection-form-detail-draft .top-page .right-side2 a{display:flex;justify-content:center;align-self:center;font-size:14px;border:none;color:#fff}.collection-form-detail-draft .top-page .right-side2 a button:hover{opacity:.9}.collection-form-detail-draft .top-page .right-side3{display:flex;gap:10px;align-items:center;background-color:#28a745;border:1px solid white;border-radius:10px;padding:10px 20px}.collection-form-detail-draft .top-page .right-side3 i{font-size:18px;color:#fff}.collection-form-detail-draft .top-page .right-side3 a{display:flex;justify-content:center;align-self:center;font-size:16px;border:none;color:#fff}.collection-form-detail-draft .top-page .right-side3 a button:hover{opacity:.9}.collection-form-detail-draft .top-page .right-side4{display:flex;gap:10px;align-items:center;background-color:#354ebc;border-radius:10px;padding:10px 20px}.collection-form-detail-draft .top-page .right-side4 span{font-size:14px}.collection-form-detail-draft .top-page .right-side4 i{font-size:16px;color:#fff}.collection-form-detail-draft .top-page .right-side4 a{display:flex;justify-content:center;align-self:center;font-size:16px;border:none;color:#fff}.collection-form-detail-draft .top-page .right-side4 a button:hover{opacity:.9}.rewash{margin:40px}.rewash p,.rewash h1{margin:0;padding:0}.rewash a,.rewash a:hover{text-decoration:none;color:#fff}.rewash .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.rewash .top-page .text-1{font-size:20px;font-weight:500;color:#354ebc}.rewash .top-page .group-button{display:flex;gap:10px}.rewash .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;font-size:14px;cursor:pointer;align-items:center;justify-content:center}.rewash .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;font-size:14px;align-items:center;justify-content:center}.rewash .top-page2{margin-bottom:20px}.rewash .top-page2 .search-bar{width:100%;margin-right:10px}.rewash .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.rewash .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 5px 13px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#000;letter-spacing:.5px;align-items:center}.rewash .top-page2 input::placeholder{color:#aeaeae}.rewash .top-page2 .search-icon{position:absolute;left:15px}.rewash .top-page2 .search-icon i{font-size:18px;color:#686868;align-items:center}.rewash .top-page2 .date{display:flex;margin-right:10px}.rewash .top-page2 .date ::-webkit-datetime-edit-fields-wrapper{display:flex;position:relative;justify-content:center}.rewash .top-page2 .date .date-style1::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;right:50px;cursor:pointer}.rewash .top-page2 .date .date-style2::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;left:10px;cursor:pointer}.rewash .top-page2 .date .arrow-date{border:1px solid #DEDDDD;border-right:none;border-left:none;background-color:#fff;padding:12px 5px}.rewash .top-page2 .date .date-icon{border:1px solid #DEDDDD;border-left:none;background-color:#fff;padding:12px 15px 12px 0;border-radius:0 10px 10px 0}.rewash .top-page2 .date .date-style1,.rewash .top-page2 .date .date-style2{border:1px solid #DEDDDD;padding:12px 5px;font-size:16px;font-weight:300;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none}.rewash .top-page2 .date .date-style1{border-radius:10px 0 0 10px;border-right:none}.rewash .top-page2 .date .date-style2{border-radius:0;border-right:none;border-left:none}.rewash .top-page2 .date input:focus{border-color:#dedddd;outline:none}.rewash .top-page2 .select-wrapper-arrow{position:relative;width:40%;margin-right:10px}.rewash .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.rewash .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.rewash .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.rewash .top-page2 .dropdown-size{flex:1;margin-right:10px}.rewash .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.rewash .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:14px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.rewash .top-page2 .button2{background-color:#fff;color:#3750bd;border:1px solid #3750BD;padding:11px 20px;border-radius:10px;cursor:pointer;justify-content:center;white-space:nowrap;font-weight:500;align-items:center;display:flex;font-size:14px;gap:20px}.rewash .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.rewash .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.rewash .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.rewash .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.rewash .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.rewash .table-box .dataTables_paginate .paginate_button a:focus,.rewash .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.rewash .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.rewash .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.rewash .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.rewash .table-box .ellipsis-container{position:relative;display:flex}.rewash .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.rewash .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-15px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.rewash .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.rewash .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.rewash .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.rewash .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.rewash .table-box .status-express p{font-weight:600}.rewash .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.rewash .table-box .status-regular p{font-weight:600}.rewash .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.rewash .table-box .status-need-revision p{font-weight:600}.rewash .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.rewash .table-box .status-need-approve p{font-weight:600}.rewash .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.rewash .table-box .status-draft p{font-weight:600}.rewash .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.rewash .table-box .status-uncomplete p{font-weight:600}.rewash .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.rewash .table-box .status-complete p{font-weight:600}.rewash .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.rewash .table-box .status-dash p{font-weight:600}.rewash .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.rewash .table-box .status-outstanding p{font-weight:600}.rewash .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.rewash .table-box .status-partial-outstanding p{font-weight:600}.rewash .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.rewash .table-box .status-balance p{font-weight:600}.rewash .table-box table{width:100%!important;border-collapse:collapse}.rewash .table-box table.dataTable thead .sorting:before,.rewash .table-box table.dataTable thead .sorting_asc:before,.rewash .table-box table.dataTable thead .sorting_desc:before,.rewash .table-box table.dataTable thead .sorting_asc_disabled:before,.rewash .table-box table.dataTable thead .sorting_desc_disabled:before,.rewash .table-box table.dataTable thead .sorting:after,.rewash .table-box table.dataTable thead .sorting_asc:after,.rewash .table-box table.dataTable thead .sorting_desc:after,.rewash .table-box table.dataTable thead .sorting_asc_disabled:after,.rewash .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.rewash .table-box th,.rewash .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px;white-space:nowrap}.rewash .table-box th{background-color:#fafafa;font-weight:400}.rewash .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.rewash .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.rewash .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.rewash .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.rewash .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.rewash .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.rewash-detail{margin:40px}.rewash-detail p,.rewash-detail h1{margin:0;padding:0}.rewash-detail a,.rewash-detail a:hover{text-decoration:none;color:#fff}.rewash-detail .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;margin-top:20px;position:relative}.rewash-detail .table-box .text-5{font-size:16px;color:#408df0;padding:10px 0;border-bottom:1px solid #dadefb;margin-bottom:10px}.rewash-detail .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.rewash-detail .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.rewash-detail .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.rewash-detail .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.rewash-detail .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.rewash-detail .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.rewash-detail .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.rewash-detail .table-box .dataTables_paginate .paginate_button a:focus,.rewash-detail .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.rewash-detail .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.rewash-detail .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.rewash-detail .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.rewash-detail .table-box .ellipsis-container{position:relative;display:flex}.rewash-detail .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.rewash-detail .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-15px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.rewash-detail .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.rewash-detail .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.rewash-detail .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.rewash-detail .table-box .status-ready-soil{padding:10px;background-color:#ffc107;text-align:center;color:balck;border-radius:10px}.rewash-detail .table-box .status-ready-soil p{font-weight:600}.rewash-detail .table-box .status-process-washing{padding:10px;background-color:#ffc107;text-align:center;color:balck;border-radius:10px}.rewash-detail .table-box .status-process-washing p{font-weight:600}.rewash-detail .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.rewash-detail .table-box .status-regular p{font-weight:600}.rewash-detail .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.rewash-detail .table-box .status-need-revision p{font-weight:600}.rewash-detail .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.rewash-detail .table-box .status-need-approve p{font-weight:600}.rewash-detail .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.rewash-detail .table-box .status-draft p{font-weight:600}.rewash-detail .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.rewash-detail .table-box .status-uncomplete p{font-weight:600}.rewash-detail .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.rewash-detail .table-box .status-complete p{font-weight:600}.rewash-detail .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.rewash-detail .table-box .status-dash p{font-weight:600}.rewash-detail .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.rewash-detail .table-box .status-outstanding p{font-weight:600}.rewash-detail .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.rewash-detail .table-box .status-partial-outstanding p{font-weight:600}.rewash-detail .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.rewash-detail .table-box .status-balance p{font-weight:600}.rewash-detail .table-box table{width:100%!important;border-collapse:collapse}.rewash-detail .table-box table.dataTable thead .sorting:before,.rewash-detail .table-box table.dataTable thead .sorting_asc:before,.rewash-detail .table-box table.dataTable thead .sorting_desc:before,.rewash-detail .table-box table.dataTable thead .sorting_asc_disabled:before,.rewash-detail .table-box table.dataTable thead .sorting_desc_disabled:before,.rewash-detail .table-box table.dataTable thead .sorting:after,.rewash-detail .table-box table.dataTable thead .sorting_asc:after,.rewash-detail .table-box table.dataTable thead .sorting_desc:after,.rewash-detail .table-box table.dataTable thead .sorting_asc_disabled:after,.rewash-detail .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.rewash-detail .table-box th,.rewash-detail .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px;white-space:nowrap}.rewash-detail .table-box th{background-color:#fafafa;font-weight:400}.rewash-detail .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.rewash-detail .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.rewash-detail .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.rewash-detail .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.rewash-detail .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.rewash-detail .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.rewash-detail .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.rewash-detail .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.rewash-detail .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.rewash-detail .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.rewash-detail .pop-up-simpan .card .button button:hover{opacity:.9}.rewash-detail .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.rewash-detail .top-page .groupDiv{display:flex}.rewash-detail .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.rewash-detail .top-page .text-1{font-size:24px;font-weight:300;color:#354ebc}.rewash-detail .top-page span{font-size:24px;font-weight:500;color:#354ebc}.rewash-detail .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;display:flex;gap:10px}.rewash-detail .top-page .button2{background-color:#fff;border:1px solid #524fa0;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;display:flex;gap:10px}.rewash-detail .top-page .button2 a,.rewash-detail .top-page .button2 i{color:#524fa0!important}.rewash-detail .box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box}.rewash-detail .box .box-inside{padding:20px;border-radius:10px;background-color:#fafafa;display:flex;flex-direction:column;width:50%}.rewash-detail .box .box-inside div{display:flex;justify-content:left}.rewash-detail .box .box-inside .text{display:flex;color:#686868;font-size:15px;font-weight:400;gap:8px;width:50%}.rewash-detail .box .box-inside .text-1{display:flex;color:#686868;font-size:15px;font-weight:400;margin-bottom:10px;gap:8px;width:50%}.rewash-detail .box .box-inside .text-2{justify-content:left;display:flex;color:#000;font-size:15px;font-weight:300;margin-bottom:10px;gap:8px;width:50%}.rewash-detail .box .box-1{display:flex;justify-content:space-between;border-bottom:1px solid #DEDDDD;margin-bottom:10px}.rewash-detail .box .box-1 .left{display:flex;flex-direction:column;gap:5px}.rewash-detail .box .box-1 .left .text-1{color:#686868;font-size:14px;font-weight:500}.rewash-detail .box .box-1 .left .text-2{color:#000;font-size:18px}.rewash-detail .box .box-1 .right{display:flex;flex-direction:column;gap:5px}.rewash-detail .box .box-1 .right .text-1{color:#686868;font-size:14px;font-weight:500}.rewash-detail .box .box-1 .right .text-2{color:#000;font-size:16px}.rewash-detail .box .box-2{margin-top:10px;display:flex;width:100%;gap:20px}.rewash-detail .box .box-2 .text{display:flex;color:#686868;font-size:15px;font-weight:400;gap:8px;width:100%}.rewash-detail .box .box-2 .text-1{display:flex;color:#686868;font-size:15px;font-weight:400;margin-bottom:10px;gap:8px;width:50%}.rewash-detail .box .box-2 .text-2{justify-content:left;display:flex;color:#000;font-size:15px;font-weight:300;margin-bottom:10px;gap:8px;width:50%}.delivery-form{margin:40px}.delivery-form p,.delivery-form h1{margin:0;padding:0}.delivery-form a,.delivery-form a:hover{text-decoration:none;color:#fff}.delivery-form .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.delivery-form .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.delivery-form .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.delivery-form .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.delivery-form .pop-up-ubah .card .content2{margin:0 20px 20px}.delivery-form .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.delivery-form .pop-up-ubah .card .border2{border-bottom:1px solid #dbe9ff}.delivery-form .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.delivery-form .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.delivery-form .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.delivery-form .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.delivery-form .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.delivery-form .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.delivery-form .pop-up-ubah .card .button1 button:hover,.delivery-form .pop-up-ubah .card .button2 button:hover{opacity:.9}.delivery-form .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.delivery-form .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.delivery-form .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.delivery-form .pop-up-hapus .card .title i{font-size:25px}.delivery-form .pop-up-hapus .card .content2{margin:0 20px 20px}.delivery-form .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.delivery-form .pop-up-hapus .card .border2{border-bottom:1px solid #dbe9ff}.delivery-form .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.delivery-form .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.delivery-form .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.delivery-form .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.delivery-form .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:5px 0;border-radius:10px;cursor:pointer;font-size:16px}.delivery-form .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:5px 0;border-radius:10px;cursor:pointer;font-size:16px}.delivery-form .pop-up-hapus .card .button1 button:hover,.delivery-form .pop-up-hapus .card .button2 button:hover{opacity:.9}.delivery-form .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.delivery-form .top-page .text-1{font-size:20px;font-weight:500;color:#354ebc}.delivery-form .top-page .group-button{display:flex;gap:10px}.delivery-form .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;font-size:14px}.delivery-form .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;font-size:14px}.delivery-form .top-page .button-3{background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;font-size:14px}.delivery-form .top-page2{margin-bottom:20px;width:100%}.delivery-form .top-page2 .date{display:flex;margin-right:10px}.delivery-form .top-page2 .date ::-webkit-datetime-edit-fields-wrapper{display:flex;position:relative;justify-content:center}.delivery-form .top-page2 .date .date-style1::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;right:50px;cursor:pointer}.delivery-form .top-page2 .date .date-style2::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;left:10px;cursor:pointer}.delivery-form .top-page2 .date .arrow-date{border:1px solid #DEDDDD;border-right:none;border-left:none;background-color:#fff;padding:12px 5px}.delivery-form .top-page2 .date .date-icon{border:1px solid #DEDDDD;border-left:none;background-color:#fff;padding:12px 15px 12px 0;border-radius:0 10px 10px 0}.delivery-form .top-page2 .date .date-style1,.delivery-form .top-page2 .date .date-style2{border:1px solid #DEDDDD;padding:12px 5px;font-size:16px;font-weight:300;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none}.delivery-form .top-page2 .date .date-style1{border-radius:10px 0 0 10px;border-right:none}.delivery-form .top-page2 .date .date-style2{border-radius:0;border-right:none;border-left:none}.delivery-form .top-page2 .date input:focus{border-color:#dedddd;outline:none}.delivery-form .top-page2 .search-bar{width:100%;margin-right:10px}.delivery-form .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.delivery-form .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px 13px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#000;letter-spacing:.5px;align-items:center}.delivery-form .top-page2 input::placeholder{color:#aeaeae}.delivery-form .top-page2 .search-icon{position:absolute;left:15px}.delivery-form .top-page2 .search-icon i{font-size:16px;color:#686868;align-items:center}.delivery-form .top-page2 .select-wrapper-arrow{position:relative;width:50%;margin-right:10px}.delivery-form .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.delivery-form .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.delivery-form .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.delivery-form .top-page2 .dropdown-size{flex:1;margin-right:10px}.delivery-form .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.delivery-form .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:11px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap;margin-right:10px;font-size:14px}.delivery-form .top-page2 .button2{background-color:#fff;color:#3750bd;border:1px solid #3750bd;padding:11px 20px;border-radius:10px;cursor:pointer;justify-content:center;white-space:nowrap;font-weight:500;align-items:center;display:flex;gap:20px;font-size:14px;margin-right:10px}.delivery-form .top-page2 .button-3{background-color:#354ebc;color:#fff;border:none;padding:11px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap;font-size:14px}.delivery-form .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative;overflow-x:auto}.delivery-form .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.delivery-form .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.delivery-form .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.delivery-form .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.delivery-form .table-box .dataTables_paginate .paginate_button a:focus,.delivery-form .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.delivery-form .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.delivery-form .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.delivery-form .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.delivery-form .table-box .ellipsis-container{position:relative;display:flex}.delivery-form .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.delivery-form .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.delivery-form .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.delivery-form .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.delivery-form .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.delivery-form .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.delivery-form .table-box .status-regular p{font-weight:600}.delivery-form .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.delivery-form .table-box .status-express p{font-weight:600}.delivery-form .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.delivery-form .table-box .status-draft p{font-weight:600}.delivery-form .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.delivery-form .table-box .status-need-approve p{font-weight:600}.delivery-form .table-box .status-need-revision{padding:10px;background-color:#ffdce4;text-align:center;color:#f4406b;border-radius:10px}.delivery-form .table-box .status-need-revision p{font-weight:600}.delivery-form .table-box .status-ongoing{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.delivery-form .table-box .status-ongoing p{font-weight:600}.delivery-form .table-box .status-ready-to-ship{padding:10px;background-color:#a2c6e7;text-align:center;color:#3f59c0;border-radius:10px;white-space:nowrap}.delivery-form .table-box .status-ready-to-ship p{font-weight:600}.delivery-form .table-box .status-done{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.delivery-form .table-box .status-done p{font-weight:600}.delivery-form .table-box table{width:100%!important;border-collapse:collapse}.delivery-form .table-box table.dataTable thead .sorting:before,.delivery-form .table-box table.dataTable thead .sorting_asc:before,.delivery-form .table-box table.dataTable thead .sorting_desc:before,.delivery-form .table-box table.dataTable thead .sorting_asc_disabled:before,.delivery-form .table-box table.dataTable thead .sorting_desc_disabled:before,.delivery-form .table-box table.dataTable thead .sorting:after,.delivery-form .table-box table.dataTable thead .sorting_asc:after,.delivery-form .table-box table.dataTable thead .sorting_desc:after,.delivery-form .table-box table.dataTable thead .sorting_asc_disabled:after,.delivery-form .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.delivery-form .table-box th,.delivery-form .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.delivery-form .table-box th{background-color:#fafafa;font-weight:400}.delivery-form .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.delivery-form .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.delivery-form .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.delivery-form .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.delivery-form .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.delivery-form .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.delivery-form-add{margin:40px}.delivery-form-add input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;filter:grayscale(100%)}.delivery-form-add input[type=time]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;filter:grayscale(100%)}.delivery-form-add p,.delivery-form-add h1{margin:0;padding:0}.delivery-form-add a,.delivery-form-add a:hover{text-decoration:none;color:#fff}.delivery-form-add .text-scan{display:inline-block;border-radius:10px;border:1px solid #d2d2d2;background-color:#fafafa;padding:10px 20px;font-size:14px;font-weight:300;line-height:normal;color:#6c757d;letter-spacing:.5px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}.delivery-form-add .text-scan2{border-radius:10px;border:1px solid #d2d2d2;background-color:#fafafa;padding:10px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#6c757d;letter-spacing:.5px;white-space:nowrap;width:140px;text-align:center}.delivery-form-add .text-scan3{border-radius:10px;border:1px solid #d2d2d2;background-color:#fafafa;padding:10px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#6c757d;letter-spacing:.5px;white-space:nowrap;width:200px;text-align:center}.delivery-form-add .scrollbox{background:#f8f9fe;padding:15px;border-radius:10px;gap:20px;display:flex;flex-direction:column;height:260px;overflow-y:auto}.delivery-form-add .scrollbox .no-data{display:flex;justify-content:center;align-items:center;height:100%;opacity:.4;font-size:48px}.delivery-form-add input[type=date],.delivery-form-add input[type=time]{font-size:16px;color:#686868;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:10px;font-weight:400}.delivery-form-add .pop-up-scan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:9;display:none;justify-content:center;align-items:center}.delivery-form-add .pop-up-scan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;padding:0;box-sizing:border-box;position:relative;margin-bottom:100px}.delivery-form-add .pop-up-scan .card .top{display:flex;justify-content:center;align-items:center;padding:15px;border-bottom:1px solid #DEDDDD}.delivery-form-add .pop-up-scan .card .top .text-1{font-size:20px;font-weight:500;color:#354ebc}.delivery-form-add .pop-up-scan .card .top i{position:absolute;left:460px;color:gray;cursor:pointer}.delivery-form-add .pop-up-scan .card .barcode-box{display:flex;justify-content:center;align-items:center;gap:20px;background-color:#999;margin:20px 20px 10px}.delivery-form-add .pop-up-scan .card #scanTrolley{width:100%}.delivery-form-add .pop-up-scan .card input{margin:0 20px 20px;padding:10px;border-radius:10px;border:1px solid #DEDDDD}.delivery-form-add .pop-up-selesai{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.delivery-form-add .pop-up-selesai .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.delivery-form-add .pop-up-selesai .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.delivery-form-add .pop-up-selesai .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.delivery-form-add .pop-up-selesai .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.delivery-form-add .pop-up-selesai .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.delivery-form-add .pop-up-selesai .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.delivery-form-add .pop-up-selesai .card .button button:hover{opacity:.9}.delivery-form-add .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.delivery-form-add .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.delivery-form-add .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.delivery-form-add .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.delivery-form-add .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.delivery-form-add .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.delivery-form-add .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.delivery-form-add .pop-up-simpan .card .button button:hover{opacity:.9}.delivery-form-add .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px;position:relative}.delivery-form-add .text-box svg{position:absolute;right:15px;top:70%;transform:translateY(-50%)}.delivery-form-add .top{display:flex;justify-content:space-between;white-space:nowrap}.delivery-form-add .top .title{display:flex;align-items:center;justify-content:center;color:#354ebc}.delivery-form-add .top .title p{display:flex;font-size:20px;margin-right:10px;font-weight:300}.delivery-form-add .top .title p span{font-weight:500;margin-left:7px}.delivery-form-add .top .title img{width:30px}.delivery-form-add .top .button{display:flex;gap:10px;align-items:center;justify-content:center}.delivery-form-add .top .button .button-1{padding:10px 40px;color:#fff;background-color:#4259c1;border-radius:10px}.delivery-form-add .top .button .button-2{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;color:#fff;background-color:#28a745;border-radius:10px}.delivery-form-add .box{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px}.delivery-form-add .box .top{border-bottom:1px solid #DEDDDD}.delivery-form-add .box .top p{color:#408df0;width:100%;font-size:18px;font-weight:300px;padding:10px 0}.delivery-form-add .box .top .text-box{display:flex;justify-content:center;align-items:center;padding:0 20px;background-color:#f5f5f5;border-radius:10px;border:1px solid #DEDDDD}.delivery-form-add .box .top .text-box p,.delivery-form-add .box .top .text-1{color:#000;font-size:16px}.delivery-form-add .box .contents{display:flex;flex-direction:column;width:100%;margin-top:15px}.delivery-form-add .box .contents .input-box{width:100%;display:flex;flex-direction:column;gap:5px}.delivery-form-add .box .contents input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px;font-size:14px}.delivery-form-add .box .contents input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;filter:grayscale(100%)}.delivery-form-add .box .contents .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.delivery-form-add .box .contents .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.delivery-form-add .box .contents .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.delivery-form-add .box .contents .scan{display:flex;gap:10px;align-items:center;justify-content:center;background-color:#cbd9fd;border-radius:10px;border:1px solid #524fa0;padding:10px 20px;min-width:100px;white-space:nowrap;cursor:pointer;font-size:14px}.delivery-form-add .box .contents .scan i,.delivery-form-add .box .contents .scan p{color:#524fa0;font-size:14px}.delivery-form-add .box .contents2{margin-top:20px;display:flex;width:100%;background-color:#fff;border-radius:10px;border:1px solid #DEDDDD;padding:20px;gap:10px}.delivery-form-add .box .contents2 .box-inside{display:flex;flex-direction:column;gap:5px;width:100%}.delivery-form-add .box .contents2 .box-inside input{width:100%;border-radius:10px;border:1px solid #DEDDDD;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.delivery-form-ubah{margin:40px}.delivery-form-ubah p,.delivery-form-ubah h1{margin:0;padding:0}.delivery-form-ubah a,.delivery-form-ubah a:hover{text-decoration:none;color:#fff}.delivery-form-ubah .pop-up-scan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:9;display:none;justify-content:center;align-items:center}.delivery-form-ubah .pop-up-scan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;padding:0;box-sizing:border-box;position:relative;margin-bottom:100px}.delivery-form-ubah .pop-up-scan .card .top{display:flex;justify-content:center;align-items:center;padding:15px;border-bottom:1px solid #DEDDDD}.delivery-form-ubah .pop-up-scan .card .top .text-1{font-size:20px;font-weight:500;color:#354ebc}.delivery-form-ubah .pop-up-scan .card .top i{position:absolute;left:460px;color:gray;cursor:pointer}.delivery-form-ubah .pop-up-scan .card .barcode-box{display:flex;justify-content:center;align-items:center;gap:20px;background-color:#999;margin:20px 20px 10px}.delivery-form-ubah .pop-up-scan .card #scanTrolley{width:100%}.delivery-form-ubah .pop-up-scan .card input{margin:0 20px 20px;padding:10px;border-radius:10px;border:1px solid #DEDDDD}.delivery-form-ubah .pop-up-selesai{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.delivery-form-ubah .pop-up-selesai .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.delivery-form-ubah .pop-up-selesai .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.delivery-form-ubah .pop-up-selesai .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.delivery-form-ubah .pop-up-selesai .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.delivery-form-ubah .pop-up-selesai .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.delivery-form-ubah .pop-up-selesai .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.delivery-form-ubah .pop-up-selesai .card .button button:hover{opacity:.9}.delivery-form-ubah .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.delivery-form-ubah .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.delivery-form-ubah .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.delivery-form-ubah .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.delivery-form-ubah .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.delivery-form-ubah .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.delivery-form-ubah .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.delivery-form-ubah .pop-up-simpan .card .button button:hover{opacity:.9}.delivery-form-ubah .top{display:flex;justify-content:space-between;white-space:nowrap}.delivery-form-ubah .top .title{display:flex;align-items:center;justify-content:center;color:#354ebc}.delivery-form-ubah .top .title p{display:flex;font-size:20px;margin-right:10px;font-weight:300}.delivery-form-ubah .top .title p span{font-weight:500;margin-left:7px}.delivery-form-ubah .top .title img{width:30px}.delivery-form-ubah .top .button{display:flex;gap:10px;align-items:center;justify-content:center}.delivery-form-ubah .top .button .button-1{padding:10px 40px;color:#fff;background-color:#4259c1;border-radius:10px}.delivery-form-ubah .top .button .button-2{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;color:#fff;background-color:#28a745;border-radius:10px}.delivery-form-ubah .box{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px}.delivery-form-ubah .box .top{border-bottom:1px solid #DEDDDD}.delivery-form-ubah .box .top p{color:#408df0;width:100%;font-size:18px;font-weight:300px;padding:10px 0}.delivery-form-ubah .box .top .text-box{display:flex;justify-content:center;align-items:center;padding:0 20px;background-color:#f5f5f5;border-radius:10px;border:1px solid #DEDDDD}.delivery-form-ubah .box .top .text-box p,.delivery-form-ubah .box .top .text-1{color:#000;font-size:16px}.delivery-form-ubah .box .contents{display:flex;flex-direction:column;width:100%;margin-top:15px}.delivery-form-ubah .box .contents .input-box{width:100%;display:flex;flex-direction:column;gap:5px}.delivery-form-ubah .box .contents input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.delivery-form-ubah .box .contents .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.delivery-form-ubah .box .contents .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.delivery-form-ubah .box .contents .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.delivery-form-ubah .box .contents .scan{display:flex;gap:10px;align-items:center;justify-content:center;background-color:#cbd9fd;border-radius:10px;border:1px solid #524FA0;padding:0 20px;cursor:pointer}.delivery-form-ubah .box .contents .scan i,.delivery-form-ubah .box .contents .scan p{color:#524fa0}.delivery-form-ubah .box .contents2{margin-top:20px;display:flex;width:100%;background-color:#fff;border-radius:10px;border:1px solid #DEDDDD;padding:20px;gap:10px}.delivery-form-ubah .box .contents2 .box-inside{display:flex;flex-direction:column;gap:5px;width:100%}.delivery-form-ubah .box .contents2 .box-inside input{width:100%;border-radius:10px;border:1px solid #DEDDDD;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.delivery-form-detail-done{margin:40px}.delivery-form-detail-done p,.delivery-form-detail-done h1{margin:0;padding:0}.delivery-form-detail-done a,.delivery-form-detail-done a:hover{text-decoration:none;color:#fff}.delivery-form-detail-done .pop-up-scan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.delivery-form-detail-done .pop-up-scan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;padding:0;box-sizing:border-box;position:relative}.delivery-form-detail-done .top{display:flex;justify-content:space-between;white-space:nowrap}.delivery-form-detail-done .top .title{display:flex;align-items:center;justify-content:center;color:#354ebc}.delivery-form-detail-done .top .title p{display:flex;font-size:20px;margin-right:10px;font-weight:300}.delivery-form-detail-done .top .title p span{font-weight:500;margin-left:7px}.delivery-form-detail-done .top .title img{width:30px}.delivery-form-detail-done .top .button{display:flex;gap:10px;align-items:center;justify-content:center}.delivery-form-detail-done .top .button .button-1{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 30px;color:#524fa0;background-color:#fff;border-radius:10px;border:1px solid #524FA0;cursor:pointer}.delivery-form-detail-done .top .button .button-2{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;color:#fff;background-color:#354ebc;border-radius:10px;cursor:pointer}.delivery-form-detail-done .box{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px}.delivery-form-detail-done .box .top{width:100%;display:flex;gap:30px}.delivery-form-detail-done .box .top .grid{justify-content:left;width:25%}.delivery-form-detail-done .box .top .grid .title1{font-size:15px;font-weight:500;color:#686868;margin-bottom:5px}.delivery-form-detail-done .box .top .grid input{width:100%;font-size:15px;font-weight:300;color:#aeaeae;border:none;padding:5px 5px 5px 0;border-bottom:1px solid #354EBC}.delivery-form-detail-done .box .switch{border-bottom:1px solid #DEDDDD;display:flex;gap:20px;cursor:pointer}.delivery-form-detail-done .box .switch .switch-text.active{color:#408df0;padding-bottom:10px;border-bottom:1.5px solid #408DF0}.delivery-form-detail-done .box .content-1-top{display:flex;width:100%;margin-top:20px}.delivery-form-detail-done .box .content-1-top .group{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:20px;border-bottom:1px solid #DEDDDD}.delivery-form-detail-done .box .content-1-top .group .text-1{font-size:15px;font-weight:400;color:#686868;margin-bottom:5px}.delivery-form-detail-done .box .content-1-top .group .text-2{font-size:15px;font-weight:300;color:#686868;margin-bottom:5px}.delivery-form-detail-done .box .content-1-top .group .text-3{font-size:15px;font-weight:300;color:#28a745;padding:10px 40px;background-color:#e9f7ef;border-radius:10px}.delivery-form-detail-done .box .content-1-top-2{display:flex;width:100%;margin-top:20px;gap:20px}.delivery-form-detail-done .box .content-1-top-2 .group{display:flex;width:100%;gap:20px}.delivery-form-detail-done .box .content-1-top-2 .group .inside-box{width:50%;padding:10px 70px 10px 15px;background-color:#f5f5f5;display:flex;justify-content:space-between;border-radius:10px}.delivery-form-detail-done .box .content-1-top-2 .group .inside-box .text-1{display:flex;flex-direction:column;font-size:15px;font-weight:400;color:#686868;gap:8px}.delivery-form-detail-done .box .content-1-top-2 .group .inside-box .text-1 .text-custom{color:#000}.delivery-form-detail-done .box .content-1-top-2 .group .inside-box .text-2{display:flex;flex-direction:column;font-size:15px;font-weight:300;color:#000;gap:8px}.delivery-form-detail-done .box .content-1-top-2 .group .inside-box .text-2 .text-custom{color:#000}.delivery-form-detail-done .box .top-2{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #DADEFB;padding-bottom:10px}.delivery-form-detail-done .box .top-2 .title{font-size:20px;color:#408df0;font-weight:300}.delivery-form-detail-done .box .top-2 .category{display:flex;gap:10px;align-items:center}.delivery-form-detail-done .box .top-2 .category .text-1{font-weight:500}.delivery-form-detail-done .box .table-box{background-color:#fff;border-radius:15px;padding:20px 0;overflow:auto;box-sizing:border-box;position:relative}.delivery-form-detail-done .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.delivery-form-detail-done .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.delivery-form-detail-done .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.delivery-form-detail-done .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.delivery-form-detail-done .box .table-box .dataTables_paginate .paginate_button a:focus,.delivery-form-detail-done .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.delivery-form-detail-done .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.delivery-form-detail-done .box .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.delivery-form-detail-done .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.delivery-form-detail-done .box .table-box .ellipsis-container{position:relative;display:flex}.delivery-form-detail-done .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.delivery-form-detail-done .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.delivery-form-detail-done .box .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.delivery-form-detail-done .box .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.delivery-form-detail-done .box .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.delivery-form-detail-done .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.delivery-form-detail-done .box .table-box .status-regular p{font-weight:600}.delivery-form-detail-done .box .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.delivery-form-detail-done .box .table-box .status-express p{font-weight:600}.delivery-form-detail-done .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.delivery-form-detail-done .box .table-box .status-draft p{font-weight:600}.delivery-form-detail-done .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.delivery-form-detail-done .box .table-box .status-need-approve p{font-weight:600}.delivery-form-detail-done .box .table-box .status-need-revision{padding:10px;background-color:#ffdce4;text-align:center;color:#f4406b;border-radius:10px}.delivery-form-detail-done .box .table-box .status-need-revision p{font-weight:600}.delivery-form-detail-done .box .table-box .status-ongoing{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.delivery-form-detail-done .box .table-box .status-ongoing p{font-weight:600}.delivery-form-detail-done .box .table-box .status-done{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.delivery-form-detail-done .box .table-box .status-done p{font-weight:600}.delivery-form-detail-done .box .table-box table{width:100%!important;border-collapse:collapse}.delivery-form-detail-done .box .table-box table.dataTable thead .sorting:before,.delivery-form-detail-done .box .table-box table.dataTable thead .sorting_asc:before,.delivery-form-detail-done .box .table-box table.dataTable thead .sorting_desc:before,.delivery-form-detail-done .box .table-box table.dataTable thead .sorting_asc_disabled:before,.delivery-form-detail-done .box .table-box table.dataTable thead .sorting_desc_disabled:before,.delivery-form-detail-done .box .table-box table.dataTable thead .sorting:after,.delivery-form-detail-done .box .table-box table.dataTable thead .sorting_asc:after,.delivery-form-detail-done .box .table-box table.dataTable thead .sorting_desc:after,.delivery-form-detail-done .box .table-box table.dataTable thead .sorting_asc_disabled:after,.delivery-form-detail-done .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.delivery-form-detail-done .box .table-box th,.delivery-form-detail-done .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px}.delivery-form-detail-done .box .table-box th{background-color:#fafafa;font-weight:400}.delivery-form-detail-done .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.delivery-form-detail-done .box .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.delivery-form-detail-done .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.delivery-form-detail-log{margin:40px}.delivery-form-detail-log p,.delivery-form-detail-log h1{margin:0;padding:0}.delivery-form-detail-log a,.delivery-form-detail-log a:hover{text-decoration:none;color:#fff}.delivery-form-detail-log .pop-up-scan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.delivery-form-detail-log .pop-up-scan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;padding:0;box-sizing:border-box;position:relative}.delivery-form-detail-log .top{display:flex;justify-content:space-between;white-space:nowrap}.delivery-form-detail-log .top .title{display:flex;align-items:center;justify-content:center;color:#354ebc}.delivery-form-detail-log .top .title p{display:flex;font-size:20px;margin-right:10px;font-weight:300}.delivery-form-detail-log .top .title p span{font-weight:500;margin-left:7px}.delivery-form-detail-log .top .title img{width:30px}.delivery-form-detail-log .top .button{display:flex;gap:10px;align-items:center;justify-content:center}.delivery-form-detail-log .top .button .button-1{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 30px;color:#524fa0;background-color:#fff;border-radius:10px;border:1px solid #524fa0;cursor:pointer}.delivery-form-detail-log .top .button .button-2{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;color:#fff;background-color:#354ebc;border-radius:10px;cursor:pointer}.delivery-form-detail-log .box{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px}.delivery-form-detail-log .box .top{width:100%;display:flex;gap:30px}.delivery-form-detail-log .box .top .grid{justify-content:left;width:25%}.delivery-form-detail-log .box .top .grid .title1{font-size:15px;font-weight:500;color:#686868;margin-bottom:5px}.delivery-form-detail-log .box .top .grid input{width:100%;font-size:15px;font-weight:300;color:#aeaeae;border:none;padding:5px 5px 5px 0;border-bottom:1px solid #354ebc}.delivery-form-detail-log .box .switch{border-bottom:1px solid #DEDDDD;display:flex;gap:20px;cursor:pointer}.delivery-form-detail-log .box .switch .switch-text.active{color:#408df0;padding-bottom:10px;border-bottom:1.5px solid #408df0}.delivery-form-detail-log .box .content-1-top{display:flex;width:100%;margin-top:20px}.delivery-form-detail-log .box .content-1-top .group{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:20px;border-bottom:1px solid #DEDDDD}.delivery-form-detail-log .box .content-1-top .group .text-1{font-size:15px;font-weight:400;color:#686868;margin-bottom:5px}.delivery-form-detail-log .box .content-1-top .group .text-2{font-size:15px;font-weight:300;color:#686868;margin-bottom:5px}.delivery-form-detail-log .box .content-1-top .group .text-3{font-size:15px;font-weight:300;color:#28a745;padding:10px 40px;background-color:#e9f7ef;border-radius:10px}.delivery-form-detail-log .box .content-1-top-2{display:flex;width:100%;margin-top:20px;gap:20px}.delivery-form-detail-log .box .content-1-top-2 .group{display:flex;width:100%;gap:20px}.delivery-form-detail-log .box .content-1-top-2 .group .inside-box{width:50%;padding:10px 70px 10px 15px;background-color:#f5f5f5;display:flex;justify-content:space-between;border-radius:10px}.delivery-form-detail-log .box .content-1-top-2 .group .inside-box .text-1{display:flex;flex-direction:column;font-size:15px;font-weight:400;color:#686868;gap:8px}.delivery-form-detail-log .box .content-1-top-2 .group .inside-box .text-1 .text-custom{color:#000}.delivery-form-detail-log .box .content-1-top-2 .group .inside-box .text-2{display:flex;flex-direction:column;font-size:15px;font-weight:300;color:#000;gap:8px}.delivery-form-detail-log .box .content-1-top-2 .group .inside-box .text-2 .text-custom{color:#000}.delivery-form-detail-log .box .top-2{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dadefb;padding-bottom:10px}.delivery-form-detail-log .box .top-2 .title{font-size:20px;color:#408df0;font-weight:300}.delivery-form-detail-log .box .top-2 .category{display:flex;gap:10px;align-items:center}.delivery-form-detail-log .box .top-2 .category .text-1{font-weight:500}.delivery-form-detail-log .box .table-box{background-color:#fff;border-radius:15px;padding:20px 0;overflow:auto;box-sizing:border-box;position:relative}.delivery-form-detail-log .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.delivery-form-detail-log .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.delivery-form-detail-log .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.delivery-form-detail-log .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.delivery-form-detail-log .box .table-box .dataTables_paginate .paginate_button a:focus,.delivery-form-detail-log .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.delivery-form-detail-log .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.delivery-form-detail-log .box .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.delivery-form-detail-log .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.delivery-form-detail-log .box .table-box .ellipsis-container{position:relative;display:flex}.delivery-form-detail-log .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.delivery-form-detail-log .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.delivery-form-detail-log .box .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.delivery-form-detail-log .box .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.delivery-form-detail-log .box .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.delivery-form-detail-log .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.delivery-form-detail-log .box .table-box .status-regular p{font-weight:600}.delivery-form-detail-log .box .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.delivery-form-detail-log .box .table-box .status-express p{font-weight:600}.delivery-form-detail-log .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.delivery-form-detail-log .box .table-box .status-draft p{font-weight:600}.delivery-form-detail-log .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.delivery-form-detail-log .box .table-box .status-need-approve p{font-weight:600}.delivery-form-detail-log .box .table-box .status-need-revision{padding:10px;background-color:#ffdce4;text-align:center;color:#f4406b;border-radius:10px}.delivery-form-detail-log .box .table-box .status-need-revision p{font-weight:600}.delivery-form-detail-log .box .table-box .status-buat,.delivery-form-detail-log .box .table-box .status-edit{padding:10px;background-color:#ffc107;text-align:center;color:#000;border-radius:10px}.delivery-form-detail-log .box .table-box .status-buat p,.delivery-form-detail-log .box .table-box .status-edit p{font-weight:600}.delivery-form-detail-log .box .table-box .status-done{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.delivery-form-detail-log .box .table-box .status-done p{font-weight:600}.delivery-form-detail-log .box .table-box table{width:100%!important;border-collapse:collapse}.delivery-form-detail-log .box .table-box table.dataTable thead .sorting:before,.delivery-form-detail-log .box .table-box table.dataTable thead .sorting_asc:before,.delivery-form-detail-log .box .table-box table.dataTable thead .sorting_desc:before,.delivery-form-detail-log .box .table-box table.dataTable thead .sorting_asc_disabled:before,.delivery-form-detail-log .box .table-box table.dataTable thead .sorting_desc_disabled:before,.delivery-form-detail-log .box .table-box table.dataTable thead .sorting:after,.delivery-form-detail-log .box .table-box table.dataTable thead .sorting_asc:after,.delivery-form-detail-log .box .table-box table.dataTable thead .sorting_desc:after,.delivery-form-detail-log .box .table-box table.dataTable thead .sorting_asc_disabled:after,.delivery-form-detail-log .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.delivery-form-detail-log .box .table-box th,.delivery-form-detail-log .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px}.delivery-form-detail-log .box .table-box th{background-color:#fafafa;font-weight:400}.delivery-form-detail-log .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.delivery-form-detail-log .box .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.delivery-form-detail-log .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.delivery-form-detail-sku{margin:40px}.delivery-form-detail-sku p,.delivery-form-detail-sku h1{margin:0;padding:0}.delivery-form-detail-sku a,.delivery-form-detail-sku a:hover{text-decoration:none;color:#fff}.delivery-form-detail-sku .pop-up-scan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.delivery-form-detail-sku .pop-up-scan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;padding:0;box-sizing:border-box;position:relative}.delivery-form-detail-sku .top{display:flex;justify-content:space-between;white-space:nowrap}.delivery-form-detail-sku .top .title{display:flex;align-items:center;justify-content:center;color:#354ebc}.delivery-form-detail-sku .top .title p{display:flex;font-size:20px;margin-right:10px;font-weight:300}.delivery-form-detail-sku .top .title p span{font-weight:500;margin-left:7px}.delivery-form-detail-sku .top .title img{width:30px}.delivery-form-detail-sku .top .button{display:flex;gap:10px;align-items:center;justify-content:center}.delivery-form-detail-sku .top .button .button-1{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 30px;color:#524fa0;background-color:#fff;border-radius:10px;border:1px solid #524fa0;cursor:pointer}.delivery-form-detail-sku .top .button .button-2{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;color:#fff;background-color:#354ebc;border-radius:10px;cursor:pointer}.delivery-form-detail-sku .box{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px}.delivery-form-detail-sku .box .text-1{font-size:16px;font-weight:400;color:#408df0;padding:10px 0;border-bottom:1px solid #DADEFB;margin-bottom:10px}.delivery-form-detail-sku .box .grup-text{display:flex;gap:20px;width:100%;font-size:14px;margin-top:20px}.delivery-form-detail-sku .box .grup-text .half-group{width:50%;display:flex}.delivery-form-detail-sku .box .grup-text .half-group .left,.delivery-form-detail-sku .box .grup-text .half-group .right{width:50%;display:flex;flex-direction:column;gap:10px}.delivery-form-detail-sku .box .grup-text .half-group .left{color:#686868}.delivery-form-detail-sku .box .top{width:100%;display:flex;gap:30px}.delivery-form-detail-sku .box .top .grid{justify-content:left;width:25%}.delivery-form-detail-sku .box .top .grid .title1{font-size:15px;font-weight:500;color:#686868;margin-bottom:5px}.delivery-form-detail-sku .box .top .grid input{width:100%;font-size:15px;font-weight:300;color:#aeaeae;border:none;padding:5px 5px 5px 0;border-bottom:1px solid #354ebc}.delivery-form-detail-sku .box .switch{border-bottom:1px solid #DEDDDD;display:flex;gap:20px;cursor:pointer}.delivery-form-detail-sku .box .switch .switch-text.active{color:#408df0;padding-bottom:10px;border-bottom:1.5px solid #408df0}.delivery-form-detail-sku .box .content-1-top{display:flex;width:100%;margin-top:20px}.delivery-form-detail-sku .box .content-1-top .group{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:20px;border-bottom:1px solid #DEDDDD}.delivery-form-detail-sku .box .content-1-top .group .text-1{font-size:15px;font-weight:400;color:#686868;margin-bottom:5px}.delivery-form-detail-sku .box .content-1-top .group .text-2{font-size:15px;font-weight:300;color:#686868;margin-bottom:5px}.delivery-form-detail-sku .box .content-1-top .group .text-3{font-size:15px;font-weight:300;color:#28a745;padding:10px 40px;background-color:#e9f7ef;border-radius:10px}.delivery-form-detail-sku .box .content-1-top-2{display:flex;width:100%;margin-top:20px;gap:20px}.delivery-form-detail-sku .box .content-1-top-2 .group{display:flex;width:100%;gap:20px}.delivery-form-detail-sku .box .content-1-top-2 .group .inside-box{width:50%;padding:10px 70px 10px 15px;background-color:#f5f5f5;display:flex;justify-content:space-between;border-radius:10px}.delivery-form-detail-sku .box .content-1-top-2 .group .inside-box .text-1{display:flex;flex-direction:column;font-size:15px;font-weight:400;color:#686868;gap:8px}.delivery-form-detail-sku .box .content-1-top-2 .group .inside-box .text-1 .text-custom{color:#000}.delivery-form-detail-sku .box .content-1-top-2 .group .inside-box .text-2{display:flex;flex-direction:column;font-size:15px;font-weight:300;color:#000;gap:8px}.delivery-form-detail-sku .box .content-1-top-2 .group .inside-box .text-2 .text-custom{color:#000}.delivery-form-detail-sku .box .top-2{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dadefb;padding-bottom:10px}.delivery-form-detail-sku .box .top-2 .title{font-size:20px;color:#408df0;font-weight:300}.delivery-form-detail-sku .box .top-2 .category{display:flex;gap:10px;align-items:center}.delivery-form-detail-sku .box .top-2 .category .text-1{font-weight:500}.delivery-form-detail-sku .box .status{padding:10px;border-radius:10px;text-align:center}.delivery-form-detail-sku .box .status p{font-weight:500}.delivery-form-detail-sku .box .status.move-to-truck{background-color:#e9f7ef;color:#28a745}.delivery-form-detail-sku .box .status.in-trolley{background-color:#ffc107;color:#fff}.delivery-form-detail-sku .box .table-box{background-color:#fff;border-radius:15px;padding:0;overflow:auto;box-sizing:border-box;position:relative}.delivery-form-detail-sku .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.delivery-form-detail-sku .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.delivery-form-detail-sku .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.delivery-form-detail-sku .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.delivery-form-detail-sku .box .table-box .dataTables_paginate .paginate_button a:focus,.delivery-form-detail-sku .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.delivery-form-detail-sku .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.delivery-form-detail-sku .box .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.delivery-form-detail-sku .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.delivery-form-detail-sku .box .table-box .ellipsis-container{position:relative;display:flex}.delivery-form-detail-sku .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.delivery-form-detail-sku .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.delivery-form-detail-sku .box .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.delivery-form-detail-sku .box .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.delivery-form-detail-sku .box .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.delivery-form-detail-sku .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.delivery-form-detail-sku .box .table-box .status-regular p{font-weight:600}.delivery-form-detail-sku .box .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.delivery-form-detail-sku .box .table-box .status-express p{font-weight:600}.delivery-form-detail-sku .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.delivery-form-detail-sku .box .table-box .status-draft p{font-weight:600}.delivery-form-detail-sku .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.delivery-form-detail-sku .box .table-box .status-need-approve p{font-weight:600}.delivery-form-detail-sku .box .table-box .status-need-revision{padding:10px;background-color:#ffdce4;text-align:center;color:#f4406b;border-radius:10px}.delivery-form-detail-sku .box .table-box .status-need-revision p{font-weight:600}.delivery-form-detail-sku .box .table-box .status-buat,.delivery-form-detail-sku .box .table-box .status-edit{padding:10px;background-color:#ffc107;text-align:center;color:#000;border-radius:10px}.delivery-form-detail-sku .box .table-box .status-buat p,.delivery-form-detail-sku .box .table-box .status-edit p{font-weight:600}.delivery-form-detail-sku .box .table-box .status-done{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.delivery-form-detail-sku .box .table-box .status-done p{font-weight:600}.delivery-form-detail-sku .box .table-box table{width:100%!important;border-collapse:collapse}.delivery-form-detail-sku .box .table-box table.dataTable thead .sorting:before,.delivery-form-detail-sku .box .table-box table.dataTable thead .sorting_asc:before,.delivery-form-detail-sku .box .table-box table.dataTable thead .sorting_desc:before,.delivery-form-detail-sku .box .table-box table.dataTable thead .sorting_asc_disabled:before,.delivery-form-detail-sku .box .table-box table.dataTable thead .sorting_desc_disabled:before,.delivery-form-detail-sku .box .table-box table.dataTable thead .sorting:after,.delivery-form-detail-sku .box .table-box table.dataTable thead .sorting_asc:after,.delivery-form-detail-sku .box .table-box table.dataTable thead .sorting_desc:after,.delivery-form-detail-sku .box .table-box table.dataTable thead .sorting_asc_disabled:after,.delivery-form-detail-sku .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.delivery-form-detail-sku .box .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.delivery-form-detail-sku .box .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.delivery-form-detail-sku .box .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.delivery-form-detail-sku .box .table-box th,.delivery-form-detail-sku .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px}.delivery-form-detail-sku .box .table-box th{background-color:#fafafa;font-weight:400}.delivery-form-detail-sku .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.delivery-form-detail-sku .box .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.delivery-form-detail-sku .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.delivery-form-detail-ongoing{margin:40px}.delivery-form-detail-ongoing p,.delivery-form-detail-ongoing h1{margin:0;padding:0}.delivery-form-detail-ongoing a,.delivery-form-detail-ongoing a:hover{text-decoration:none;color:#fff}.delivery-form-detail-ongoing .pop-up-scan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.delivery-form-detail-ongoing .pop-up-scan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;padding:0;box-sizing:border-box;position:relative}.delivery-form-detail-ongoing .top{display:flex;justify-content:space-between;white-space:nowrap}.delivery-form-detail-ongoing .top .title{display:flex;align-items:center;justify-content:center;color:#354ebc}.delivery-form-detail-ongoing .top .title p{display:flex;font-size:20px;margin-right:10px;font-weight:300}.delivery-form-detail-ongoing .top .title p span{font-weight:500;margin-left:7px}.delivery-form-detail-ongoing .top .title img{width:30px}.delivery-form-detail-ongoing .top .button{display:flex;gap:10px;align-items:center;justify-content:center}.delivery-form-detail-ongoing .top .button .button-1{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 30px;color:#524fa0;background-color:#fff;border-radius:10px;border:1px solid #524FA0;cursor:pointer}.delivery-form-detail-ongoing .top .button .button-2{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;color:#fff;background-color:#354ebc;border-radius:10px;cursor:pointer}.delivery-form-detail-ongoing .box{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px}.delivery-form-detail-ongoing .box .top{width:100%;display:flex;gap:30px}.delivery-form-detail-ongoing .box .top .grid{justify-content:left;width:25%}.delivery-form-detail-ongoing .box .top .grid .title1{font-size:15px;font-weight:500;color:#686868;margin-bottom:5px}.delivery-form-detail-ongoing .box .top .grid input{width:100%;font-size:15px;font-weight:300;color:#aeaeae;border:none;padding:5px 5px 5px 0;border-bottom:1px solid #354EBC}.delivery-form-detail-ongoing .box .switch{border-bottom:1px solid #DEDDDD;display:flex;gap:20px;cursor:pointer}.delivery-form-detail-ongoing .box .switch .switch-text.active{color:#408df0;padding-bottom:10px;border-bottom:1.5px solid #408DF0}.delivery-form-detail-ongoing .box .content-1-top{display:flex;width:100%;margin-top:20px}.delivery-form-detail-ongoing .box .content-1-top .group{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:20px;border-bottom:1px solid #DEDDDD}.delivery-form-detail-ongoing .box .content-1-top .group .text-1{font-size:15px;font-weight:400;color:#686868;margin-bottom:5px}.delivery-form-detail-ongoing .box .content-1-top .group .text-2{font-size:15px;font-weight:300;color:#686868;margin-bottom:5px}.delivery-form-detail-ongoing .box .content-1-top .group .text-3{font-size:15px;font-weight:300;color:#fff;padding:10px 40px;background-color:#ffc107;border-radius:10px}.delivery-form-detail-ongoing .box .content-1-top-2{display:flex;width:100%;margin-top:20px;gap:20px}.delivery-form-detail-ongoing .box .content-1-top-2 .group{display:flex;width:100%;gap:20px}.delivery-form-detail-ongoing .box .content-1-top-2 .group .inside-box{width:50%;padding:10px 70px 10px 15px;background-color:#f5f5f5;display:flex;justify-content:space-between;border-radius:10px}.delivery-form-detail-ongoing .box .content-1-top-2 .group .inside-box .text-1{display:flex;flex-direction:column;font-size:15px;font-weight:400;color:#686868;gap:8px}.delivery-form-detail-ongoing .box .content-1-top-2 .group .inside-box .text-1 .text-custom{color:#000}.delivery-form-detail-ongoing .box .content-1-top-2 .group .inside-box .text-2{display:flex;flex-direction:column;font-size:15px;font-weight:300;color:#000;gap:8px}.delivery-form-detail-ongoing .box .content-1-top-2 .group .inside-box .text-2 .text-custom{color:#000}.delivery-form-detail-ongoing .box .top-2{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #DADEFB;padding-bottom:10px}.delivery-form-detail-ongoing .box .top-2 .title{font-size:20px;color:#408df0;font-weight:300}.delivery-form-detail-ongoing .box .top-2 .category{display:flex;gap:10px;align-items:center}.delivery-form-detail-ongoing .box .top-2 .category .text-1{font-weight:500}.delivery-form-detail-ongoing .box .table-box{background-color:#fff;border-radius:15px;padding:20px 0;overflow:auto;box-sizing:border-box;position:relative}.delivery-form-detail-ongoing .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.delivery-form-detail-ongoing .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.delivery-form-detail-ongoing .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.delivery-form-detail-ongoing .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.delivery-form-detail-ongoing .box .table-box .dataTables_paginate .paginate_button a:focus,.delivery-form-detail-ongoing .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.delivery-form-detail-ongoing .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.delivery-form-detail-ongoing .box .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.delivery-form-detail-ongoing .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.delivery-form-detail-ongoing .box .table-box .ellipsis-container{position:relative;display:flex}.delivery-form-detail-ongoing .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.delivery-form-detail-ongoing .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.delivery-form-detail-ongoing .box .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.delivery-form-detail-ongoing .box .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.delivery-form-detail-ongoing .box .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.delivery-form-detail-ongoing .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.delivery-form-detail-ongoing .box .table-box .status-regular p{font-weight:600}.delivery-form-detail-ongoing .box .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.delivery-form-detail-ongoing .box .table-box .status-express p{font-weight:600}.delivery-form-detail-ongoing .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.delivery-form-detail-ongoing .box .table-box .status-draft p{font-weight:600}.delivery-form-detail-ongoing .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.delivery-form-detail-ongoing .box .table-box .status-need-approve p{font-weight:600}.delivery-form-detail-ongoing .box .table-box .status-need-revision{padding:10px;background-color:#ffdce4;text-align:center;color:#f4406b;border-radius:10px}.delivery-form-detail-ongoing .box .table-box .status-need-revision p{font-weight:600}.delivery-form-detail-ongoing .box .table-box .status-ongoing{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.delivery-form-detail-ongoing .box .table-box .status-ongoing p{font-weight:600}.delivery-form-detail-ongoing .box .table-box .status-done{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.delivery-form-detail-ongoing .box .table-box .status-done p{font-weight:600}.delivery-form-detail-ongoing .box .table-box table{width:100%!important;border-collapse:collapse}.delivery-form-detail-ongoing .box .table-box table.dataTable thead .sorting:before,.delivery-form-detail-ongoing .box .table-box table.dataTable thead .sorting_asc:before,.delivery-form-detail-ongoing .box .table-box table.dataTable thead .sorting_desc:before,.delivery-form-detail-ongoing .box .table-box table.dataTable thead .sorting_asc_disabled:before,.delivery-form-detail-ongoing .box .table-box table.dataTable thead .sorting_desc_disabled:before,.delivery-form-detail-ongoing .box .table-box table.dataTable thead .sorting:after,.delivery-form-detail-ongoing .box .table-box table.dataTable thead .sorting_asc:after,.delivery-form-detail-ongoing .box .table-box table.dataTable thead .sorting_desc:after,.delivery-form-detail-ongoing .box .table-box table.dataTable thead .sorting_asc_disabled:after,.delivery-form-detail-ongoing .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.delivery-form-detail-ongoing .box .table-box th,.delivery-form-detail-ongoing .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px}.delivery-form-detail-ongoing .box .table-box th{background-color:#fafafa;font-weight:400}.delivery-form-detail-ongoing .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.delivery-form-detail-ongoing .box .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.delivery-form-detail-ongoing .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.delivery-form-detail-need-approve{margin:40px}.delivery-form-detail-need-approve p,.delivery-form-detail-need-approve h1{margin:0;padding:0}.delivery-form-detail-need-approve a,.delivery-form-detail-need-approve a:hover{text-decoration:none;color:#fff}.delivery-form-detail-need-approve .pop-up-konfirmasi{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:100;justify-content:center;align-items:center;display:none}.delivery-form-detail-need-approve .pop-up-konfirmasi .card{max-width:500px}.delivery-form-detail-need-approve .pop-up-konfirmasi .card .top{display:flex;align-items:center;justify-content:center;padding:15px;border-bottom:1px solid #dadefb;color:#354ebc;font-size:18px;position:relative}.delivery-form-detail-need-approve .pop-up-konfirmasi .card .top p{display:flex;justify-content:center;align-items:center}.delivery-form-detail-need-approve .pop-up-konfirmasi .card .top i{color:gray;position:absolute;right:20px;cursor:pointer}.delivery-form-detail-need-approve .pop-up-konfirmasi .card .top .button-label{padding:10px 20px;background-color:#ffc107;border-radius:10px;color:#fff;cursor:pointer}.delivery-form-detail-need-approve .pop-up-konfirmasi .card .top .button-label i{margin-right:5px}.delivery-form-detail-need-approve .pop-up-konfirmasi .card .title{display:flex;justify-content:center;padding:20px;font-size:15px;color:#000;font-weight:400;border-bottom:1px solid #dadefb}.delivery-form-detail-need-approve .pop-up-konfirmasi .card .title .input-style{width:500px;height:100px;border:1px solid #dadefb;border-radius:10px;padding:10px 5px}.delivery-form-detail-need-approve .pop-up-konfirmasi .card .buttons{display:flex;justify-content:center;width:100%;gap:10px;padding:15px}.delivery-form-detail-need-approve .pop-up-konfirmasi .card .buttons .batal{background-color:#fff;color:#000;border-radius:8px;cursor:pointer;border:1px solid #DEDDDD;padding:5px;width:100%}.delivery-form-detail-need-approve .pop-up-konfirmasi .card .buttons .iya{padding:5px;width:100%;background-color:#4259c1;color:#fff;border-radius:8px;cursor:pointer;border:none}.delivery-form-detail-need-approve .group-1{display:block}.delivery-form-detail-need-approve .group-2{display:none}.delivery-form-detail-need-approve .pop-up-scan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.delivery-form-detail-need-approve .pop-up-scan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;padding:0;box-sizing:border-box;position:relative}.delivery-form-detail-need-approve .top{display:flex;justify-content:space-between;white-space:nowrap}.delivery-form-detail-need-approve .top .title{display:flex;align-items:center;justify-content:center;color:#354ebc}.delivery-form-detail-need-approve .top .title p{display:flex;font-size:20px;margin-right:10px;font-weight:300}.delivery-form-detail-need-approve .top .title p span{font-weight:500;margin-left:7px}.delivery-form-detail-need-approve .top .title img{width:30px}.delivery-form-detail-need-approve .top .button{display:flex;gap:10px;align-items:center;justify-content:center}.delivery-form-detail-need-approve .top .button .button-1{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 30px;color:#fff;background-color:#faad14;border-radius:10px;cursor:pointer}.delivery-form-detail-need-approve .top .button .button-2{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;color:#fff;background-color:#354ebc;border-radius:10px;cursor:pointer}.delivery-form-detail-need-approve .top .button .button-3{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;color:#fff;background-color:#28a745;border-radius:10px;cursor:pointer}.delivery-form-detail-need-approve .box{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px}.delivery-form-detail-need-approve .box .top{width:100%;display:flex;gap:30px}.delivery-form-detail-need-approve .box .top .grid{justify-content:left;width:25%}.delivery-form-detail-need-approve .box .top .grid .title1{font-size:15px;font-weight:500;color:#686868;margin-bottom:5px}.delivery-form-detail-need-approve .box .top .grid input{width:100%;font-size:15px;font-weight:300;color:#aeaeae;border:none;padding:5px 5px 5px 0;border-bottom:1px solid #354ebc}.delivery-form-detail-need-approve .box .top2{border-bottom:1px solid #DEDDDD}.delivery-form-detail-need-approve .box .top2 p{color:#408df0;width:100%;font-size:18px;font-weight:300px;padding:10px 0}.delivery-form-detail-need-approve .box .top2 .text-box{display:flex;justify-content:center;align-items:center;padding:0 20px;background-color:#f5f5f5;border-radius:10px;border:1px solid #DEDDDD}.delivery-form-detail-need-approve .box .top2 .text-box p,.delivery-form-detail-need-approve .box .top2 .text-1{color:#000;font-size:16px}.delivery-form-detail-need-approve .box .contents{display:flex;flex-direction:column;width:100%;margin-top:15px}.delivery-form-detail-need-approve .box .contents .input-box{width:100%;display:flex;flex-direction:column;gap:5px}.delivery-form-detail-need-approve .box .contents input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.delivery-form-detail-need-approve .box .contents .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.delivery-form-detail-need-approve .box .contents .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.delivery-form-detail-need-approve .box .contents .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.delivery-form-detail-need-approve .box .contents .scan{display:flex;gap:10px;align-items:center;justify-content:center;background-color:#cbd9fd;border-radius:10px;border:1px solid #524fa0;padding:10px 20px;min-width:100px;white-space:nowrap;cursor:pointer;font-size:14px}.delivery-form-detail-need-approve .box .contents .scan i,.delivery-form-detail-need-approve .box .contents .scan p{color:#524fa0;font-size:14px}.delivery-form-detail-need-approve .box .switch{border-bottom:1px solid #DEDDDD;display:flex;gap:20px;cursor:pointer}.delivery-form-detail-need-approve .box .switch .switch-text.active{color:#408df0;padding-bottom:10px;border-bottom:1.5px solid #408df0}.delivery-form-detail-need-approve .box .content-1-top{display:flex;width:100%}.delivery-form-detail-need-approve .box .content-1-top .group{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:20px;border-bottom:1px solid #DEDDDD}.delivery-form-detail-need-approve .box .content-1-top .group .text-1{font-size:15px;font-weight:400;color:#686868;margin-bottom:5px}.delivery-form-detail-need-approve .box .content-1-top .group .text-2{font-size:15px;font-weight:300;color:#686868;margin-bottom:5px}.delivery-form-detail-need-approve .box .content-1-top .group .text-3{font-size:15px;font-weight:300;padding:10px 30px;border-radius:10px}.delivery-form-detail-need-approve .box .content-1-top .group .text-4{font-size:15px;font-weight:300;color:#f4406b;padding:10px 30px;background-color:#ffdce4;border-radius:10px}.delivery-form-detail-need-approve .box .content-1-top-2{display:flex;flex-direction:column;width:100%;margin-top:20px;gap:20px}.delivery-form-detail-need-approve .box .content-1-top-2 .group{display:flex;width:100%;gap:20px}.delivery-form-detail-need-approve .box .content-1-top-2 .group .inside-box{width:50%;padding:10px 70px 10px 15px;background-color:#f5f5f5;display:flex;justify-content:space-between;border-radius:10px}.delivery-form-detail-need-approve .box .content-1-top-2 .group .inside-box .text-1{display:flex;flex-direction:column;font-size:15px;font-weight:400;color:#686868;gap:8px}.delivery-form-detail-need-approve .box .content-1-top-2 .group .inside-box .text-1 .text-custom{color:#000}.delivery-form-detail-need-approve .box .content-1-top-2 .group .inside-box .text-2{display:flex;flex-direction:column;font-size:15px;font-weight:300;color:#000;gap:8px}.delivery-form-detail-need-approve .box .content-1-top-2 .group .inside-box .text-2 .text-custom{color:#000}.delivery-form-detail-need-approve .box .top-2{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dadefb;padding-bottom:10px}.delivery-form-detail-need-approve .box .top-2 .title{font-size:20px;color:#408df0;font-weight:300}.delivery-form-detail-need-approve .box .top-2 .category{display:flex;gap:10px;align-items:center}.delivery-form-detail-need-approve .box .top-2 .category a{padding:10px 20px;background-color:#cbd9fd;color:#524fa0;border-radius:10px;font-size:14px}.delivery-form-detail-need-approve .box .top-2 .category a i{font-size:14px;color:#28a745;margin-right:5px}.delivery-form-detail-need-approve .box .table-box{background-color:#fff;border-radius:15px;padding:20px 0;overflow:auto;box-sizing:border-box;position:relative}.delivery-form-detail-need-approve .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.delivery-form-detail-need-approve .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.delivery-form-detail-need-approve .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.delivery-form-detail-need-approve .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.delivery-form-detail-need-approve .box .table-box .dataTables_paginate .paginate_button a:focus,.delivery-form-detail-need-approve .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.delivery-form-detail-need-approve .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.delivery-form-detail-need-approve .box .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.delivery-form-detail-need-approve .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.delivery-form-detail-need-approve .box .table-box .ellipsis-container{position:relative;display:flex}.delivery-form-detail-need-approve .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.delivery-form-detail-need-approve .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.delivery-form-detail-need-approve .box .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.delivery-form-detail-need-approve .box .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.delivery-form-detail-need-approve .box .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.delivery-form-detail-need-approve .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.delivery-form-detail-need-approve .box .table-box .status-regular p{font-weight:600}.delivery-form-detail-need-approve .box .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.delivery-form-detail-need-approve .box .table-box .status-express p{font-weight:600}.delivery-form-detail-need-approve .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.delivery-form-detail-need-approve .box .table-box .status-draft p{font-weight:600}.delivery-form-detail-need-approve .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.delivery-form-detail-need-approve .box .table-box .status-need-approve p{font-weight:600}.delivery-form-detail-need-approve .box .table-box .status-need-revision{padding:10px;background-color:#ffdce4;text-align:center;color:#f4406b;border-radius:10px}.delivery-form-detail-need-approve .box .table-box .status-need-revision p{font-weight:600}.delivery-form-detail-need-approve .box .table-box .status-ongoing{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.delivery-form-detail-need-approve .box .table-box .status-ongoing p{font-weight:600}.delivery-form-detail-need-approve .box .table-box .status-done{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.delivery-form-detail-need-approve .box .table-box .status-done p{font-weight:600}.delivery-form-detail-need-approve .box .table-box table{width:100%!important;border-collapse:collapse}.delivery-form-detail-need-approve .box .table-box table.dataTable thead .sorting:before,.delivery-form-detail-need-approve .box .table-box table.dataTable thead .sorting_asc:before,.delivery-form-detail-need-approve .box .table-box table.dataTable thead .sorting_desc:before,.delivery-form-detail-need-approve .box .table-box table.dataTable thead .sorting_asc_disabled:before,.delivery-form-detail-need-approve .box .table-box table.dataTable thead .sorting_desc_disabled:before,.delivery-form-detail-need-approve .box .table-box table.dataTable thead .sorting:after,.delivery-form-detail-need-approve .box .table-box table.dataTable thead .sorting_asc:after,.delivery-form-detail-need-approve .box .table-box table.dataTable thead .sorting_desc:after,.delivery-form-detail-need-approve .box .table-box table.dataTable thead .sorting_asc_disabled:after,.delivery-form-detail-need-approve .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.delivery-form-detail-need-approve .box .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.delivery-form-detail-need-approve .box .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.delivery-form-detail-need-approve .box .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.delivery-form-detail-need-approve .box .table-box th,.delivery-form-detail-need-approve .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px}.delivery-form-detail-need-approve .box .table-box th{background-color:#fafafa;font-weight:400}.delivery-form-detail-need-approve .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.delivery-form-detail-need-approve .box .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.delivery-form-detail-need-approve .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.delivery-form-detail-need-approve .text-scan{display:inline-block;border-radius:10px;border:1px solid #d2d2d2;background-color:#fafafa;padding:10px 20px;font-size:14px;font-weight:300;line-height:normal;color:#6c757d;letter-spacing:.5px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}.delivery-form-detail-need-approve .text-scan2{border-radius:10px;border:1px solid #d2d2d2;background-color:#fafafa;padding:10px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#6c757d;letter-spacing:.5px;white-space:nowrap;width:140px;text-align:center}.delivery-form-detail-need-approve .text-scan3{border-radius:10px;border:1px solid #d2d2d2;background-color:#fafafa;padding:10px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#6c757d;letter-spacing:.5px;white-space:nowrap;width:200px;text-align:center}.delivery-form-detail-need-approve .scrollbox{background:#f8f9fe;padding:15px;border-radius:10px;gap:20px;display:flex;flex-direction:column;height:260px;overflow-y:auto}.delivery-form-detail-need-approve .scrollbox .no-data{display:flex;justify-content:center;align-items:center;height:100%;opacity:.4;font-size:48px}.security{margin:40px}.security p,.security h1{margin:0;padding:0}.security a,.security a:hover{text-decoration:none;color:#fff}.security .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.security .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.security .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.security .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.security .pop-up-ubah .card .content2{margin:0 20px 20px}.security .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.security .pop-up-ubah .card .border2{border-bottom:1px solid #DBE9FF}.security .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.security .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.security .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.security .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.security .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:14px}.security .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.security .pop-up-ubah .card .button1 button:hover,.security .pop-up-ubah .card .button2 button:hover{opacity:.9}.security .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.security .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.security .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.security .pop-up-hapus .card .title i{font-size:25px}.security .pop-up-hapus .card .content2{margin:0 20px 20px}.security .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.security .pop-up-hapus .card .border2{border-bottom:1px solid #DBE9FF}.security .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.security .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.security .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.security .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.security .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.security .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.security .pop-up-hapus .card .button1 button:hover,.security .pop-up-hapus .card .button2 button:hover{opacity:.9}.security .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.security .top-page .text-1{font-size:20px;font-weight:500;color:#354ebc}.security .top-page .group-button{display:flex;gap:10px}.security .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;font-size:14px}.security .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;font-size:14px}.security .top-page .button-3{background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.security .top-page2{margin-bottom:20px;width:100%}.security .top-page2 .date{display:flex;margin-right:10px}.security .top-page2 .date ::-webkit-datetime-edit-fields-wrapper{display:flex;position:relative;justify-content:center}.security .top-page2 .date .date-style1::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;right:50px;cursor:pointer}.security .top-page2 .date .date-style2::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;left:10px;cursor:pointer}.security .top-page2 .date .arrow-date{border:1px solid #DEDDDD;border-right:none;border-left:none;background-color:#fff;padding:12px 5px}.security .top-page2 .date .date-icon{border:1px solid #DEDDDD;border-left:none;background-color:#fff;padding:12px 15px 12px 0;border-radius:0 10px 10px 0}.security .top-page2 .date .date-style1,.security .top-page2 .date .date-style2{border:1px solid #DEDDDD;padding:12px 5px;font-size:16px;font-weight:300;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none}.security .top-page2 .date .date-style1{border-radius:10px 0 0 10px;border-right:none}.security .top-page2 .date .date-style2{border-radius:0;border-right:none;border-left:none}.security .top-page2 .date input:focus{border-color:#dedddd;outline:none}.security .top-page2 .search-bar{width:100%;margin-right:10px}.security .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.security .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px 13px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#000;letter-spacing:.5px;align-items:center;font-size:14px}.security .top-page2 input::placeholder{color:#aeaeae}.security .top-page2 .search-icon{position:absolute;left:15px}.security .top-page2 .search-icon i{font-size:16px;color:#686868;align-items:center}.security .top-page2 .select-wrapper-arrow{position:relative;width:50%;margin-right:10px}.security .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.security .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.security .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.security .top-page2 .dropdown-size{flex:1;margin-right:10px}.security .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.security .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.security .top-page2 .button2{background-color:#fff;color:#3750bd;border:1px solid #3750BD;padding:11px 20px;border-radius:10px;cursor:pointer;justify-content:center;white-space:nowrap;font-weight:500;align-items:center;display:flex;gap:20px;font-size:14px}.security .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.security .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.security .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.security .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.security .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.security .table-box .dataTables_paginate .paginate_button a:focus,.security .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.security .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.security .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.security .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.security .table-box .ellipsis-container{position:relative;display:flex}.security .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.security .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.security .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.security .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.security .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.security .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.security .table-box .status-regular p{font-weight:600}.security .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.security .table-box .status-express p{font-weight:600}.security .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.security .table-box .status-draft p{font-weight:600}.security .table-box .status-merah{padding:10px;background-color:#f11b1b;text-align:center;color:#fff;border-radius:10px}.security .table-box .status-merah p{font-weight:600}.security .table-box .status-hijau{padding:10px;background-color:#28a745;text-align:center;color:#fff;border-radius:10px}.security .table-box .status-hijau p{font-weight:600}.security .table-box .status-kuning{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.security .table-box .status-kuning p{font-weight:600}.security .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.security .table-box .status-need-approve p{font-weight:600}.security .table-box .status-need-revision{padding:10px;background-color:#ffdce4;text-align:center;color:#f4406b;border-radius:10px}.security .table-box .status-need-revision p{font-weight:600}.security .table-box .status-ongoing{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.security .table-box .status-ongoing p{font-weight:600}.security .table-box .status-done{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.security .table-box .status-done p{font-weight:600}.security .table-box table{width:100%!important;border-collapse:collapse}.security .table-box table.dataTable thead .sorting:before,.security .table-box table.dataTable thead .sorting_asc:before,.security .table-box table.dataTable thead .sorting_desc:before,.security .table-box table.dataTable thead .sorting_asc_disabled:before,.security .table-box table.dataTable thead .sorting_desc_disabled:before,.security .table-box table.dataTable thead .sorting:after,.security .table-box table.dataTable thead .sorting_asc:after,.security .table-box table.dataTable thead .sorting_desc:after,.security .table-box table.dataTable thead .sorting_asc_disabled:after,.security .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.security .table-box th,.security .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.security .table-box th{background-color:#fafafa;font-weight:400}.security .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.security .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.security .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.security .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.security .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.security .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.security-detail{margin:40px}.security-detail p,.security-detail h1{margin:0;padding:0}.security-detail a,.security-detail a:hover{text-decoration:none;color:#fff}.security-detail .image-container{position:relative;display:inline-block;cursor:pointer;margin:10px}.security-detail .image-container img{display:block;transition:transform .3s ease;max-width:150px;height:auto}.security-detail .image-container .overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#00000080;opacity:0;transition:opacity .3s ease;pointer-events:none}.security-detail .image-container:hover .overlay{opacity:1}.security-detail .eye-icon{width:100px;height:100px;filter:invert(100%);display:flex;align-items:center;justify-content:center}.security-detail .modal-image-viewer{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000000b3;display:none;justify-content:center;align-items:center}.security-detail .modal-content{position:relative;background:#fff;padding:50px 20px 20px;max-width:800px;width:90%;text-align:center;border-radius:10px}.security-detail .large-img{width:100%;height:auto;display:block;margin:0 auto}.security-detail .close{position:absolute;top:10px;right:20px;color:#333;font-size:30px;font-weight:700;cursor:pointer}.security-detail .pop-up-img{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;z-index:5;display:none;justify-content:center;align-items:center}.security-detail .pop-up-img i{position:fixed;font-size:30px;top:100px;right:50px;cursor:pointer}.security-detail .pop-up-img #selectedImage{position:fixed;width:40%;top:45%;left:50%;transform:translate(-50%,-50%)}.security-detail .pop-up-img div{display:flex;gap:20px;position:fixed;top:77%;justify-content:center}.security-detail .pop-up-img div img{width:10%;border-radius:10px}.security-detail .pop-up-img div img.active{border:2px solid #354ebc}.security-detail .box2{display:flex;flex-direction:column;align-items:center;background-color:#fff;justify-content:space-between;border-radius:15px}.security-detail .box2 .under-map{display:flex;margin-top:30px;margin-bottom:20px;flex-direction:column;margin-left:10px}.security-detail .box2 .under-map .group{display:flex;position:relative;margin-bottom:15px}.security-detail .box2 .under-map .group .text{color:#aeaeae;margin-left:10px;margin-top:2px}.security-detail .box2 .under-map .group .text .text1{font-size:14px;font-weight:400;margin-bottom:5px}.security-detail .box2 .under-map .group .text .text2{font-size:14px;font-weight:500}.security-detail .box2 .under-map .group .text.active{color:#000}.security-detail .box2 .under-map .group .shape{position:relative;right:5px}.security-detail .box2 .under-map .group .shape .circle{position:relative;z-index:1}.security-detail .box2 .under-map .group .shape .line1{position:absolute;top:17px;left:7px}.security-detail .box2 .under-map .group .shape .line2{position:absolute;top:30px;left:7px}.security-detail .box2 .top{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dbe9ff}.security-detail .box2 .top p{font-size:18px;color:#1768f2;margin-bottom:15px}.security-detail .box2 .top .text-box2{font-size:15px;display:flex;align-items:center;justify-content:center;padding:8px 20px;background-color:#ffc107;color:#fff;border-radius:10px;margin-bottom:15px}.security-detail .box2 .top2{width:100%;display:flex;flex-direction:column}.security-detail .box2 .top2 .text1{color:#354ebc;font-weight:500}.security-detail .box2 .top2 .text2{color:#666;font-size:14px;font-weight:500}.security-detail .box2 .top2 .text2-1{color:#666;font-size:14px}.security-detail .box2 .top2 p{font-size:18px;color:#1768f2;margin-bottom:15px}.security-detail .box2 .top2 .text-box2{font-size:15px;display:flex;align-items:center;justify-content:center;padding:8px 20px;background-color:#ffc107;color:#fff;border-radius:10px;margin-bottom:15px}.security-detail .box2 .outer{display:flex;justify-content:space-between;width:100%;margin-top:20px}.security-detail .box2 .outer .right-side{margin-right:100px}.security-detail .box2 .outer .text-inside .text1{font-size:18px;color:#686868;font-weight:400;margin-bottom:5px}.security-detail .box2 .outer .text-inside .text2{font-size:18px;color:#000;font-weight:300;margin-bottom:15px}.security-detail .box2 .outer .text-inside img{width:100px;border-radius:10px;margin-right:10px;margin-bottom:5px}.security-detail .pop-up-scan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.security-detail .pop-up-scan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;padding:0;box-sizing:border-box;position:relative}.security-detail .top{display:flex;justify-content:space-between;white-space:nowrap}.security-detail .top .title{display:flex;align-items:center;justify-content:center;color:#354ebc}.security-detail .top .title p{display:flex;font-size:20px;margin-right:10px;font-weight:300}.security-detail .top .title p span{font-weight:500;margin-left:7px}.security-detail .top .title img{width:30px}.security-detail .top .button{display:flex;gap:10px;align-items:center;justify-content:center}.security-detail .top .button .button-1{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 30px;color:#524fa0;background-color:#fff;border-radius:10px;border:1px solid #524fa0;cursor:pointer}.security-detail .top .button .button-2{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;color:#fff;background-color:#354ebc;border-radius:10px;cursor:pointer}.security-detail .switch{border-bottom:1px solid #DEDDDD;display:flex;gap:20px;cursor:pointer}.security-detail .switch .switch-text.active{color:#408df0;padding-bottom:10px;border-bottom:1.5px solid #408df0}.security-detail .box{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px}.security-detail .box .top{width:100%;display:flex;gap:30px}.security-detail .box .top .grid{justify-content:left;width:25%}.security-detail .box .top .grid .title1{font-size:15px;font-weight:500;color:#686868;margin-bottom:5px}.security-detail .box .top .grid input{width:100%;font-size:15px;font-weight:300;color:#aeaeae;border:none;padding:5px 5px 5px 0;border-bottom:1px solid #354ebc}.security-detail .box .switch{border-bottom:1px solid #DEDDDD;display:flex;gap:20px;cursor:pointer}.security-detail .box .switch .switch-text.active{color:#408df0;padding-bottom:10px;border-bottom:1.5px solid #408df0}.security-detail .box .content-1-top{display:flex;width:100%}.security-detail .box .content-1-top .group{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:20px;border-bottom:1px solid #DEDDDD}.security-detail .box .content-1-top .group .text-1{font-size:19px;font-weight:400;color:#408df0}.security-detail .box .content-1-top .group .text-2{font-size:15px;font-weight:300;color:#686868;margin-bottom:5px}.security-detail .box .content-1-top .group .text-3{font-size:15px;font-weight:300;color:#fff;padding:10px 40px;background-color:#ffc107;border-radius:10px}.security-detail .box .content-1-top .group .text-4{font-size:15px;font-weight:300;color:#28a745;padding:10px 40px;background-color:#e9f7ef;border-radius:10px}.security-detail .box .content-1-top-2{display:flex;width:100%;margin-top:20px;gap:20px;flex-direction:column}.security-detail .box .top-2{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dadefb;padding-bottom:10px}.security-detail .box .top-2 .title{font-size:20px;color:#408df0;font-weight:300}.security-detail .box .top-2 .category{display:flex;gap:10px;align-items:center}.security-detail .box .top-2 .category .text-1{font-weight:500}.security-detail .box .table-box{background-color:#fff;border-radius:15px;padding:20px 0;overflow:auto;box-sizing:border-box;position:relative}.security-detail .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.security-detail .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.security-detail .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.security-detail .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.security-detail .box .table-box .dataTables_paginate .paginate_button a:focus,.security-detail .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.security-detail .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.security-detail .box .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.security-detail .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.security-detail .box .table-box .ellipsis-container{position:relative;display:flex}.security-detail .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.security-detail .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.security-detail .box .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.security-detail .box .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.security-detail .box .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.security-detail .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.security-detail .box .table-box .status-regular p{font-weight:600}.security-detail .box .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.security-detail .box .table-box .status-express p{font-weight:600}.security-detail .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.security-detail .box .table-box .status-draft p{font-weight:600}.security-detail .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.security-detail .box .table-box .status-need-approve p{font-weight:600}.security-detail .box .table-box .status-need-revision{padding:10px;background-color:#ffdce4;text-align:center;color:#f4406b;border-radius:10px}.security-detail .box .table-box .status-need-revision p{font-weight:600}.security-detail .box .table-box .status-ongoing{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.security-detail .box .table-box .status-ongoing p{font-weight:600}.security-detail .box .table-box .status-done{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.security-detail .box .table-box .status-done p{font-weight:600}.security-detail .box .table-box table{width:100%!important;border-collapse:collapse}.security-detail .box .table-box table.dataTable thead .sorting:before,.security-detail .box .table-box table.dataTable thead .sorting_asc:before,.security-detail .box .table-box table.dataTable thead .sorting_desc:before,.security-detail .box .table-box table.dataTable thead .sorting_asc_disabled:before,.security-detail .box .table-box table.dataTable thead .sorting_desc_disabled:before,.security-detail .box .table-box table.dataTable thead .sorting:after,.security-detail .box .table-box table.dataTable thead .sorting_asc:after,.security-detail .box .table-box table.dataTable thead .sorting_desc:after,.security-detail .box .table-box table.dataTable thead .sorting_asc_disabled:after,.security-detail .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.security-detail .box .table-box th,.security-detail .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px}.security-detail .box .table-box th{background-color:#fafafa;font-weight:400}.security-detail .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.security-detail .box .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.security-detail .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.security-detail2{margin:40px}.security-detail2 p,.security-detail2 h1{margin:0;padding:0}.security-detail2 a,.security-detail2 a:hover{text-decoration:none;color:#fff}.security-detail2 .image-container{position:relative;display:inline-block;cursor:pointer;margin:10px}.security-detail2 .image-container img{display:block;transition:transform .3s ease;max-width:150px;height:auto}.security-detail2 .image-container .overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#00000080;opacity:0;transition:opacity .3s ease;pointer-events:none}.security-detail2 .image-container:hover .overlay{opacity:1}.security-detail2 .eye-icon{width:100px;height:100px;filter:invert(100%);display:flex;align-items:center;justify-content:center}.security-detail2 .modal-image-viewer{position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000000b3;display:none;justify-content:center;align-items:center}.security-detail2 .modal-content{position:relative;background:#fff;padding:50px 20px 20px;max-width:800px;width:90%;text-align:center;border-radius:10px}.security-detail2 .large-img{width:100%;height:auto;display:block;margin:0 auto}.security-detail2 .close{position:absolute;top:10px;right:20px;color:#333;font-size:30px;font-weight:700;cursor:pointer}.security-detail2 .select-wrapper-arrow{position:relative;width:10%}.security-detail2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.security-detail2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.security-detail2 .box2{display:flex;flex-direction:column;align-items:center;background-color:#fff;justify-content:space-between;border-radius:15px}.security-detail2 .box2 .under-map{display:flex;margin-top:30px;margin-bottom:20px;flex-direction:column;margin-left:10px}.security-detail2 .box2 .under-map .group{display:flex;position:relative;margin-bottom:15px}.security-detail2 .box2 .under-map .group .text{color:#aeaeae;margin-left:10px;margin-top:2px}.security-detail2 .box2 .under-map .group .text .text1{font-size:14px;font-weight:400;margin-bottom:5px}.security-detail2 .box2 .under-map .group .text .text2{font-size:14px;font-weight:500}.security-detail2 .box2 .under-map .group .text.active{color:#000}.security-detail2 .box2 .under-map .group .shape{position:relative;right:5px}.security-detail2 .box2 .under-map .group .shape .circle{position:relative;z-index:1}.security-detail2 .box2 .under-map .group .shape .line1{position:absolute;top:17px;left:7px}.security-detail2 .box2 .under-map .group .shape .line2{position:absolute;top:30px;left:7px}.security-detail2 .box2 .top{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dbe9ff}.security-detail2 .box2 .top p{font-size:18px;color:#1768f2;margin-bottom:15px}.security-detail2 .box2 .top .text-box2{font-size:15px;display:flex;align-items:center;justify-content:center;padding:8px 20px;background-color:#ffc107;color:#fff;border-radius:10px;margin-bottom:15px}.security-detail2 .box2 .top2{width:100%;display:flex;flex-direction:column}.security-detail2 .box2 .top2 .text1{color:#354ebc;font-weight:500}.security-detail2 .box2 .top2 .text2{color:#666;font-size:14px;font-weight:500}.security-detail2 .box2 .top2 .text2-1{color:#666;font-size:14px}.security-detail2 .box2 .top2 p{font-size:18px;color:#1768f2;margin-bottom:15px}.security-detail2 .box2 .top2 .text-box2{font-size:15px;display:flex;align-items:center;justify-content:center;padding:8px 20px;background-color:#ffc107;color:#fff;border-radius:10px;margin-bottom:15px}.security-detail2 .box2 .outer{display:flex;justify-content:space-between;width:100%;margin-top:20px}.security-detail2 .box2 .outer .right-side{margin-right:100px}.security-detail2 .box2 .outer .text-inside .text1{font-size:18px;color:#686868;font-weight:400;margin-bottom:5px}.security-detail2 .box2 .outer .text-inside .text2{font-size:18px;color:#000;font-weight:300;margin-bottom:15px}.security-detail2 .box2 .outer .text-inside img{width:100px;border-radius:10px;margin-right:10px;margin-bottom:5px}.security-detail2 .pop-up-scan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.security-detail2 .pop-up-scan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;padding:0;box-sizing:border-box;position:relative}.security-detail2 .top{display:flex;justify-content:space-between;white-space:nowrap}.security-detail2 .top .title{display:flex;align-items:center;justify-content:center;color:#354ebc}.security-detail2 .top .title p{display:flex;font-size:20px;margin-right:10px;font-weight:300}.security-detail2 .top .title p span{font-weight:500;margin-left:7px}.security-detail2 .top .title img{width:30px}.security-detail2 .top .button{display:flex;gap:10px;align-items:center;justify-content:center}.security-detail2 .top .button .button-1{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 30px;color:#524fa0;background-color:#fff;border-radius:10px;border:1px solid #524fa0;cursor:pointer}.security-detail2 .top .button .button-2{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;color:#fff;background-color:#354ebc;border-radius:10px;cursor:pointer}.security-detail2 .switch{border-bottom:1px solid #DEDDDD;display:flex;gap:20px;cursor:pointer}.security-detail2 .switch .switch-text.active{color:#408df0;padding-bottom:10px;border-bottom:1.5px solid #408df0}.security-detail2 .box{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px}.security-detail2 .box .top{width:100%;display:flex;gap:30px}.security-detail2 .box .top .grid{justify-content:left;width:25%}.security-detail2 .box .top .grid .title1{font-size:15px;font-weight:500;color:#686868;margin-bottom:5px}.security-detail2 .box .top .grid input{width:100%;font-size:15px;font-weight:300;color:#aeaeae;border:none;padding:5px 5px 5px 0;border-bottom:1px solid #354ebc}.security-detail2 .box .switch{border-bottom:1px solid #DEDDDD;display:flex;gap:20px;cursor:pointer}.security-detail2 .box .switch .switch-text.active{color:#408df0;padding-bottom:10px;border-bottom:1.5px solid #408df0}.security-detail2 .box .content-1-top{display:flex;width:100%}.security-detail2 .box .content-1-top .group{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:20px;border-bottom:1px solid #DEDDDD}.security-detail2 .box .content-1-top .group .text-1{font-size:19px;font-weight:400;color:#408df0}.security-detail2 .box .content-1-top .group .text-2{font-size:15px;font-weight:300;color:#686868;margin-bottom:5px}.security-detail2 .box .content-1-top .group .text-3{font-size:15px;font-weight:300;color:#fff;padding:10px 40px;background-color:#ffc107;border-radius:10px}.security-detail2 .box .content-1-top .group .text-4{font-size:15px;font-weight:300;color:#28a745;padding:10px 40px;background-color:#e9f7ef;border-radius:10px}.security-detail2 .box .content-1-top-2{display:flex;width:25%;margin-top:20px;gap:10px;flex-direction:column;color:#686868;font-weight:500}.security-detail2 .box .content-1-top-2 .custom-font{font-size:15px;font-weight:300;color:#686868;margin-bottom:5px}.security-detail2 .box .content-1-top-3{display:flex;width:25%;margin-top:20px;gap:10px;flex-direction:column;margin-right:20px}.security-detail2 .box .content-1-top-3 .custom-red{display:flex;font-size:15px;font-weight:300;background-color:#f11b1b;color:#fff;padding:5px 10px;border-radius:10px;text-align:center;align-items:center;margin-top:10px}.security-detail2 .box .content-1-top-3 .custom-yellow{display:flex;font-size:15px;font-weight:300;background-color:#ffc107;color:#fff;padding:5px 10px;border-radius:10px;text-align:center;align-items:center;margin-top:10px}.security-detail2 .box .content-1-top-3 .custom-green{display:flex;font-size:15px;font-weight:300;background-color:#28a745;color:#fff;padding:5px 10px;border-radius:10px;text-align:center;align-items:center;margin-top:10px}.security-detail2 .box .top-2{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dadefb;padding-bottom:10px}.security-detail2 .box .top-2 .title{font-size:20px;color:#408df0;font-weight:300}.security-detail2 .box .top-2 .category{display:flex;gap:10px;align-items:center}.security-detail2 .box .top-2 .category .text-1{font-weight:500}.security-detail2 .box .table-box{background-color:#fff;border-radius:15px;padding:20px 0;overflow:auto;box-sizing:border-box;position:relative}.security-detail2 .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.security-detail2 .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.security-detail2 .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.security-detail2 .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.security-detail2 .box .table-box .dataTables_paginate .paginate_button a:focus,.security-detail2 .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.security-detail2 .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.security-detail2 .box .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.security-detail2 .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.security-detail2 .box .table-box .ellipsis-container{position:relative;display:flex}.security-detail2 .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.security-detail2 .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.security-detail2 .box .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.security-detail2 .box .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.security-detail2 .box .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.security-detail2 .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.security-detail2 .box .table-box .status-regular p{font-weight:600}.security-detail2 .box .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.security-detail2 .box .table-box .status-express p{font-weight:600}.security-detail2 .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.security-detail2 .box .table-box .status-draft p{font-weight:600}.security-detail2 .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.security-detail2 .box .table-box .status-need-approve p{font-weight:600}.security-detail2 .box .table-box .status-need-revision{padding:10px;background-color:#ffdce4;text-align:center;color:#f4406b;border-radius:10px}.security-detail2 .box .table-box .status-need-revision p{font-weight:600}.security-detail2 .box .table-box .status-ongoing{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.security-detail2 .box .table-box .status-ongoing p{font-weight:600}.security-detail2 .box .table-box .status-done{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.security-detail2 .box .table-box .status-done p{font-weight:600}.security-detail2 .box .table-box table{width:100%!important;border-collapse:collapse}.security-detail2 .box .table-box table.dataTable thead .sorting:before,.security-detail2 .box .table-box table.dataTable thead .sorting_asc:before,.security-detail2 .box .table-box table.dataTable thead .sorting_desc:before,.security-detail2 .box .table-box table.dataTable thead .sorting_asc_disabled:before,.security-detail2 .box .table-box table.dataTable thead .sorting_desc_disabled:before,.security-detail2 .box .table-box table.dataTable thead .sorting:after,.security-detail2 .box .table-box table.dataTable thead .sorting_asc:after,.security-detail2 .box .table-box table.dataTable thead .sorting_desc:after,.security-detail2 .box .table-box table.dataTable thead .sorting_asc_disabled:after,.security-detail2 .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.security-detail2 .box .table-box th,.security-detail2 .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px}.security-detail2 .box .table-box th{background-color:#fafafa;font-weight:400}.security-detail2 .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.security-detail2 .box .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.security-detail2 .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.security-detail-df{margin:40px}.security-detail-df p,.security-detail-df h1{margin:0;padding:0}.security-detail-df a,.security-detail-df a:hover{text-decoration:none;color:#fff}.security-detail-df .box2{display:flex;flex-direction:column;align-items:center;background-color:#fff;justify-content:space-between;border-radius:15px}.security-detail-df .box2 .under-map{display:flex;margin-top:30px;margin-bottom:20px;flex-direction:column;margin-left:10px}.security-detail-df .box2 .under-map .group{display:flex;position:relative;margin-bottom:15px}.security-detail-df .box2 .under-map .group .text{color:#aeaeae;margin-left:10px;margin-top:2px}.security-detail-df .box2 .under-map .group .text .text1{font-size:14px;font-weight:400;margin-bottom:5px}.security-detail-df .box2 .under-map .group .text .text2{font-size:14px;font-weight:500}.security-detail-df .box2 .under-map .group .text.active{color:#000}.security-detail-df .box2 .under-map .group .shape{position:relative;right:5px}.security-detail-df .box2 .under-map .group .shape .circle{position:relative;z-index:1}.security-detail-df .box2 .under-map .group .shape .line1{position:absolute;top:17px;left:7px}.security-detail-df .box2 .under-map .group .shape .line2{position:absolute;top:30px;left:7px}.security-detail-df .box2 .top{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dbe9ff}.security-detail-df .box2 .top p{font-size:18px;color:#1768f2;margin-bottom:15px}.security-detail-df .box2 .top .text-box2{font-size:15px;display:flex;align-items:center;justify-content:center;padding:8px 20px;background-color:#ffc107;color:#fff;border-radius:10px;margin-bottom:15px}.security-detail-df .box2 .top2{width:100%;display:flex;flex-direction:column}.security-detail-df .box2 .top2 .text1{color:#354ebc;font-weight:500}.security-detail-df .box2 .top2 .text2{color:#666;font-size:14px;font-weight:500}.security-detail-df .box2 .top2 .text2-1{color:#666;font-size:14px}.security-detail-df .box2 .top2 p{font-size:18px;color:#1768f2;margin-bottom:15px}.security-detail-df .box2 .top2 .text-box2{font-size:15px;display:flex;align-items:center;justify-content:center;padding:8px 20px;background-color:#ffc107;color:#fff;border-radius:10px;margin-bottom:15px}.security-detail-df .box2 .outer{display:flex;justify-content:space-between;width:100%;margin-top:20px}.security-detail-df .box2 .outer .right-side{margin-right:100px}.security-detail-df .box2 .outer .text-inside .text1{font-size:18px;color:#686868;font-weight:400;margin-bottom:5px}.security-detail-df .box2 .outer .text-inside .text2{font-size:18px;color:#000;font-weight:300;margin-bottom:15px}.security-detail-df .box2 .outer .text-inside img{width:100px;border-radius:10px;margin-right:10px;margin-bottom:5px}.security-detail-df .pop-up-scan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.security-detail-df .pop-up-scan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;padding:0;box-sizing:border-box;position:relative}.security-detail-df .top{display:flex;justify-content:space-between;white-space:nowrap}.security-detail-df .top .title{display:flex;align-items:center;justify-content:center;color:#354ebc}.security-detail-df .top .title p{display:flex;font-size:20px;margin-right:10px;font-weight:300}.security-detail-df .top .title p span{font-weight:500;margin-left:7px}.security-detail-df .top .title img{width:30px}.security-detail-df .top .button{display:flex;gap:10px;align-items:center;justify-content:center}.security-detail-df .top .button .button-1{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 30px;color:#524fa0;background-color:#fff;border-radius:10px;border:1px solid #524fa0;cursor:pointer}.security-detail-df .top .button .button-2{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;color:#fff;background-color:#354ebc;border-radius:10px;cursor:pointer}.security-detail-df .switch{border-bottom:1px solid #DEDDDD;display:flex;gap:20px;cursor:pointer}.security-detail-df .switch .switch-text.active{color:#408df0;padding-bottom:10px;border-bottom:1.5px solid #408df0}.security-detail-df .box{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px}.security-detail-df .box .top{width:100%;display:flex;gap:30px}.security-detail-df .box .top .grid{justify-content:left;width:25%}.security-detail-df .box .top .grid .title1{font-size:15px;font-weight:500;color:#686868;margin-bottom:5px}.security-detail-df .box .top .grid input{width:100%;font-size:15px;font-weight:300;color:#aeaeae;border:none;padding:5px 5px 5px 0;border-bottom:1px solid #354ebc}.security-detail-df .box .switch{border-bottom:1px solid #DEDDDD;display:flex;gap:20px;cursor:pointer}.security-detail-df .box .switch .switch-text.active{color:#408df0;padding-bottom:10px;border-bottom:1.5px solid #408df0}.security-detail-df .box .content-1-top{display:flex;width:100%}.security-detail-df .box .content-1-top .group{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:20px;border-bottom:1px solid #DEDDDD}.security-detail-df .box .content-1-top .group .text-1{font-size:19px;font-weight:400;color:#408df0}.security-detail-df .box .content-1-top .group .text-2{font-size:15px;font-weight:300;color:#686868;margin-bottom:5px}.security-detail-df .box .content-1-top .group .text-3{font-size:15px;font-weight:300;color:#fff;padding:10px 40px;background-color:#408df0;border-radius:10px}.security-detail-df .box .content-1-top .group .text-4{font-size:15px;font-weight:300;color:#28a745;padding:10px 40px;background-color:#e9f7ef;border-radius:10px}.security-detail-df .box .content-1-top-2{display:flex;width:100%;margin-top:20px;gap:20px;flex-direction:column}.security-detail-df .box .top-2{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dadefb;padding-bottom:10px}.security-detail-df .box .top-2 .title{font-size:20px;color:#408df0;font-weight:300}.security-detail-df .box .top-2 .category{display:flex;gap:10px;align-items:center}.security-detail-df .box .top-2 .category .text-1{font-weight:500}.security-detail-df .box .table-box{background-color:#fff;border-radius:15px;padding:20px 0;overflow:auto;box-sizing:border-box;position:relative}.security-detail-df .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.security-detail-df .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.security-detail-df .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.security-detail-df .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.security-detail-df .box .table-box .dataTables_paginate .paginate_button a:focus,.security-detail-df .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.security-detail-df .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.security-detail-df .box .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.security-detail-df .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.security-detail-df .box .table-box .ellipsis-container{position:relative;display:flex}.security-detail-df .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.security-detail-df .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.security-detail-df .box .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.security-detail-df .box .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.security-detail-df .box .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.security-detail-df .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.security-detail-df .box .table-box .status-regular p{font-weight:600}.security-detail-df .box .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.security-detail-df .box .table-box .status-express p{font-weight:600}.security-detail-df .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.security-detail-df .box .table-box .status-draft p{font-weight:600}.security-detail-df .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.security-detail-df .box .table-box .status-need-approve p{font-weight:600}.security-detail-df .box .table-box .status-need-revision{padding:10px;background-color:#ffdce4;text-align:center;color:#f4406b;border-radius:10px}.security-detail-df .box .table-box .status-need-revision p{font-weight:600}.security-detail-df .box .table-box .status-ongoing{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.security-detail-df .box .table-box .status-ongoing p{font-weight:600}.security-detail-df .box .table-box .status-done{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.security-detail-df .box .table-box .status-done p{font-weight:600}.security-detail-df .box .table-box table{width:100%!important;border-collapse:collapse}.security-detail-df .box .table-box table.dataTable thead .sorting:before,.security-detail-df .box .table-box table.dataTable thead .sorting_asc:before,.security-detail-df .box .table-box table.dataTable thead .sorting_desc:before,.security-detail-df .box .table-box table.dataTable thead .sorting_asc_disabled:before,.security-detail-df .box .table-box table.dataTable thead .sorting_desc_disabled:before,.security-detail-df .box .table-box table.dataTable thead .sorting:after,.security-detail-df .box .table-box table.dataTable thead .sorting_asc:after,.security-detail-df .box .table-box table.dataTable thead .sorting_desc:after,.security-detail-df .box .table-box table.dataTable thead .sorting_asc_disabled:after,.security-detail-df .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.security-detail-df .box .table-box th,.security-detail-df .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px}.security-detail-df .box .table-box th{background-color:#fafafa;font-weight:400}.security-detail-df .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.security-detail-df .box .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.security-detail-df .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-user{margin:40px}.master-user p,.master-user h1{margin:0;padding:0}.master-user a,.master-user a:hover{text-decoration:none;color:#fff}.master-user .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-user .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-user .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-user .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-user .pop-up-ubah .card .content2{margin:0 20px 20px}.master-user .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-user .pop-up-ubah .card .border2{border-bottom:1px solid #DBE9FF}.master-user .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-user .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-user .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-user .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-user .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-user .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-user .pop-up-ubah .card .button1 button:hover,.master-user .pop-up-ubah .card .button2 button:hover{opacity:.9}.master-user .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-user .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-user .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-user .pop-up-hapus .card .title i{font-size:25px}.master-user .pop-up-hapus .card .content2{margin:0 20px 20px}.master-user .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-user .pop-up-hapus .card .border2{border-bottom:1px solid #DBE9FF}.master-user .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-user .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-user .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-user .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-user .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-user .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-user .pop-up-hapus .card .button1 button:hover,.master-user .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-user .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.master-user .top-page .text-1{font-size:20px;font-weight:500;color:#354ebc}.master-user .top-page .group-button{display:flex;gap:10px}.master-user .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-user .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-user .top-page2{margin-bottom:20px;width:100%}.master-user .top-page2 .search-bar{width:55%;margin-right:10px}.master-user .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.master-user .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px 13px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#000;letter-spacing:.5px;align-items:center}.master-user .top-page2 input::placeholder{color:#aeaeae}.master-user .top-page2 .search-icon{position:absolute;left:15px}.master-user .top-page2 .search-icon i{font-size:16px;color:#686868;align-items:center}.master-user .top-page2 .select-wrapper-arrow{position:relative;width:15%;margin-right:10px}.master-user .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-user .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#686868}.master-user .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.master-user .top-page2 .dropdown-size{flex:1;margin-right:10px}.master-user .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.master-user .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:11px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap;font-size:14px}.master-user .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.master-user .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.master-user .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-user .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-user .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-user .table-box .dataTables_paginate .paginate_button a:focus,.master-user .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-user .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-user .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-user .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-user .table-box .ellipsis-container{position:relative;display:flex}.master-user .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-user .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.master-user .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.master-user .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:12px 15px}.master-user .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.master-user .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.master-user .table-box .status-active p{font-weight:600}.master-user .table-box .status-inactive{padding:10px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px}.master-user .table-box .status-inactive p{font-weight:600}.master-user .table-box table{width:100%!important;border-collapse:collapse}.master-user .table-box table.dataTable thead .sorting:before,.master-user .table-box table.dataTable thead .sorting_asc:before,.master-user .table-box table.dataTable thead .sorting_desc:before,.master-user .table-box table.dataTable thead .sorting_asc_disabled:before,.master-user .table-box table.dataTable thead .sorting_desc_disabled:before,.master-user .table-box table.dataTable thead .sorting:after,.master-user .table-box table.dataTable thead .sorting_asc:after,.master-user .table-box table.dataTable thead .sorting_desc:after,.master-user .table-box table.dataTable thead .sorting_asc_disabled:after,.master-user .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-user .table-box th,.master-user .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.master-user .table-box th{background-color:#fafafa;font-weight:400}.master-user .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.master-user .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-user .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-user .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-user .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-user .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-user-add{margin:40px}.master-user-add input::-ms-reveal,.master-user-add input::-ms-clear{opacity:0}.master-user-add p,.master-user-add h1{margin:0;padding:0}.master-user-add a,.master-user-add a:hover{text-decoration:none;color:#fff}.master-user-add .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-user-add .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-user-add .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-user-add .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-user-add .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-user-add .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-user-add .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-user-add .pop-up-simpan .card .button button:hover{opacity:.9}.master-user-add .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-user-add .top-page .groupDiv{display:flex}.master-user-add .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-user-add .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-user-add .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-user-add .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;font-size:14px}.master-user-add .box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box}.master-user-add .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px}.master-user-add .box span{font-size:14px;color:#dc3545}.master-user-add .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-user-add .box .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.master-user-add .box .input-prefix{position:absolute;left:10px;color:#334a34;font-size:14px;font-weight:600}.master-user-add .box .input-postfix{position:absolute;right:15px;top:47%;transform:translateY(-50%);font-size:20px;font-weight:600}.master-user-add .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.master-user-add .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-user-add .box2 span{font-size:14px;color:#dc3545}.master-user-add .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-user-add .box3{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.master-user-add .box3 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-user-add .box3 span{font-size:14px;color:#dc3545}.master-user-add .box3 p{margin-bottom:5px}.master-user-add .box3 .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-user-add .box3 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-user-add .box3 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;line-height:normal;color:#686868}.master-user-ubah{margin:40px}.master-user-ubah p,.master-user-ubah h1{margin:0;padding:0}.master-user-ubah a,.master-user-ubah a:hover{text-decoration:none;color:#fff}.master-user-ubah .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-user-ubah .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-user-ubah .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-user-ubah .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-user-ubah .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-user-ubah .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-user-ubah .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-user-ubah .pop-up-simpan .card .button button:hover{opacity:.9}.master-user-ubah .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.master-user-ubah .top-page .groupDiv{display:flex}.master-user-ubah .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-user-ubah .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-user-ubah .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-user-ubah .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;font-size:14px}.master-user-ubah .box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box}.master-user-ubah .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px}.master-user-ubah .box span{font-size:14px;color:#dc3545}.master-user-ubah .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-user-ubah .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.master-user-ubah .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-user-ubah .box2 span{font-size:14px;color:#dc3545}.master-user-ubah .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-user-ubah .box3{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.master-user-ubah .box3 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-user-ubah .box3 span{font-size:14px;color:#dc3545}.master-user-ubah .box3 p{margin-bottom:5px}.master-user-ubah .box3 .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-user-ubah .box3 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-user-ubah .box3 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;line-height:normal;color:#686868}.master-user-detail{margin:40px}.master-user-detail p,.master-user-detail h1{margin:0;padding:0}.master-user-detail a,.master-user-detail a:hover{text-decoration:none;color:#fff}.master-user-detail .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px}.master-user-detail .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-user-detail .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-user-detail .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-user-detail .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-user-detail .box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box}.master-user-detail .box .inside-box{display:flex;justify-content:space-between;align-items:center}.master-user-detail .box .inside-box .status-active{padding:5px 40px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.master-user-detail .box .inside-box .status-active p{font-weight:600}.master-user-detail .box .inside-box .status-inactive{padding:5px 40px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px}.master-user-detail .box .inside-box .status-inactive p{font-weight:600}.master-user-detail .box .border2{border:.5px solid #DEDDDD;margin:15px 0}.master-user-detail .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px}.master-user-detail .box .text-2{font-size:14px;color:#666;font-weight:300;margin-top:15px}.master-user-detail .box span{font-size:14px;color:#dc3545}.master-user-detail .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-user-detail .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:20px 0 15px;gap:20px}.master-user-detail .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-user-detail .box2 span{font-size:14px;color:#dc3545}.master-user-detail .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-user-detail .box3{display:flex;justify-content:center;align-self:center;width:100%;gap:20px}.master-user-detail .box3 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-user-detail .box3 span{font-size:14px;color:#dc3545}.master-user-detail .box3 p{margin-bottom:5px}.master-role{margin:40px}.master-role p,.master-role h1{margin:0;padding:0}.master-role a,.master-role a:hover{text-decoration:none;color:#fff}.master-role .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-role .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-role .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-role .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-role .pop-up-ubah .card .content2{margin:0 20px 20px}.master-role .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-role .pop-up-ubah .card .border2{border-bottom:1px solid #DBE9FF}.master-role .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-role .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-role .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-role .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-role .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-role .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-role .pop-up-ubah .card .button1 button:hover,.master-role .pop-up-ubah .card .button2 button:hover{opacity:.9}.master-role .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-role .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-role .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-role .pop-up-hapus .card .title i{font-size:25px}.master-role .pop-up-hapus .card .content2{margin:0 20px 20px}.master-role .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-role .pop-up-hapus .card .border2{border-bottom:1px solid #DBE9FF}.master-role .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-role .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-role .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-role .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-role .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-role .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-role .pop-up-hapus .card .button1 button:hover,.master-role .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-role .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.master-role .top-page .text-1{font-size:20px;font-weight:500;color:#354ebc}.master-role .top-page .group-button{display:flex;gap:10px}.master-role .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-role .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-role .top-page2{margin-bottom:20px;width:100%}.master-role .top-page2 .search-bar{width:100%;margin-right:10px}.master-role .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.master-role .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:10px 20px 10px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#000;letter-spacing:.5px;align-items:center}.master-role .top-page2 input::placeholder{color:#aeaeae}.master-role .top-page2 .search-icon{position:absolute;left:15px}.master-role .top-page2 .search-icon i{font-size:16px;color:#686868;align-items:center}.master-role .top-page2 .select-wrapper-arrow{position:relative;width:15%;margin-right:10px}.master-role .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-role .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#686868}.master-role .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.master-role .top-page2 .dropdown-size{flex:1;margin-right:10px}.master-role .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.master-role .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:11px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap;font-size:14px}.master-role .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.master-role .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.master-role .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-role .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-role .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-role .table-box .dataTables_paginate .paginate_button a:focus,.master-role .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-role .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-role .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-role .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-role .table-box .ellipsis-container{position:relative;display:flex}.master-role .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-role .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.master-role .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.master-role .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:12px 15px}.master-role .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.master-role .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px;margin:0 30px}.master-role .table-box .status-active p{font-weight:600}.master-role .table-box .status-inactive{padding:10px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px;margin:0 30px}.master-role .table-box .status-inactive p{font-weight:600}.master-role .table-box table{width:100%!important;border-collapse:collapse}.master-role .table-box table.dataTable thead .sorting:before,.master-role .table-box table.dataTable thead .sorting_asc:before,.master-role .table-box table.dataTable thead .sorting_desc:before,.master-role .table-box table.dataTable thead .sorting_asc_disabled:before,.master-role .table-box table.dataTable thead .sorting_desc_disabled:before,.master-role .table-box table.dataTable thead .sorting:after,.master-role .table-box table.dataTable thead .sorting_asc:after,.master-role .table-box table.dataTable thead .sorting_desc:after,.master-role .table-box table.dataTable thead .sorting_asc_disabled:after,.master-role .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-role .table-box th,.master-role .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.master-role .table-box th{background-color:#fafafa;font-weight:400}.master-role .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.master-role .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-role .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-role .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-role .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-role .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-role-add{margin:40px}.master-role-add p,.master-role-add h1{margin:0;padding:0}.master-role-add a,.master-role-add a:hover{text-decoration:none;color:#fff}.master-role-add .toggle-btn{transition:transform .3s ease;transform:rotate(180deg)}.master-role-add .open{transform:rotate(0)}.master-role-add .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-role-add .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-role-add .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-role-add .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-role-add .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-role-add .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-role-add .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-role-add .pop-up-simpan .card .button button:hover{opacity:.9}.master-role-add .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-role-add .top-page .groupDiv{display:flex}.master-role-add .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-role-add .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-role-add .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-role-add .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;font-size:14px}.master-role-add .out-box{display:flex;width:100%;margin:15px 0;gap:20px}.master-role-add .box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;width:35%;height:fit-content}.master-role-add .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px}.master-role-add .box .title-text{font-weight:600}.master-role-add .box span{font-size:14px;color:#dc3545}.master-role-add .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-role-add .box .checkbox{white-space:nowrap}.master-role-add .box2{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;width:35%}.master-role-add .box2 .label-dropdown{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.master-role-add .box2 label{display:flex;align-items:center;margin:auto 0;font-size:14px}.master-role-add .box2 input{margin-right:10px}.master-role-add .box2 .dropdown img{position:relative;top:3px;right:25px}.master-role-add .box2 .input[type=checkbox]{cursor:pointer;border-radius:3px!important;padding:0;width:20px;height:20px!important;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #D9D9D9}.master-role-add .box2 .input[type=checkbox]:after{background-image:url(/build/assets/checkbox-BDrq0JwD.svg);background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:3px!important;width:20px;height:20px;position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;content:"";display:none;border:1px solid #D9D9D9}.master-role-add .box2 .input[type=checkbox]:checked,.master-role-add .box2 .input[type=checkbox].checked{border:none;outline:none}.master-role-add .box2 .input[type=checkbox]:checked:after,.master-role-add .box2 .input[type=checkbox].checked:after{display:block}.master-role-add .box2 .title-text{font-size:16px;font-weight:700;margin-bottom:10px}.master-role-add .box2 .access-list{list-style:none;padding:0}.master-role-add .box2 .access-list li{margin:10px 0}.master-role-add .box2 .dropdown .toggle-btn{cursor:pointer}.master-role-add .box2 .dropdown-content{display:none;list-style:none;padding-left:30px;margin-top:0}.master-role-add .box2 .dropdown.open .dropdown-content{display:block}.master-role-add .box3{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;width:35%}.master-role-add .box3 label{margin-left:5px;display:flex;align-items:center;font-size:14px}.master-role-add .box3 input{margin-right:10px}.master-role-add .box3 .input[type=checkbox]{cursor:pointer;border-radius:3px!important;padding:0;width:20px;height:20px!important;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #D9D9D9}.master-role-add .box3 .input[type=checkbox]:after{background-image:url(/build/assets/checkbox-BDrq0JwD.svg);background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:3px!important;width:20px;height:20px;position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;content:"";display:none;border:1px solid #D9D9D9}.master-role-add .box3 .input[type=checkbox]:checked,.master-role-add .box3 .input[type=checkbox].checked{border:none;outline:none}.master-role-add .box3 .input[type=checkbox]:checked:after,.master-role-add .box3 .input[type=checkbox].checked:after{display:block}.master-role-add .box3 .title-text{font-size:16px;font-weight:700;margin-bottom:10px}.master-role-add .box3 .access-list{list-style:none;padding:0}.master-role-add .box3 .access-list li{margin:10px 0}.master-role-add .box3 .dropdown .toggle-btn{cursor:pointer;float:right}.master-role-add .box3 .dropdown-content{display:none;list-style:none;padding-left:30px;margin-top:0}.master-role-add .box3 .dropdown.open .dropdown-content{display:block}.master-role-ubah{margin:40px}.master-role-ubah p,.master-role-ubah h1{margin:0;padding:0}.master-role-ubah a,.master-role-ubah a:hover{text-decoration:none;color:#fff}.master-role-ubah .toggle-btn{transition:transform .3s ease;transform:rotate(180deg)}.master-role-ubah .open{transform:rotate(0)}.master-role-ubah .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-role-ubah .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-role-ubah .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-role-ubah .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-role-ubah .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-role-ubah .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-role-ubah .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-role-ubah .pop-up-simpan .card .button button:hover{opacity:.9}.master-role-ubah .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-role-ubah .top-page .groupDiv{display:flex}.master-role-ubah .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-role-ubah .top-page .text-1{font-size:24px;font-weight:300;color:#354ebc}.master-role-ubah .top-page span{font-size:24px;font-weight:500;color:#354ebc}.master-role-ubah .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-role-ubah .out-box{display:flex;width:100%;margin:15px 0;gap:20px}.master-role-ubah .box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;width:35%;height:fit-content}.master-role-ubah .box .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px}.master-role-ubah .box .title-text{font-weight:600}.master-role-ubah .box span{font-size:16px;color:#dc3545}.master-role-ubah .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-role-ubah .box .checkbox{white-space:nowrap}.master-role-ubah .box2{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;width:35%}.master-role-ubah .box2 .label-dropdown{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.master-role-ubah .box2 label{display:flex;align-items:center;margin:auto 0}.master-role-ubah .box2 input{margin-right:10px}.master-role-ubah .box2 .dropdown img{position:relative;top:3px;right:25px}.master-role-ubah .box2 .input[type=checkbox]{cursor:pointer;border-radius:3px!important;padding:0;width:20px;height:20px!important;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #D9D9D9}.master-role-ubah .box2 .input[type=checkbox]:after{background-image:url(/build/assets/checkbox-BDrq0JwD.svg);background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:3px!important;width:20px;height:20px;position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;content:"";display:none;border:1px solid #D9D9D9}.master-role-ubah .box2 .input[type=checkbox]:checked,.master-role-ubah .box2 .input[type=checkbox].checked{border:none;outline:none}.master-role-ubah .box2 .input[type=checkbox]:checked:after,.master-role-ubah .box2 .input[type=checkbox].checked:after{display:block}.master-role-ubah .box2 .title-text{font-size:18px;font-weight:700;margin-bottom:10px}.master-role-ubah .box2 .access-list{list-style:none;padding:0}.master-role-ubah .box2 .access-list li{margin:10px 0}.master-role-ubah .box2 .dropdown .toggle-btn{cursor:pointer}.master-role-ubah .box2 .dropdown-content{display:none;list-style:none;padding-left:30px;margin-top:0}.master-role-ubah .box2 .dropdown.open .dropdown-content{display:block}.master-role-ubah .box3{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;width:35%}.master-role-ubah .box3 label{margin-left:5px;display:flex;align-items:center}.master-role-ubah .box3 input{margin-right:10px}.master-role-ubah .box3 .input[type=checkbox]{cursor:pointer;border-radius:3px!important;padding:0;width:20px;height:20px!important;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #D9D9D9}.master-role-ubah .box3 .input[type=checkbox]:after{background-image:url(/build/assets/checkbox-BDrq0JwD.svg);background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:3px!important;width:20px;height:20px;position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;content:"";display:none;border:1px solid #D9D9D9}.master-role-ubah .box3 .input[type=checkbox]:checked,.master-role-ubah .box3 .input[type=checkbox].checked{border:none;outline:none}.master-role-ubah .box3 .input[type=checkbox]:checked:after,.master-role-ubah .box3 .input[type=checkbox].checked:after{display:block}.master-role-ubah .box3 .title-text{font-size:18px;font-weight:700;margin-bottom:10px}.master-role-ubah .box3 .access-list{list-style:none;padding:0}.master-role-ubah .box3 .access-list li{margin:10px 0}.master-role-ubah .box3 .dropdown .toggle-btn{cursor:pointer;float:right}.master-role-ubah .box3 .dropdown-content{display:none;list-style:none;padding-left:30px;margin-top:0}.master-role-ubah .box3 .dropdown.open .dropdown-content{display:block}.master-trip{margin:40px}.master-trip p,.master-trip h1{margin:0;padding:0}.master-trip a,.master-trip a:hover{text-decoration:none;color:#fff}.master-trip .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-trip .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-trip .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-trip .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-trip .pop-up-ubah .card .content2{margin:0 20px 20px}.master-trip .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-trip .pop-up-ubah .card .border2{border-bottom:1px solid #DBE9FF}.master-trip .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trip .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trip .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-trip .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-trip .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trip .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trip .pop-up-ubah .card .button1 button:hover,.master-trip .pop-up-ubah .card .button2 button:hover{opacity:.9}.master-trip .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-trip .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-trip .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-trip .pop-up-hapus .card .title i{font-size:25px}.master-trip .pop-up-hapus .card .content2{margin:0 20px 20px}.master-trip .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-trip .pop-up-hapus .card .border2{border-bottom:1px solid #DBE9FF}.master-trip .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trip .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trip .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-trip .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-trip .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trip .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trip .pop-up-hapus .card .button1 button:hover,.master-trip .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-trip .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.master-trip .top-page .text-1{font-size:20px;font-weight:500;color:#354ebc}.master-trip .top-page .group-button{display:flex;gap:10px}.master-trip .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-trip .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-trip .top-page2{margin-bottom:20px;width:100%}.master-trip .top-page2 .search-bar{width:100%;margin-right:10px}.master-trip .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.master-trip .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px 11px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;line-height:normal;color:#000;align-items:center;font-size:14px}.master-trip .top-page2 input::placeholder{color:#aeaeae}.master-trip .top-page2 .search-icon{position:absolute;left:15px}.master-trip .top-page2 .search-icon i{font-size:16px;color:#686868;align-items:center}.master-trip .top-page2 .select-wrapper-arrow{position:relative;width:15%;margin-right:10px}.master-trip .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trip .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-trip .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.master-trip .top-page2 .dropdown-size{flex:1;margin-right:10px}.master-trip .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.master-trip .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:11px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap;font-size:14px}.master-trip .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.master-trip .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.master-trip .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-trip .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-trip .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-trip .table-box .dataTables_paginate .paginate_button a:focus,.master-trip .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-trip .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-trip .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-trip .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-trip .table-box .ellipsis-container{position:relative;display:flex}.master-trip .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-trip .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.master-trip .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.master-trip .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.master-trip .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.master-trip .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px;margin:0 30px}.master-trip .table-box .status-active p{font-weight:600}.master-trip .table-box .status-inactive{padding:10px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px;margin:0 30px}.master-trip .table-box .status-inactive p{font-weight:600}.master-trip .table-box table{width:100%!important;border-collapse:collapse}.master-trip .table-box table.dataTable thead .sorting:before,.master-trip .table-box table.dataTable thead .sorting_asc:before,.master-trip .table-box table.dataTable thead .sorting_desc:before,.master-trip .table-box table.dataTable thead .sorting_asc_disabled:before,.master-trip .table-box table.dataTable thead .sorting_desc_disabled:before,.master-trip .table-box table.dataTable thead .sorting:after,.master-trip .table-box table.dataTable thead .sorting_asc:after,.master-trip .table-box table.dataTable thead .sorting_desc:after,.master-trip .table-box table.dataTable thead .sorting_asc_disabled:after,.master-trip .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-trip .table-box th,.master-trip .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.master-trip .table-box th{background-color:#fafafa;font-weight:400}.master-trip .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.master-trip .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-trip .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-trip .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-trip .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-trip .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-trip-add{margin:40px}.master-trip-add p,.master-trip-add h1{margin:0;padding:0}.master-trip-add a,.master-trip-add a:hover{text-decoration:none;color:#fff}.master-trip-add .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-trip-add .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-trip-add .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-trip-add .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-trip-add .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-trip-add .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-trip-add .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-trip-add .pop-up-simpan .card .button button:hover{opacity:.9}.master-trip-add .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-trip-add .top-page .groupDiv{display:flex}.master-trip-add .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-trip-add .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-trip-add .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-trip-add .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;font-size:14px}.master-trip-add .box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box}.master-trip-add .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px}.master-trip-add .box span{font-size:14px;color:#dc3545}.master-trip-add .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-trip-add .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.master-trip-add .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%;position:relative}.master-trip-add .box2 .text-box svg{position:absolute;right:15px;top:60%;transform:translateY(-50%)}.master-trip-add .box2 span{font-size:14px;color:#dc3545}.master-trip-add .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-trip-add .box2 input[type=time]{font-size:14px;color:#686868;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:10px;font-weight:400}.master-trip-add .box2 input[type=time]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.master-trip-add .box2 input[type=time]::-ms-clear{display:none}.master-trip-add .box3{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.master-trip-add .box3 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-trip-add .box3 span{font-size:14px;color:#dc3545}.master-trip-add .box3 p{margin-bottom:5px}.master-trip-add .box3 .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trip-add .box3 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trip-add .box3 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#686868}.master-trip-ubah{margin:40px}.master-trip-ubah p,.master-trip-ubah h1{margin:0;padding:0}.master-trip-ubah a,.master-trip-ubah a:hover{text-decoration:none;color:#fff}.master-trip-ubah .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-trip-ubah .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-trip-ubah .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-trip-ubah .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-trip-ubah .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-trip-ubah .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-trip-ubah .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-trip-ubah .pop-up-simpan .card .button button:hover{opacity:.9}.master-trip-ubah .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-trip-ubah .top-page .groupDiv{display:flex}.master-trip-ubah .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-trip-ubah .top-page .text-1{font-size:24px;font-weight:300;color:#354ebc}.master-trip-ubah .top-page span{font-size:24px;font-weight:500;color:#354ebc}.master-trip-ubah .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-trip-ubah .box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box}.master-trip-ubah .box .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px}.master-trip-ubah .box span{font-size:16px;color:#dc3545}.master-trip-ubah .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-trip-ubah .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.master-trip-ubah .box2 .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-trip-ubah .box2 .text-box svg{position:absolute;right:15px;top:60%;transform:translateY(-50%)}.master-trip-ubah .box2 span{font-size:16px;color:#dc3545}.master-trip-ubah .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-trip-ubah .box2 input[type=time]{font-size:16px;color:#686868;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:10px;font-weight:400}.master-trip-ubah .box3{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.master-trip-ubah .box3 .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-trip-ubah .box3 span{font-size:16px;color:#dc3545}.master-trip-ubah .box3 p{margin-bottom:5px}.master-trip-ubah .box3 .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trip-ubah .box3 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trip-ubah .box3 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-customer{margin:40px}.master-customer p,.master-customer h1{margin:0;padding:0}.master-customer a,.master-customer a:hover{text-decoration:none;color:#fff}.master-customer .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-customer .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-customer .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-customer .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-customer .pop-up-ubah .card .content2{margin:0 20px 20px}.master-customer .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-customer .pop-up-ubah .card .border2{border-bottom:1px solid #dbe9ff}.master-customer .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-customer .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-customer .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-customer .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-customer .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-customer .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-customer .pop-up-ubah .card .button1 button:hover,.master-customer .pop-up-ubah .card .button2 button:hover{opacity:.9}.master-customer .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-customer .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-customer .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-customer .pop-up-hapus .card .title i{font-size:25px}.master-customer .pop-up-hapus .card .content2{margin:0 20px 20px}.master-customer .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-customer .pop-up-hapus .card .border2{border-bottom:1px solid #dbe9ff}.master-customer .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-customer .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-customer .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-customer .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-customer .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-customer .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-customer .pop-up-hapus .card .button1 button:hover,.master-customer .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-customer .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.master-customer .top-page .text-1{font-size:20px;font-weight:500;color:#354ebc}.master-customer .top-page .group-button{display:flex;gap:10px}.master-customer .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-customer .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-customer .top-page2{margin-bottom:20px;width:100%}.master-customer .top-page2 .search-bar{width:55%;margin-right:10px}.master-customer .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.master-customer .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px 11px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#000;align-items:center}.master-customer .top-page2 input::placeholder{color:#aeaeae}.master-customer .top-page2 .search-icon{position:absolute;left:15px}.master-customer .top-page2 .search-icon i{font-size:16px;color:#686868;align-items:center}.master-customer .top-page2 .select-wrapper-arrow{position:relative;width:15%;margin-right:10px}.master-customer .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-customer .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#686868}.master-customer .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.master-customer .top-page2 .dropdown-size{flex:1;margin-right:10px}.master-customer .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.master-customer .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:11px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap;font-size:14px}.master-customer .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.master-customer .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.master-customer .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-customer .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-customer .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-customer .table-box .dataTables_paginate .paginate_button a:focus,.master-customer .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-customer .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-customer .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-customer .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-customer .table-box .ellipsis-container{position:relative;display:flex}.master-customer .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-customer .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.master-customer .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.master-customer .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.master-customer .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.master-customer .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.master-customer .table-box .status-active p{font-weight:600}.master-customer .table-box .status-inactive{padding:10px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px}.master-customer .table-box .status-inactive p{font-weight:600}.master-customer .table-box table{width:100%!important;border-collapse:collapse}.master-customer .table-box table.dataTable thead .sorting:before,.master-customer .table-box table.dataTable thead .sorting_asc:before,.master-customer .table-box table.dataTable thead .sorting_desc:before,.master-customer .table-box table.dataTable thead .sorting_asc_disabled:before,.master-customer .table-box table.dataTable thead .sorting_desc_disabled:before,.master-customer .table-box table.dataTable thead .sorting:after,.master-customer .table-box table.dataTable thead .sorting_asc:after,.master-customer .table-box table.dataTable thead .sorting_desc:after,.master-customer .table-box table.dataTable thead .sorting_asc_disabled:after,.master-customer .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-customer .table-box th,.master-customer .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.master-customer .table-box th{background-color:#fafafa;font-weight:400}.master-customer .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.master-customer .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-customer .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-customer .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-customer .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-customer .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-customer-add{margin:40px}.master-customer-add .border2{border:.5px solid #E5E5E5;border-radius:10px}.master-customer-add .dropdown .dropbtn{margin-top:10px;width:100%;padding:14px 15px;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;color:#686868;text-align:left;cursor:pointer;position:relative;transition:padding .3s ease;align-items:center;display:flex}.master-customer-add .dropdown .dropdown-content{display:none;margin-top:10px;background-color:#fff;border-radius:15px;box-shadow:0 8px 16px #0000001a;z-index:1;align-items:flex-start;padding:5px 0;margin-right:30px;font-size:14px}.master-customer-add .dropdown .dropdown-content label{display:flex;margin-top:5px;margin-bottom:5px;margin-left:20px;white-space:nowrap;font-size:14px}.master-customer-add .dropdown .dropdown-content label span{margin-right:15px;color:#000;font-size:14px}.master-customer-add .dropdown .dropdown-content label div{font-size:14px}.master-customer-add .dropdown .dropdown-content input[type=checkbox]{margin-right:10px}.master-customer-add .dropdown .show{display:flex;flex-direction:column}.master-customer-add .dropdown .selected-trips{display:flex;flex-wrap:wrap;position:absolute;gap:10px;margin-right:20px;left:10px;top:8px;z-index:1}.master-customer-add .dropdown .selected-trips input{display:flex;align-items:center}.master-customer-add .dropdown .selected-trips div{background-color:#f4f3f8;padding:4px 10px;border-radius:12px;margin:2px 0 0;display:flex;align-items:center;justify-content:center}.master-customer-add .dropdown .selected-trips div span{margin:0 5px 0 0;padding:0;color:#000}.master-customer-add .dropdown .selected-trips div button{margin:0;padding:0 0 3px 5px;background-color:unset;border:none;cursor:pointer}.master-customer-add p,.master-customer-add h1{margin:0;padding:0}.master-customer-add a,.master-customer-add a:hover{text-decoration:none;color:#fff}.master-customer-add .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:5;display:none;justify-content:center;align-items:center}.master-customer-add .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-customer-add .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-customer-add .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-customer-add .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-customer-add .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-customer-add .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-customer-add .pop-up-simpan .card .button button:hover{opacity:.9}.master-customer-add .top-page{display:flex;align-items:center;margin-bottom:30px;letter-spacing:1px;justify-content:space-between}.master-customer-add .top-page .groupDiv{display:flex}.master-customer-add .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-customer-add .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-customer-add .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-customer-add .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;font-size:14px}.master-customer-add .box-customer{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.master-customer-add .box-customer .switch{display:flex;gap:20px;margin-top:10px;margin-left:20px}.master-customer-add .box-customer .switch .option{color:#000;padding:5px 0;cursor:pointer}.master-customer-add .box-customer .switch .option.active{color:#408df0;border-bottom:2px solid #408DF0}.master-customer-add .box-customer .box-padding{padding:20px}.master-customer-add .box-customer .text-box{font-size:14px;font-weight:400;color:#000}.master-customer-add .box-customer span{font-size:14px;color:#dc3545}.master-customer-add .box-customer input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-customer-add .box-customer .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-customer-add .box-customer .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-customer-add .box-customer .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;line-height:normal;color:#686868}.master-customer-add .box-customer .box2{display:flex;justify-content:center;align-self:center;width:100%;gap:20px}.master-customer-add .box-customer .box2 .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-customer-add .box-customer .box2 span{font-size:16px;color:#dc3545}.master-customer-add .box-customer .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-top:5px}.master-customer-add .box-customer .box3-out{display:flex;gap:20px;margin-top:20px}.master-customer-add .box-customer .box3{display:flex;flex-direction:column;width:50%;gap:10px}.master-customer-add .box-customer .box3 textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-top:5px}.master-customer-add .box-customer .box3 .input-alamat{height:150px}.master-customer-add .box-customer .box3 .text-box{font-size:16px;font-weight:400;color:#000;width:100%}.master-customer-add .box-customer .box3 span{font-size:16px;color:#dc3545}.master-customer-add .box-customer .box3 p{margin-bottom:5px}.master-customer-add .box-customer .box3 .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-customer-add .box-customer .box3 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-customer-add .box-customer .box3 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-customer-add .box-sku{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box;align-items:center;display:none}.master-customer-add .box-sku .switch{display:flex;gap:20px;margin-top:10px;margin-left:20px}.master-customer-add .box-sku .switch .option{color:#000;padding:5px 0;cursor:pointer}.master-customer-add .box-sku .switch .option.active{color:#408df0;border-bottom:2px solid #408DF0}.master-customer-add .box-sku .top-page2{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0}.master-customer-add .box-sku .top-page2 .text-1{font-size:20px;font-weight:500;color:#354ebc}.master-customer-add .box-sku .top-page2 .button2{background-color:#1768f2;color:#fff;border:none;padding:10px 30px;border-radius:10px;cursor:pointer;align-items:center;font-size:14px;justify-content:end}.master-customer-add .box-sku .box-padding{display:flex;flex-direction:column;padding:20px;gap:20px}.master-customer-add .box-sku .box-inside{display:flex;flex-direction:column;gap:10px;background-color:#f7f6f6;padding:20px 20px 10px;border-radius:15px;align-items:center;width:100%}.master-customer-add .box-sku .box-inside label{padding:10px;border-radius:10px;border:1px dashed #4259C1}.master-customer-add .box-sku .box-inside .text-box3{display:flex;gap:10px;font-size:14px}.master-customer-add .box-sku .text-box{font-size:16px;font-weight:400;color:#000;white-space:nowrap;width:100%;font-size:14px}.master-customer-add .box-sku .text-box .button{background-color:#354ebc;color:#fff;border:none;padding:10px 30px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;margin-top:5px}.master-customer-add .box-sku .text-box2{font-size:16px;font-weight:400;color:#000;white-space:nowrap}.master-customer-add .box-sku .text-box2 .button{background-color:#354ebc;color:#fff;border:none;padding:10px 30px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;margin-top:5px}.master-customer-add .box-sku input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-top:5px}.master-customer-add .box-sku .select-wrapper-arrow{position:relative;width:100%}.master-customer-add .box-sku .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-customer-add .box-sku .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;line-height:normal;color:#686868}.master-customer-ubah{margin:40px}.master-customer-ubah .border2{border:.5px solid #E5E5E5;border-radius:10px}.master-customer-ubah .dropdown .dropbtn{margin-top:10px;width:100%;padding:10px 15px;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;color:#686868;text-align:left;cursor:pointer}.master-customer-ubah .dropdown .dropdown-content{display:none;margin-top:10px;background-color:#fff;border-radius:15px;box-shadow:0 8px 16px #0000001a;z-index:1;align-items:flex-start;padding:5px 0}.master-customer-ubah .dropdown .dropdown-content label{display:flex;margin-top:5px;margin-bottom:5px;margin-left:20px;white-space:nowrap}.master-customer-ubah .dropdown .dropdown-content label span{margin-right:15px;color:#000}.master-customer-ubah .dropdown .dropdown-content input[type=checkbox]{margin-right:10px}.master-customer-ubah .dropdown .show{display:flex;flex-direction:column}.master-customer-ubah .dropdown .selected-trips{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.master-customer-ubah .dropdown .selected-trips div{background-color:#f4f3f8;padding:5px 10px;border-radius:12px;margin:0;display:flex;align-items:center;justify-content:center}.master-customer-ubah .dropdown .selected-trips div span{margin:0 5px 0 0;padding:0;color:#000}.master-customer-ubah .dropdown .selected-trips div button{margin:0;padding:0 0 3px 5px;background-color:unset;border:none;cursor:pointer}.master-customer-ubah p,.master-customer-ubah h1{margin:0;padding:0}.master-customer-ubah a,.master-customer-ubah a:hover{text-decoration:none;color:#fff}.master-customer-ubah .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-customer-ubah .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-customer-ubah .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-customer-ubah .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-customer-ubah .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-customer-ubah .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-customer-ubah .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-customer-ubah .pop-up-simpan .card .button button:hover{opacity:.9}.master-customer-ubah .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-customer-ubah .top-page .groupDiv{display:flex}.master-customer-ubah .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-customer-ubah .top-page .text-1{font-size:24px;font-weight:300;color:#354ebc}.master-customer-ubah .top-page span{font-size:24px;font-weight:500;color:#354ebc}.master-customer-ubah .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-customer-ubah .box-customer{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.master-customer-ubah .box-customer .switch{display:flex;gap:20px;margin-top:10px;margin-left:20px}.master-customer-ubah .box-customer .switch .option{color:#000;padding:5px 0;cursor:pointer}.master-customer-ubah .box-customer .switch .option.active{color:#408df0;border-bottom:2px solid #408DF0}.master-customer-ubah .box-customer .box-padding{padding:20px}.master-customer-ubah .box-customer .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px}.master-customer-ubah .box-customer span{font-size:16px;color:#dc3545}.master-customer-ubah .box-customer input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-customer-ubah .box-customer .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-customer-ubah .box-customer .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-customer-ubah .box-customer .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;line-height:normal;color:#686868;letter-spacing:.5px}.master-customer-ubah .box-customer .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.master-customer-ubah .box-customer .box2 .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-customer-ubah .box-customer .box2 span{font-size:16px;color:#dc3545}.master-customer-ubah .box-customer .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-customer-ubah .box-customer .box3-out{display:flex;gap:20px}.master-customer-ubah .box-customer .box3{display:flex;justify-content:center;align-self:center;flex-direction:column;width:50%;margin:15px 0}.master-customer-ubah .box-customer .box3 textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-customer-ubah .box-customer .box3 .input-alamat{height:150px}.master-customer-ubah .box-customer .box3 .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-customer-ubah .box-customer .box3 span{font-size:16px;color:#dc3545}.master-customer-ubah .box-customer .box3 p{margin-bottom:5px}.master-customer-ubah .box-customer .box3 .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-customer-ubah .box-customer .box3 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-customer-ubah .box-customer .box3 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-customer-ubah .box-sku{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box;align-items:center;display:none}.master-customer-ubah .box-sku .switch{display:flex;gap:20px;margin-top:10px;margin-left:20px}.master-customer-ubah .box-sku .switch .option{color:#000;padding:5px 0;cursor:pointer}.master-customer-ubah .box-sku .switch .option.active{color:#408df0;border-bottom:2px solid #408DF0}.master-customer-ubah .box-sku .top-page2{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0}.master-customer-ubah .box-sku .top-page2 .text-1{font-size:24px;font-weight:300;color:#354ebc}.master-customer-ubah .box-sku .top-page2 .button2{background-color:#1768f2;color:#fff;border:none;padding:10px 30px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-customer-ubah .box-sku .box-padding{display:flex;flex-direction:column;padding:20px;gap:20px}.master-customer-ubah .box-sku .box-inside{display:flex;flex-direction:column;gap:10px;background-color:#f7f6f6;padding:20px 20px 10px;border-radius:15px;align-items:center;width:100%}.master-customer-ubah .box-sku .text-box{font-size:16px;font-weight:400;color:#000;white-space:nowrap;width:100%}.master-customer-ubah .box-sku .text-box .button{background-color:#354ebc;color:#fff;border:none;padding:10px 30px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;margin-top:5px}.master-customer-ubah .box-sku .text-box2{font-size:16px;font-weight:400;color:#000;white-space:nowrap}.master-customer-ubah .box-sku .text-box2 .button{background-color:#354ebc;color:#fff;border:none;padding:10px 30px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;margin-top:5px}.master-customer-ubah .box-sku input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-top:5px}.master-customer-ubah .box-sku .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-customer-ubah .box-sku .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-customer-ubah .box-sku .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;line-height:normal;color:#686868;letter-spacing:.5px}.master-customer-detail{margin:40px}.master-customer-detail .text-custom{font-size:14px;font-weight:400;color:#666;margin:10px 0;padding-bottom:10px;border-bottom:1px solid #DEDDDD}.master-customer-detail .badge{position:absolute;bottom:6px;right:0;padding:12px;border-radius:10px;background-color:#e9f7ef;color:#29a847;font-size:14px;font-weight:400}.master-customer-detail .border2{border:.5px solid #e5e5e5;border-radius:10px}.master-customer-detail .dropdown .dropbtn{margin-top:10px;width:100%;padding:10px 15px;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;color:#686868;text-align:left;cursor:pointer}.master-customer-detail .dropdown .dropdown-content{display:none;margin-top:10px;background-color:#fff;border-radius:15px;box-shadow:0 8px 16px #0000001a;z-index:1;align-items:flex-start;padding:5px 0}.master-customer-detail .dropdown .dropdown-content label{display:flex;margin-top:5px;margin-bottom:5px;margin-left:20px;white-space:nowrap}.master-customer-detail .dropdown .dropdown-content label span{margin-right:15px;color:#000}.master-customer-detail .dropdown .dropdown-content input[type=checkbox]{margin-right:10px}.master-customer-detail .dropdown .show{display:flex;flex-direction:column}.master-customer-detail .dropdown .selected-trips{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.master-customer-detail .dropdown .selected-trips div{background-color:#f4f3f8;padding:5px 10px;border-radius:12px;margin:0;display:flex;align-items:center;justify-content:center}.master-customer-detail .dropdown .selected-trips div span{margin:0 5px 0 0;padding:0;color:#000}.master-customer-detail .dropdown .selected-trips div button{margin:0;padding:0 0 3px 5px;background-color:unset;border:none;cursor:pointer}.master-customer-detail p,.master-customer-detail h1{margin:0;padding:0}.master-customer-detail a,.master-customer-detail a:hover{text-decoration:none;color:#fff}.master-customer-detail .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-customer-detail .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-customer-detail .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-customer-detail .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-customer-detail .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-customer-detail .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-customer-detail .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-customer-detail .pop-up-simpan .card .button button:hover{opacity:.9}.master-customer-detail .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between;width:100%}.master-customer-detail .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-customer-detail .top-page .groupDiv{display:flex;width:100%;white-space:nowrap}.master-customer-detail .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-customer-detail .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-customer-detail .top-page span{font-size:24px;font-weight:500;color:#354ebc}.master-customer-detail .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-customer-detail .box-customer{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.master-customer-detail .box-customer .switch{display:flex;gap:20px;margin-top:10px;margin-left:20px}.master-customer-detail .box-customer .switch .option{color:#000;padding:5px 0;cursor:pointer}.master-customer-detail .box-customer .switch .option.active{color:#408df0;border-bottom:2px solid #408df0}.master-customer-detail .box-customer .box-padding{padding:20px}.master-customer-detail .box-customer .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px}.master-customer-detail .box-customer span{font-size:16px;color:#dc3545}.master-customer-detail .box-customer input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-customer-detail .box-customer .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-customer-detail .box-customer .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-customer-detail .box-customer .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;line-height:normal;color:#686868;letter-spacing:.5px}.master-customer-detail .box-customer .text-box{font-size:14px;font-weight:500;color:#000;margin-bottom:10px;width:100%}.master-customer-detail .box-customer .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.master-customer-detail .box-customer .box2 .text-box{font-size:14px;font-weight:500;color:#000;margin-bottom:10px;width:100%}.master-customer-detail .box-customer .box2 span{font-size:16px;color:#dc3545}.master-customer-detail .box-customer .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-customer-detail .box-customer .box3-out{display:flex;gap:20px}.master-customer-detail .box-customer .box3{display:flex;justify-content:center;align-self:center;flex-direction:column;width:50%;margin:15px 0}.master-customer-detail .box-customer .box3 textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-customer-detail .box-customer .box3 .input-alamat{height:150px}.master-customer-detail .box-customer .box3 .text-box{font-size:14px;font-weight:500;color:#000;margin-bottom:10px;width:100%}.master-customer-detail .box-customer .box3 span{font-size:16px;color:#dc3545}.master-customer-detail .box-customer .box3 p{margin-bottom:5px;font-size:14px}.master-customer-detail .box-customer .box3 .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-customer-detail .box-customer .box3 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-customer-detail .box-customer .box3 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-customer-detail .box-sku{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box;align-items:center;display:none}.master-customer-detail .box-sku .text-box3{display:flex;gap:10px;font-size:14px}.master-customer-detail .box-sku .switch{display:flex;gap:20px;margin-top:10px;margin-left:20px}.master-customer-detail .box-sku .switch .option{color:#000;padding:5px 0;cursor:pointer}.master-customer-detail .box-sku .switch .option.active{color:#408df0;border-bottom:2px solid #408DF0}.master-customer-detail .box-sku .top-page2{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 0}.master-customer-detail .box-sku .top-page2 .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-customer-detail .box-sku .top-page2 .button2{background-color:#1768f2;color:#fff;border:none;padding:10px 30px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-customer-detail .box-sku .box-padding{display:flex;flex-direction:column;padding:20px;gap:20px}.master-customer-detail .box-sku .box-inside{display:flex;flex-direction:column;gap:10px;background-color:#f7f6f6;padding:20px 20px 10px;border-radius:15px;align-items:center;width:100%}.master-customer-detail .box-sku .text-box{font-size:14px;font-weight:400;color:#000;white-space:nowrap;width:100%}.master-customer-detail .box-sku .text-box .button{background-color:#354ebc;color:#fff;border:none;padding:10px 30px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;margin-top:5px}.master-customer-detail .box-sku .text-box2{font-weight:400;color:#000;white-space:nowrap}.master-customer-detail .box-sku .text-box2 .button{background-color:#354ebc;color:#fff;border:none;padding:10px 30px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;margin-top:5px}.master-customer-detail .box-sku input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-top:5px;font-size:14px}.master-customer-detail .box-sku .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-customer-detail .box-sku .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-customer-detail .box-sku .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;line-height:normal;color:#686868;letter-spacing:.5px}.master-mesin{margin:40px}.master-mesin p,.master-mesin h1{margin:0;padding:0}.master-mesin a,.master-mesin a:hover{text-decoration:none;color:#fff}.master-mesin .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-mesin .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-mesin .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-mesin .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-mesin .pop-up-ubah .card .content2{margin:0 20px 20px}.master-mesin .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-mesin .pop-up-ubah .card .border2{border-bottom:1px solid #dbe9ff}.master-mesin .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-mesin .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-mesin .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-mesin .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-mesin .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-mesin .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-mesin .pop-up-ubah .card .button1 button:hover,.master-mesin .pop-up-ubah .card .button2 button:hover{opacity:.9}.master-mesin .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-mesin .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-mesin .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-mesin .pop-up-hapus .card .title i{font-size:25px}.master-mesin .pop-up-hapus .card .content2{margin:0 20px 20px}.master-mesin .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-mesin .pop-up-hapus .card .border2{border-bottom:1px solid #dbe9ff}.master-mesin .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-mesin .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-mesin .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-mesin .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-mesin .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-mesin .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-mesin .pop-up-hapus .card .button1 button:hover,.master-mesin .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-mesin .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.master-mesin .top-page .text-1{font-size:20px;font-weight:500;color:#354ebc}.master-mesin .top-page .group-button{display:flex;gap:10px}.master-mesin .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-mesin .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-mesin .top-page2{margin-bottom:20px;width:100%}.master-mesin .top-page2 .search-bar{width:100%;margin-right:10px}.master-mesin .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.master-mesin .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px 11px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#000;align-items:center}.master-mesin .top-page2 input::placeholder{color:#aeaeae}.master-mesin .top-page2 .search-icon{position:absolute;left:15px}.master-mesin .top-page2 .search-icon i{font-size:16px;color:#686868;align-items:center}.master-mesin .top-page2 .select-wrapper-arrow{position:relative;width:15%;margin-right:10px}.master-mesin .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-mesin .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#686868}.master-mesin .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.master-mesin .top-page2 .dropdown-size{flex:1;margin-right:10px}.master-mesin .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.master-mesin .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:11px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap;font-size:14px}.master-mesin .top-page2 .button2{background-color:#fff;color:#3750bd;border:1px solid #3750BD;padding:10px 20px;border-radius:10px;cursor:pointer;justify-content:center;white-space:nowrap;font-weight:500;align-items:center;display:flex;gap:20px;margin-right:10px;font-size:14px}.master-mesin .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.master-mesin .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.master-mesin .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-mesin .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-mesin .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-mesin .table-box .dataTables_paginate .paginate_button a:focus,.master-mesin .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-mesin .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-mesin .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-mesin .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-mesin .table-box .ellipsis-container{position:relative;display:flex}.master-mesin .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-mesin .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.master-mesin .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.master-mesin .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.master-mesin .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.master-mesin .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.master-mesin .table-box .status-active p{font-weight:600}.master-mesin .table-box .status-inactive{padding:10px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px}.master-mesin .table-box .status-inactive p{font-weight:600}.master-mesin .table-box table{width:100%!important;border-collapse:collapse}.master-mesin .table-box table.dataTable thead .sorting:before,.master-mesin .table-box table.dataTable thead .sorting_asc:before,.master-mesin .table-box table.dataTable thead .sorting_desc:before,.master-mesin .table-box table.dataTable thead .sorting_asc_disabled:before,.master-mesin .table-box table.dataTable thead .sorting_desc_disabled:before,.master-mesin .table-box table.dataTable thead .sorting:after,.master-mesin .table-box table.dataTable thead .sorting_asc:after,.master-mesin .table-box table.dataTable thead .sorting_desc:after,.master-mesin .table-box table.dataTable thead .sorting_asc_disabled:after,.master-mesin .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-mesin .table-box th,.master-mesin .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.master-mesin .table-box th{background-color:#fafafa;font-weight:400}.master-mesin .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.master-mesin .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-mesin .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-mesin .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-mesin .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-mesin .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-mesin-add{margin:40px}.master-mesin-add p,.master-mesin-add h1{margin:0;padding:0}.master-mesin-add a,.master-mesin-add a:hover{text-decoration:none;color:#fff}.master-mesin-add input[type=date]{font-size:16px;color:#686868;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:10px;font-weight:400}.master-mesin-add input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.master-mesin-add input[type=date]::-ms-clear{display:none}.master-mesin-add .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-mesin-add .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-mesin-add .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-mesin-add .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-mesin-add .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-mesin-add .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-mesin-add .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-mesin-add .pop-up-simpan .card .button button:hover{opacity:.9}.master-mesin-add .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-mesin-add .top-page .groupDiv{display:flex}.master-mesin-add .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-mesin-add .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-mesin-add .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-mesin-add .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;font-size:14px}.master-mesin-add .box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.master-mesin-add .box .box-padding{padding:20px}.master-mesin-add .box .upload-button{display:flex;gap:20px;width:100%}.master-mesin-add .box .upload-button .button{display:flex;flex-direction:column;background-color:#fff;color:#666;border:1px dashed #524fa0;padding:48px 20px;height:fit-content;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;font-size:14px}.master-mesin-add .box .upload-button .text-beside-upload{display:flex;flex-direction:column;width:100%}.master-mesin-add .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;position:relative}.master-mesin-add .box .text-box svg{position:absolute;right:15px;top:60%;transform:translateY(-50%)}.master-mesin-add .box span{font-size:14px;color:#dc3545}.master-mesin-add .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-mesin-add .box .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-mesin-add .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-mesin-add .box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#000}.master-mesin-add .box .wrapper-upload{display:flex;width:100%;padding:40px 0;border-radius:10px;border:1px dashed #524FA0;justify-content:center;align-items:center}.master-mesin-add .box .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px}.master-mesin-add .box .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px}.master-mesin-add .box .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-mesin-add .box .box2 span{font-size:14px;color:#dc3545}.master-mesin-add .box .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px}.master-mesin-add .box .box3-out{display:flex;justify-content:center;align-items:center;padding:10px;gap:20px;background-color:#f5f4f4;border-radius:15px}.master-mesin-add .box .box3Container{display:flex;flex-direction:column;gap:10px;width:100%}.master-mesin-add .box .box3{display:flex;gap:20px;width:100%}.master-mesin-add .box .input-wrapper{position:relative;width:100%}.master-mesin-add .box .input1{width:100%;padding-right:40px}.master-mesin-add .box .input-unit{position:absolute;right:15px;top:45%;transform:translateY(-50%);color:#999;pointer-events:none}.master-mesin-add .box textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px!important}.master-mesin-add .box .input-alamat{height:150px}.master-mesin-ubah{margin:40px}.master-mesin-ubah p,.master-mesin-ubah h1{margin:0;padding:0}.master-mesin-ubah a,.master-mesin-ubah a:hover{text-decoration:none;color:#fff}.master-mesin-ubah input[type=date]{font-size:16px;color:#686868;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:10px;font-weight:400}.master-mesin-ubah .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-mesin-ubah .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-mesin-ubah .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-mesin-ubah .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-mesin-ubah .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-mesin-ubah .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-mesin-ubah .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-mesin-ubah .pop-up-simpan .card .button button:hover{opacity:.9}.master-mesin-ubah .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-mesin-ubah .top-page .groupDiv{display:flex}.master-mesin-ubah .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-mesin-ubah .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-mesin-ubah .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-mesin-ubah .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;font-size:14px}.master-mesin-ubah .box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.master-mesin-ubah .box .box-padding{padding:20px}.master-mesin-ubah .box .upload-button{display:flex;gap:20px;width:100%}.master-mesin-ubah .box .upload-button .button{display:flex;flex-direction:column;background-color:#fff;color:#666;border:1px dashed #524fa0;padding:48px 20px;height:fit-content;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;font-size:14px}.master-mesin-ubah .box .upload-button .text-beside-upload{display:flex;flex-direction:column;width:100%}.master-mesin-ubah .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;position:relative}.master-mesin-ubah .box .text-box svg{position:absolute;right:15px;top:60%;transform:translateY(-50%)}.master-mesin-ubah .box span{font-size:14px;color:#dc3545}.master-mesin-ubah .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-mesin-ubah .box .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-mesin-ubah .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-mesin-ubah .box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#000}.master-mesin-ubah .box .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px}.master-mesin-ubah .box .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px}.master-mesin-ubah .box .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-mesin-ubah .box .box2 span{font-size:14px;color:#dc3545}.master-mesin-ubah .box .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px}.master-mesin-ubah .box .box3-out{display:flex;justify-content:center;align-items:center;padding:10px;gap:20px;background-color:#f5f4f4;border-radius:15px}.master-mesin-ubah .box .box3Container{display:flex;flex-direction:column;gap:10px;width:100%}.master-mesin-ubah .box .box3{display:flex;gap:20px;width:100%}.master-mesin-ubah .box .input-wrapper{position:relative;width:100%}.master-mesin-ubah .box .input1{width:100%;padding-right:40px}.master-mesin-ubah .box .input-unit{position:absolute;right:15px;top:45%;transform:translateY(-50%);color:#999;pointer-events:none}.master-mesin-ubah .box textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px!important}.master-mesin-ubah .box .input-alamat{height:150px}.master-mesin-detail .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-mesin-detail{margin:40px}.master-mesin-detail .input-style{color:#666;padding-top:15px;padding-bottom:5px;border-bottom:1px solid #DEDDDD}.master-mesin-detail .input-style2{color:#666;padding:10px;border:1px solid #DEDDDD;border-radius:10px;background-color:#eaeaea}.master-mesin-detail .input-style2 p{margin:0;padding:0}.master-mesin-detail .button2{display:flex;justify-content:center;align-self:center;padding:10px 20px;font-size:14px;background-color:#fff;border-radius:15px;border:none;color:#354ebc;border:1px solid #354EBC}.master-mesin-detail p,.master-mesin-detail h1{margin:0;padding:0}.master-mesin-detail a,.master-mesin-detail a:hover{text-decoration:none;color:#fff}.master-mesin-detail .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-mesin-detail .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-mesin-detail .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-mesin-detail .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-mesin-detail .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-mesin-detail .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-mesin-detail .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-mesin-detail .pop-up-simpan .card .button button:hover{opacity:.9}.master-mesin-detail .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-mesin-detail .top-page .groupDiv{display:flex}.master-mesin-detail .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-mesin-detail .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-mesin-detail .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-mesin-detail .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-mesin-detail .box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.master-mesin-detail .box .box-padding{padding:20px}.master-mesin-detail .box .upload-button{display:flex;gap:20px;width:100%}.master-mesin-detail .box .upload-button .button{display:flex;flex-direction:column;background-color:#fff;color:#666;border:1px dashed #524FA0;padding:35px 20px;height:fit-content;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-mesin-detail .box .upload-button .button img{width:125px;height:100px}.master-mesin-detail .box .upload-button .text-beside-upload{display:flex;flex-direction:column;width:100%}.master-mesin-detail .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px}.master-mesin-detail .box span{font-size:16px;color:#dc3545}.master-mesin-detail .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-mesin-detail .box .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-mesin-detail .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-mesin-detail .box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;line-height:normal;color:#000;letter-spacing:.5px}.master-mesin-detail .box .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px}.master-mesin-detail .box .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px}.master-mesin-detail .box .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-mesin-detail .box .box2 span{font-size:14px;color:#dc3545}.master-mesin-detail .box .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px}.master-mesin-detail .box .box2-1{display:flex;justify-content:center;align-self:center;width:100%;gap:20px}.master-mesin-detail .box .box2-1 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px}.master-mesin-detail .box .box2-1 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-mesin-detail .box .box2-1 span{font-size:14px;color:#dc3545}.master-mesin-detail .box .box2-1 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px;font-size:14px}.master-mesin-detail .box .box3-out{display:flex;justify-content:center;align-items:center;padding:10px;gap:20px;background-color:#f5f4f4;border-radius:15px}.master-mesin-detail .box .box3Container{display:flex;flex-direction:column;gap:10px;width:100%}.master-mesin-detail .box .box3{display:flex;gap:20px;width:100%}.master-mesin-detail .box .box3 input{margin:0}.master-mesin-detail .box textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-mesin-detail .box .input-alamat{height:150px}.master-mesin-report{margin:40px}.master-mesin-report p,.master-mesin-report h1{margin:0;padding:0}.master-mesin-report a,.master-mesin-report a:hover{text-decoration:none;color:#fff}.master-mesin-report .image-container{display:flex;align-items:center;gap:10px;justify-content:center}.master-mesin-report textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-mesin-report .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-mesin-report .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-mesin-report .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-mesin-report .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-mesin-report .pop-up-ubah .card .content2{margin:0 20px 20px}.master-mesin-report .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-mesin-report .pop-up-ubah .card .border2{border-bottom:1px solid #DBE9FF}.master-mesin-report .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-mesin-report .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-mesin-report .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-mesin-report .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-mesin-report .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-mesin-report .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-mesin-report .pop-up-ubah .card .button1 button:hover,.master-mesin-report .pop-up-ubah .card .button2 button:hover{opacity:.9}.master-mesin-report .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-mesin-report .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-mesin-report .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-mesin-report .pop-up-hapus .card .title i{font-size:25px}.master-mesin-report .pop-up-hapus .card .content2{margin:0 20px 20px}.master-mesin-report .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-mesin-report .pop-up-hapus .card .border2{border-bottom:1px solid #DBE9FF}.master-mesin-report .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-mesin-report .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-mesin-report .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-mesin-report .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-mesin-report .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-mesin-report .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-mesin-report .pop-up-hapus .card .button1 button:hover,.master-mesin-report .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-mesin-report .pop-up-img{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;z-index:999;display:none;justify-content:center;align-items:center}.master-mesin-report .pop-up-img i{position:fixed;font-size:30px;top:50px;right:50px;cursor:pointer}.master-mesin-report .pop-up-img #selectedImage{width:40%;position:fixed;top:15%}.master-mesin-report .pop-up-img div{display:flex;gap:20px;position:fixed;top:77%;justify-content:center}.master-mesin-report .pop-up-img div img{width:8%;border-radius:10px}.master-mesin-report .pop-up-img div img.active{border:2px solid #354EBC}.master-mesin-report .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-mesin-report .top-page .groupDiv{display:flex}.master-mesin-report .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-mesin-report .top-page .text-1{font-size:24px;font-weight:300;color:#354ebc}.master-mesin-report .top-page span{font-size:24px;font-weight:500;color:#354ebc}.master-mesin-report .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-mesin-report .top-page2{margin-bottom:20px;width:100%}.master-mesin-report .top-page2 .search-bar{width:55%;margin-right:10px}.master-mesin-report .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.master-mesin-report .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px 13px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#000;letter-spacing:.5px;align-items:center}.master-mesin-report .top-page2 input::placeholder{color:#aeaeae}.master-mesin-report .top-page2 .search-icon{position:absolute;left:15px}.master-mesin-report .top-page2 .search-icon i{font-size:18px;color:#686868;align-items:center}.master-mesin-report .top-page2 .select-wrapper-arrow{position:relative;width:15%;margin-right:10px}.master-mesin-report .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-mesin-report .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-mesin-report .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.master-mesin-report .top-page2 .dropdown-size{flex:1;margin-right:10px}.master-mesin-report .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.master-mesin-report .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-mesin-report .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.master-mesin-report .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.master-mesin-report .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-mesin-report .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-mesin-report .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-mesin-report .table-box .dataTables_paginate .paginate_button a:focus,.master-mesin-report .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-mesin-report .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-mesin-report .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-mesin-report .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-mesin-report .table-box .ellipsis-container{position:relative;display:flex}.master-mesin-report .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-mesin-report .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-15px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.master-mesin-report .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.master-mesin-report .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.master-mesin-report .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.master-mesin-report .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.master-mesin-report .table-box .status-active p{font-weight:600}.master-mesin-report .table-box .status-inactive{padding:10px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px}.master-mesin-report .table-box .status-inactive p{font-weight:600}.master-mesin-report .table-box table{width:100%!important;border-collapse:collapse}.master-mesin-report .table-box table.dataTable thead .sorting:before,.master-mesin-report .table-box table.dataTable thead .sorting_asc:before,.master-mesin-report .table-box table.dataTable thead .sorting_desc:before,.master-mesin-report .table-box table.dataTable thead .sorting_asc_disabled:before,.master-mesin-report .table-box table.dataTable thead .sorting_desc_disabled:before,.master-mesin-report .table-box table.dataTable thead .sorting:after,.master-mesin-report .table-box table.dataTable thead .sorting_asc:after,.master-mesin-report .table-box table.dataTable thead .sorting_desc:after,.master-mesin-report .table-box table.dataTable thead .sorting_asc_disabled:after,.master-mesin-report .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-mesin-report .table-box th,.master-mesin-report .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px}.master-mesin-report .table-box th{background-color:#fafafa;font-weight:400}.master-mesin-report .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.master-mesin-report .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-mesin-report .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-mesin-report .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-mesin-report .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-mesin-report .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-trolley{margin:40px}.master-trolley p,.master-trolley h1{margin:0;padding:0}.master-trolley a,.master-trolley a:hover{text-decoration:none;color:#fff}.master-trolley .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-trolley .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-trolley .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-trolley .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-trolley .pop-up-ubah .card .content2{margin:0 20px 20px}.master-trolley .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-trolley .pop-up-ubah .card .border2{border-bottom:1px solid #DBE9FF}.master-trolley .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trolley .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trolley .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-trolley .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-trolley .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley .pop-up-ubah .card .button1 button:hover,.master-trolley .pop-up-ubah .card .button2 button:hover{opacity:.9}.master-trolley .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-trolley .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-trolley .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-trolley .pop-up-hapus .card .title i{font-size:25px}.master-trolley .pop-up-hapus .card .content2{margin:0 20px 20px}.master-trolley .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-trolley .pop-up-hapus .card .border2{border-bottom:1px solid #DBE9FF}.master-trolley .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trolley .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trolley .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-trolley .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-trolley .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley .pop-up-hapus .card .button1 button:hover,.master-trolley .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-trolley .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.master-trolley .top-page .text-1{font-size:20px;font-weight:500;color:#354ebc}.master-trolley .top-page .group-button{display:flex;gap:10px}.master-trolley .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-trolley .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-trolley .top-page2{margin-bottom:20px;width:100%}.master-trolley .top-page2 .date{display:flex;margin-right:10px}.master-trolley .top-page2 .date ::-webkit-datetime-edit-fields-wrapper{display:flex;position:relative;justify-content:center}.master-trolley .top-page2 .date .date-style1::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;right:50px;cursor:pointer}.master-trolley .top-page2 .date .date-style2::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;left:10px;cursor:pointer}.master-trolley .top-page2 .date .arrow-date{border:1px solid #DEDDDD;border-right:none;border-left:none;background-color:#fff;padding:12px 5px}.master-trolley .top-page2 .date .date-icon{border:1px solid #DEDDDD;border-left:none;background-color:#fff;padding:12px 15px 12px 0;border-radius:0 10px 10px 0}.master-trolley .top-page2 .date .date-style1,.master-trolley .top-page2 .date .date-style2{border:1px solid #DEDDDD;padding:12px 5px;font-size:16px;font-weight:300;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none}.master-trolley .top-page2 .date .date-style1{border-radius:10px 0 0 10px;border-right:none}.master-trolley .top-page2 .date .date-style2{border-radius:0;border-right:none;border-left:none}.master-trolley .top-page2 .date input:focus{border-color:#dedddd;outline:none}.master-trolley .top-page2 .search-bar{width:55%;margin-right:10px}.master-trolley .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.master-trolley .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px 11px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#000;align-items:center}.master-trolley .top-page2 input::placeholder{color:#aeaeae}.master-trolley .top-page2 .search-icon{position:absolute;left:15px}.master-trolley .top-page2 .search-icon i{font-size:16px;color:#686868;align-items:center}.master-trolley .top-page2 .select-wrapper-arrow{position:relative;width:15%;margin-right:10px}.master-trolley .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trolley .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#686868}.master-trolley .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.master-trolley .top-page2 .dropdown-size{flex:1;margin-right:10px}.master-trolley .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.master-trolley .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap;font-size:14px}.master-trolley .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.master-trolley .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.master-trolley .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-trolley .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-trolley .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-trolley .table-box .dataTables_paginate .paginate_button a:focus,.master-trolley .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-trolley .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-trolley .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-trolley .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-trolley .table-box .ellipsis-container{position:relative;display:flex}.master-trolley .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-trolley .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.master-trolley .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.master-trolley .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.master-trolley .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.master-trolley .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.master-trolley .table-box .status-active p{font-weight:600}.master-trolley .table-box .status-inactive{padding:10px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px}.master-trolley .table-box .status-inactive p{font-weight:600}.master-trolley .table-box table{width:100%!important;border-collapse:collapse}.master-trolley .table-box table.dataTable thead .sorting:before,.master-trolley .table-box table.dataTable thead .sorting_asc:before,.master-trolley .table-box table.dataTable thead .sorting_desc:before,.master-trolley .table-box table.dataTable thead .sorting_asc_disabled:before,.master-trolley .table-box table.dataTable thead .sorting_desc_disabled:before,.master-trolley .table-box table.dataTable thead .sorting:after,.master-trolley .table-box table.dataTable thead .sorting_asc:after,.master-trolley .table-box table.dataTable thead .sorting_desc:after,.master-trolley .table-box table.dataTable thead .sorting_asc_disabled:after,.master-trolley .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-trolley .table-box th,.master-trolley .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.master-trolley .table-box th{background-color:#fafafa;font-weight:400;padding-right:20px}.master-trolley .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.master-trolley .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-trolley .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-trolley .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-trolley .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-trolley .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-trolley-add{margin:40px}.master-trolley-add p,.master-trolley-add h1{margin:0;padding:0}.master-trolley-add a,.master-trolley-add a:hover{text-decoration:none;color:#fff}.master-trolley-add input[type=date]{font-size:14px;color:#686868;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:10px;font-weight:400}.master-trolley-add .pop-up-ubah-sub{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center;padding-bottom:100px}.master-trolley-add .pop-up-ubah-sub .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px;padding:0 20px}.master-trolley-add .pop-up-ubah-sub .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px}.master-trolley-add .pop-up-ubah-sub .box2 .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px;width:100%;position:relative}.master-trolley-add .pop-up-ubah-sub .box2 .text-box svg{position:absolute;right:15px;top:65%;transform:translateY(-50%)}.master-trolley-add .pop-up-ubah-sub .box2 span{font-size:16px;color:#dc3545}.master-trolley-add .pop-up-ubah-sub .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px}.master-trolley-add .pop-up-ubah-sub .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:700px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-trolley-add .pop-up-ubah-sub .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-trolley-add .pop-up-ubah-sub .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-trolley-add .pop-up-ubah-sub .card .content2{margin:0 20px 20px}.master-trolley-add .pop-up-ubah-sub .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-trolley-add .pop-up-ubah-sub .card .border2{border-bottom:1px solid #DBE9FF}.master-trolley-add .pop-up-ubah-sub .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trolley-add .pop-up-ubah-sub .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trolley-add .pop-up-ubah-sub .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-trolley-add .pop-up-ubah-sub .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-trolley-add .pop-up-ubah-sub .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-add .pop-up-ubah-sub .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-add .pop-up-ubah-sub .card .button1 button:hover,.master-trolley-add .pop-up-ubah-sub .card .button2 button:hover{opacity:.9}.master-trolley-add .pop-up-add-sub{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center;padding-bottom:100px}.master-trolley-add .pop-up-add-sub input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.master-trolley-add .pop-up-add-sub .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px;padding:0 20px}.master-trolley-add .pop-up-add-sub .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px}.master-trolley-add .pop-up-add-sub .box2 .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px;width:100%;position:relative}.master-trolley-add .pop-up-add-sub .box2 .text-box svg{position:absolute;right:15px;top:65%;transform:translateY(-50%)}.master-trolley-add .pop-up-add-sub .box2 span{font-size:16px;color:#dc3545}.master-trolley-add .pop-up-add-sub .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px}.master-trolley-add .pop-up-add-sub .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:700px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-trolley-add .pop-up-add-sub .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-trolley-add .pop-up-add-sub .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-trolley-add .pop-up-add-sub .card .content2{margin:0 20px 20px}.master-trolley-add .pop-up-add-sub .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-trolley-add .pop-up-add-sub .card .border2{border-bottom:1px solid #DBE9FF}.master-trolley-add .pop-up-add-sub .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trolley-add .pop-up-add-sub .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trolley-add .pop-up-add-sub .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-trolley-add .pop-up-add-sub .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-trolley-add .pop-up-add-sub .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-add .pop-up-add-sub .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-add .pop-up-add-sub .card .button1 button:hover,.master-trolley-add .pop-up-add-sub .card .button2 button:hover{opacity:.9}.master-trolley-add .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-trolley-add .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-trolley-add .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-trolley-add .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-trolley-add .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-trolley-add .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-trolley-add .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-trolley-add .pop-up-simpan .card .button button:hover{opacity:.9}.master-trolley-add .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-trolley-add .top-page .groupDiv{display:flex}.master-trolley-add .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-trolley-add .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-trolley-add .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-trolley-add .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-trolley-add .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-trolley-add .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-trolley-add .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-trolley-add .pop-up-hapus .card .title i{font-size:25px}.master-trolley-add .pop-up-hapus .card .content2{margin:0 20px 20px}.master-trolley-add .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-trolley-add .pop-up-hapus .card .border2{border-bottom:1px solid #DBE9FF}.master-trolley-add .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trolley-add .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trolley-add .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-trolley-add .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-trolley-add .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-add .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-add .pop-up-hapus .card .button1 button:hover,.master-trolley-add .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-trolley-add .box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.master-trolley-add .box .box-padding{padding:20px}.master-trolley-add .box .box-padding .top{display:flex;align-items:center;justify-content:space-between;margin-top:10px;margin-bottom:10px}.master-trolley-add .box .box-padding .top p{font-size:20px;font-weight:300;color:#408df0}.master-trolley-add .box .box-padding .top .button2{display:flex;background-color:#354ebc;border-radius:10px;align-items:center;justify-content:center;padding:0 15px;font-size:14px}.master-trolley-add .box .box-padding .top .button2 a{color:#fff;padding:10px 0 10px 10px;text-decoration:none;font-size:14px}.master-trolley-add .box .box-padding .border2{border:.5px solid #E5E5E5;margin-top:20px}.master-trolley-add .box .box-padding .table-box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box;margin-top:20px;position:relative}.master-trolley-add .box .box-padding .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.master-trolley-add .box .box-padding .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-trolley-add .box .box-padding .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-trolley-add .box .box-padding .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-trolley-add .box .box-padding .table-box .dataTables_paginate .paginate_button a:focus,.master-trolley-add .box .box-padding .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-trolley-add .box .box-padding .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-trolley-add .box .box-padding .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-trolley-add .box .box-padding .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-trolley-add .box .box-padding .table-box .ellipsis-container{position:relative;display:flex}.master-trolley-add .box .box-padding .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-trolley-add .box .box-padding .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.master-trolley-add .box .box-padding .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.master-trolley-add .box .box-padding .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.master-trolley-add .box .box-padding .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.master-trolley-add .box .box-padding .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.master-trolley-add .box .box-padding .table-box .status-active p{font-weight:600}.master-trolley-add .box .box-padding .table-box .status-inactive{padding:10px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px}.master-trolley-add .box .box-padding .table-box .status-inactive p{font-weight:600}.master-trolley-add .box .box-padding .table-box table{width:100%!important;border-collapse:collapse}.master-trolley-add .box .box-padding .table-box table.dataTable thead .sorting:before,.master-trolley-add .box .box-padding .table-box table.dataTable thead .sorting_asc:before,.master-trolley-add .box .box-padding .table-box table.dataTable thead .sorting_desc:before,.master-trolley-add .box .box-padding .table-box table.dataTable thead .sorting_asc_disabled:before,.master-trolley-add .box .box-padding .table-box table.dataTable thead .sorting_desc_disabled:before,.master-trolley-add .box .box-padding .table-box table.dataTable thead .sorting:after,.master-trolley-add .box .box-padding .table-box table.dataTable thead .sorting_asc:after,.master-trolley-add .box .box-padding .table-box table.dataTable thead .sorting_desc:after,.master-trolley-add .box .box-padding .table-box table.dataTable thead .sorting_asc_disabled:after,.master-trolley-add .box .box-padding .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-trolley-add .box .box-padding .table-box th,.master-trolley-add .box .box-padding .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.master-trolley-add .box .box-padding .table-box th{background-color:#fafafa;font-weight:400}.master-trolley-add .box .box-padding .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-trolley-add .box .box-padding .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-trolley-add .box .box-padding .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-trolley-add .box .upload-button{display:flex;gap:20px;width:100%}.master-trolley-add .box .upload-button .button{display:flex;flex-direction:column;background-color:#fff;color:#666;border:1px dashed #524FA0;padding:48px 20px;height:fit-content;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-trolley-add .box .upload-button .text-beside-upload{display:flex;flex-direction:column;width:100%}.master-trolley-add .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px}.master-trolley-add .box span{font-size:14px;color:#dc3545}.master-trolley-add .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-trolley-add .box .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trolley-add .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trolley-add .box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#000}.master-trolley-add .box .select-wrapper-arrow3{position:relative;width:100%;margin-right:10px}.master-trolley-add .box .select-wrapper-arrow3 span{color:#333!important}.master-trolley-add .box .select-wrapper-arrow3:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;pointer-events:none}.master-trolley-add .box .select-wrapper-arrow3 .select2-container{width:100%!important}.master-trolley-add .box .select-wrapper-arrow3 .select2-selection--multiple{border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:6px 8px 12px;font-size:14px;line-height:normal;color:#000;height:auto}.master-trolley-add .box .select-wrapper-arrow3 .select2-selection__choice{background-color:#e0e0e0;border:none;border-radius:5px;color:#333;margin-top:5px}.master-trolley-add .box .select-wrapper-arrow3 .select2-selection__placeholder{color:#999}.master-trolley-add .box .select-wrapper-arrow2{position:relative;width:100%;margin-right:10px}.master-trolley-add .box .select-wrapper-arrow2 select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;line-height:normal;color:#000;letter-spacing:.5px}.master-trolley-add .box .custom-input{width:100%!important;border-radius:10px!important;border:1px solid #DEDDDD!important;background-color:#fff!important;padding:11px 20px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px!important;line-height:normal!important;color:#000!important;letter-spacing:.5px!important}.master-trolley-add .box .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px}.master-trolley-add .box .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px}.master-trolley-add .box .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-trolley-add .box .box2 span{font-size:14px;color:#dc3545}.master-trolley-add .box .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px}.master-trolley-ubah{margin:40px}.master-trolley-ubah p,.master-trolley-ubah h1{margin:0;padding:0}.master-trolley-ubah a,.master-trolley-ubah a:hover{text-decoration:none;color:#fff}.master-trolley-ubah input[type=date]{font-size:14px;color:#686868;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:10px;font-weight:400}.master-trolley-ubah .pop-up-ubah-sub{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center;padding-bottom:100px}.master-trolley-ubah .pop-up-ubah-sub .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px;padding:0 20px}.master-trolley-ubah .pop-up-ubah-sub .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px}.master-trolley-ubah .pop-up-ubah-sub .box2 .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px;width:100%;position:relative}.master-trolley-ubah .pop-up-ubah-sub .box2 .text-box svg{position:absolute;right:15px;top:65%;transform:translateY(-50%)}.master-trolley-ubah .pop-up-ubah-sub .box2 span{font-size:16px;color:#dc3545}.master-trolley-ubah .pop-up-ubah-sub .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px}.master-trolley-ubah .pop-up-ubah-sub .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:700px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-trolley-ubah .pop-up-ubah-sub .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-trolley-ubah .pop-up-ubah-sub .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-trolley-ubah .pop-up-ubah-sub .card .content2{margin:0 20px 20px}.master-trolley-ubah .pop-up-ubah-sub .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-trolley-ubah .pop-up-ubah-sub .card .border2{border-bottom:1px solid #DBE9FF}.master-trolley-ubah .pop-up-ubah-sub .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trolley-ubah .pop-up-ubah-sub .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trolley-ubah .pop-up-ubah-sub .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-trolley-ubah .pop-up-ubah-sub .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-trolley-ubah .pop-up-ubah-sub .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-ubah .pop-up-ubah-sub .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-ubah .pop-up-ubah-sub .card .button1 button:hover,.master-trolley-ubah .pop-up-ubah-sub .card .button2 button:hover{opacity:.9}.master-trolley-ubah .pop-up-add-sub{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center;padding-bottom:100px}.master-trolley-ubah .pop-up-add-sub input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.master-trolley-ubah .pop-up-add-sub .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px;padding:0 20px}.master-trolley-ubah .pop-up-add-sub .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px}.master-trolley-ubah .pop-up-add-sub .box2 .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px;width:100%;position:relative}.master-trolley-ubah .pop-up-add-sub .box2 .text-box svg{position:absolute;right:15px;top:65%;transform:translateY(-50%)}.master-trolley-ubah .pop-up-add-sub .box2 span{font-size:16px;color:#dc3545}.master-trolley-ubah .pop-up-add-sub .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px}.master-trolley-ubah .pop-up-add-sub .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:700px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-trolley-ubah .pop-up-add-sub .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-trolley-ubah .pop-up-add-sub .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-trolley-ubah .pop-up-add-sub .card .content2{margin:0 20px 20px}.master-trolley-ubah .pop-up-add-sub .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-trolley-ubah .pop-up-add-sub .card .border2{border-bottom:1px solid #DBE9FF}.master-trolley-ubah .pop-up-add-sub .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trolley-ubah .pop-up-add-sub .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trolley-ubah .pop-up-add-sub .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-trolley-ubah .pop-up-add-sub .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-trolley-ubah .pop-up-add-sub .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-ubah .pop-up-add-sub .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-ubah .pop-up-add-sub .card .button1 button:hover,.master-trolley-ubah .pop-up-add-sub .card .button2 button:hover{opacity:.9}.master-trolley-ubah .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-trolley-ubah .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-trolley-ubah .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-trolley-ubah .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-trolley-ubah .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-trolley-ubah .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-trolley-ubah .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-trolley-ubah .pop-up-simpan .card .button button:hover{opacity:.9}.master-trolley-ubah .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-trolley-ubah .top-page .groupDiv{display:flex}.master-trolley-ubah .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-trolley-ubah .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-trolley-ubah .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-trolley-ubah .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-trolley-ubah .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-trolley-ubah .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-trolley-ubah .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-trolley-ubah .pop-up-hapus .card .title i{font-size:25px}.master-trolley-ubah .pop-up-hapus .card .content2{margin:0 20px 20px}.master-trolley-ubah .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-trolley-ubah .pop-up-hapus .card .border2{border-bottom:1px solid #DBE9FF}.master-trolley-ubah .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trolley-ubah .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trolley-ubah .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-trolley-ubah .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-trolley-ubah .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-ubah .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-ubah .pop-up-hapus .card .button1 button:hover,.master-trolley-ubah .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-trolley-ubah .box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.master-trolley-ubah .box .box-padding{padding:20px}.master-trolley-ubah .box .box-padding .top{display:flex;align-items:center;justify-content:space-between;margin-top:10px;margin-bottom:10px}.master-trolley-ubah .box .box-padding .top p{font-size:20px;font-weight:300;color:#408df0}.master-trolley-ubah .box .box-padding .top .button2{display:flex;background-color:#354ebc;border-radius:10px;align-items:center;justify-content:center;padding:0 15px;font-size:14px}.master-trolley-ubah .box .box-padding .top .button2 a{color:#fff;padding:10px 0 10px 10px;text-decoration:none;font-size:14px}.master-trolley-ubah .box .box-padding .border2{border:.5px solid #E5E5E5;margin-top:20px}.master-trolley-ubah .box .box-padding .table-box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box;margin-top:20px;position:relative}.master-trolley-ubah .box .box-padding .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.master-trolley-ubah .box .box-padding .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-trolley-ubah .box .box-padding .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-trolley-ubah .box .box-padding .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-trolley-ubah .box .box-padding .table-box .dataTables_paginate .paginate_button a:focus,.master-trolley-ubah .box .box-padding .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-trolley-ubah .box .box-padding .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-trolley-ubah .box .box-padding .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-trolley-ubah .box .box-padding .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-trolley-ubah .box .box-padding .table-box .ellipsis-container{position:relative;display:flex}.master-trolley-ubah .box .box-padding .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-trolley-ubah .box .box-padding .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.master-trolley-ubah .box .box-padding .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.master-trolley-ubah .box .box-padding .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.master-trolley-ubah .box .box-padding .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.master-trolley-ubah .box .box-padding .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.master-trolley-ubah .box .box-padding .table-box .status-active p{font-weight:600}.master-trolley-ubah .box .box-padding .table-box .status-inactive{padding:10px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px}.master-trolley-ubah .box .box-padding .table-box .status-inactive p{font-weight:600}.master-trolley-ubah .box .box-padding .table-box table{width:100%!important;border-collapse:collapse}.master-trolley-ubah .box .box-padding .table-box table.dataTable thead .sorting:before,.master-trolley-ubah .box .box-padding .table-box table.dataTable thead .sorting_asc:before,.master-trolley-ubah .box .box-padding .table-box table.dataTable thead .sorting_desc:before,.master-trolley-ubah .box .box-padding .table-box table.dataTable thead .sorting_asc_disabled:before,.master-trolley-ubah .box .box-padding .table-box table.dataTable thead .sorting_desc_disabled:before,.master-trolley-ubah .box .box-padding .table-box table.dataTable thead .sorting:after,.master-trolley-ubah .box .box-padding .table-box table.dataTable thead .sorting_asc:after,.master-trolley-ubah .box .box-padding .table-box table.dataTable thead .sorting_desc:after,.master-trolley-ubah .box .box-padding .table-box table.dataTable thead .sorting_asc_disabled:after,.master-trolley-ubah .box .box-padding .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-trolley-ubah .box .box-padding .table-box th,.master-trolley-ubah .box .box-padding .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.master-trolley-ubah .box .box-padding .table-box th{background-color:#fafafa;font-weight:400}.master-trolley-ubah .box .box-padding .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-trolley-ubah .box .box-padding .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-trolley-ubah .box .box-padding .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-trolley-ubah .box .upload-button{display:flex;gap:20px;width:100%}.master-trolley-ubah .box .upload-button .button{display:flex;flex-direction:column;background-color:#fff;color:#666;border:1px dashed #524FA0;padding:48px 20px;height:fit-content;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-trolley-ubah .box .upload-button .text-beside-upload{display:flex;flex-direction:column;width:100%}.master-trolley-ubah .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px}.master-trolley-ubah .box span{font-size:14px;color:#dc3545}.master-trolley-ubah .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-trolley-ubah .box .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trolley-ubah .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trolley-ubah .box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#000}.master-trolley-ubah .box .select-wrapper-arrow3{position:relative;width:100%;margin-right:10px}.master-trolley-ubah .box .select-wrapper-arrow3 span{color:#333!important}.master-trolley-ubah .box .select-wrapper-arrow3:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;pointer-events:none}.master-trolley-ubah .box .select-wrapper-arrow3 .select2-container{width:100%!important}.master-trolley-ubah .box .select-wrapper-arrow3 .select2-selection--multiple{border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:6px 8px 12px;font-size:14px;line-height:normal;color:#000;height:auto}.master-trolley-ubah .box .select-wrapper-arrow3 .select2-selection__choice{background-color:#e0e0e0;border:none;border-radius:5px;color:#333;margin-top:5px}.master-trolley-ubah .box .select-wrapper-arrow3 .select2-selection__placeholder{color:#999}.master-trolley-ubah .box .select-wrapper-arrow2{position:relative;width:100%;margin-right:10px}.master-trolley-ubah .box .select-wrapper-arrow2 select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;line-height:normal;color:#000;letter-spacing:.5px}.master-trolley-ubah .box .custom-input{width:100%!important;border-radius:10px!important;border:1px solid #DEDDDD!important;background-color:#fff!important;padding:11px 20px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px!important;line-height:normal!important;color:#000!important;letter-spacing:.5px!important}.master-trolley-ubah .box .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px}.master-trolley-ubah .box .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px}.master-trolley-ubah .box .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-trolley-ubah .box .box2 span{font-size:14px;color:#dc3545}.master-trolley-ubah .box .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px}.master-trolley-detail{margin:40px}.master-trolley-detail .status{padding:10px;border-radius:10px;margin:0 10px;text-align:center}.master-trolley-detail .status.active,.master-trolley-detail .status.Active{background-color:#e9f7ef!important;color:#28a745!important}.master-trolley-detail .status.inactive,.master-trolley-detail .status.Inactive{background-color:#fddae1!important;color:#f4406b!important}.master-trolley-detail p,.master-trolley-detail h1{margin:0;padding:0}.master-trolley-detail a,.master-trolley-detail a:hover{text-decoration:none;color:#fff}.master-trolley-detail .button2{display:flex;justify-content:center;align-self:center;padding:10px 20px;font-size:14px;background-color:#fff;border-radius:15px;border:none;color:#354ebc;border:1px solid #354ebc}.master-trolley-detail .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-trolley-detail .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-trolley-detail .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-trolley-detail .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-trolley-detail .pop-up-ubah .card .content2{margin:0 20px 20px}.master-trolley-detail .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-trolley-detail .pop-up-ubah .card .border2{border-bottom:1px solid #dbe9ff}.master-trolley-detail .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trolley-detail .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trolley-detail .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-trolley-detail .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-trolley-detail .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-detail .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-detail .pop-up-ubah .card .button1 button:hover,.master-trolley-detail .pop-up-ubah .card .button2 button:hover{opacity:.9}.master-trolley-detail .pop-up-ubah-sub{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-trolley-detail .pop-up-ubah-sub .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px;padding:0 20px}.master-trolley-detail .pop-up-ubah-sub .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px}.master-trolley-detail .pop-up-ubah-sub .box2 .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-trolley-detail .pop-up-ubah-sub .box2 span{font-size:16px;color:#dc3545}.master-trolley-detail .pop-up-ubah-sub .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px}.master-trolley-detail .pop-up-ubah-sub .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:700px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-trolley-detail .pop-up-ubah-sub .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-trolley-detail .pop-up-ubah-sub .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-trolley-detail .pop-up-ubah-sub .card .content2{margin:0 20px 20px}.master-trolley-detail .pop-up-ubah-sub .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-trolley-detail .pop-up-ubah-sub .card .border2{border-bottom:1px solid #dbe9ff}.master-trolley-detail .pop-up-ubah-sub .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trolley-detail .pop-up-ubah-sub .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trolley-detail .pop-up-ubah-sub .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-trolley-detail .pop-up-ubah-sub .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-trolley-detail .pop-up-ubah-sub .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-detail .pop-up-ubah-sub .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-detail .pop-up-ubah-sub .card .button1 button:hover,.master-trolley-detail .pop-up-ubah-sub .card .button2 button:hover{opacity:.9}.master-trolley-detail .pop-up-add-sub{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-trolley-detail .pop-up-add-sub input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.master-trolley-detail .pop-up-add-sub .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px;padding:0 20px}.master-trolley-detail .pop-up-add-sub .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px}.master-trolley-detail .pop-up-add-sub .box2 .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-trolley-detail .pop-up-add-sub .box2 span{font-size:16px;color:#dc3545}.master-trolley-detail .pop-up-add-sub .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px}.master-trolley-detail .pop-up-add-sub .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:700px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-trolley-detail .pop-up-add-sub .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-trolley-detail .pop-up-add-sub .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-trolley-detail .pop-up-add-sub .card .content2{margin:0 20px 20px}.master-trolley-detail .pop-up-add-sub .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-trolley-detail .pop-up-add-sub .card .border2{border-bottom:1px solid #dbe9ff}.master-trolley-detail .pop-up-add-sub .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trolley-detail .pop-up-add-sub .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trolley-detail .pop-up-add-sub .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-trolley-detail .pop-up-add-sub .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-trolley-detail .pop-up-add-sub .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-detail .pop-up-add-sub .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-detail .pop-up-add-sub .card .button1 button:hover,.master-trolley-detail .pop-up-add-sub .card .button2 button:hover{opacity:.9}.master-trolley-detail .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-trolley-detail .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-trolley-detail .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-trolley-detail .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-trolley-detail .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-trolley-detail .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-trolley-detail .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-trolley-detail .pop-up-simpan .card .button button:hover{opacity:.9}.master-trolley-detail .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-trolley-detail .top-page .groupDiv{display:flex}.master-trolley-detail .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-trolley-detail .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-trolley-detail .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-trolley-detail .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-trolley-detail .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-trolley-detail .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-trolley-detail .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-trolley-detail .pop-up-hapus .card .title i{font-size:25px}.master-trolley-detail .pop-up-hapus .card .content2{margin:0 20px 20px}.master-trolley-detail .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-trolley-detail .pop-up-hapus .card .border2{border-bottom:1px solid #dbe9ff}.master-trolley-detail .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trolley-detail .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trolley-detail .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-trolley-detail .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-trolley-detail .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-detail .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-detail .pop-up-hapus .card .button1 button:hover,.master-trolley-detail .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-trolley-detail .box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.master-trolley-detail .box .box-padding{padding:20px}.master-trolley-detail .box .box-padding .text-1{padding-top:15px;padding-bottom:10px;border-bottom:1px solid #DEDDDD;color:#666}.master-trolley-detail .box .box-padding .top{display:flex;align-items:center;justify-content:space-between;margin-top:10px;margin-bottom:10px}.master-trolley-detail .box .box-padding .top p{font-size:20px;font-weight:300;color:#354ebc}.master-trolley-detail .box .box-padding .top .button2{display:flex;background-color:#354ebc;border-radius:10px;align-items:center;justify-content:center;padding:0 15px}.master-trolley-detail .box .box-padding .top .button2 a{color:#fff;padding:10px 0 10px 10px;text-decoration:none}.master-trolley-detail .box .box-padding .border2{border:.5px solid #e5e5e5;margin-top:20px}.master-trolley-detail .box .box-padding .table-box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box;margin-top:20px;position:relative}.master-trolley-detail .box .box-padding .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.master-trolley-detail .box .box-padding .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-trolley-detail .box .box-padding .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-trolley-detail .box .box-padding .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-trolley-detail .box .box-padding .table-box .dataTables_paginate .paginate_button a:focus,.master-trolley-detail .box .box-padding .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-trolley-detail .box .box-padding .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-trolley-detail .box .box-padding .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-trolley-detail .box .box-padding .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-trolley-detail .box .box-padding .table-box .ellipsis-container{position:relative;display:flex}.master-trolley-detail .box .box-padding .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-trolley-detail .box .box-padding .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.master-trolley-detail .box .box-padding .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300}.master-trolley-detail .box .box-padding .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.master-trolley-detail .box .box-padding .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.master-trolley-detail .box .box-padding .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.master-trolley-detail .box .box-padding .table-box .status-active p{font-weight:600}.master-trolley-detail .box .box-padding .table-box .status-inactive{padding:10px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px}.master-trolley-detail .box .box-padding .table-box .status-inactive p{font-weight:600}.master-trolley-detail .box .box-padding .table-box table{width:100%!important;border-collapse:collapse}.master-trolley-detail .box .box-padding .table-box table.dataTable thead .sorting:before,.master-trolley-detail .box .box-padding .table-box table.dataTable thead .sorting_asc:before,.master-trolley-detail .box .box-padding .table-box table.dataTable thead .sorting_desc:before,.master-trolley-detail .box .box-padding .table-box table.dataTable thead .sorting_asc_disabled:before,.master-trolley-detail .box .box-padding .table-box table.dataTable thead .sorting_desc_disabled:before,.master-trolley-detail .box .box-padding .table-box table.dataTable thead .sorting:after,.master-trolley-detail .box .box-padding .table-box table.dataTable thead .sorting_asc:after,.master-trolley-detail .box .box-padding .table-box table.dataTable thead .sorting_desc:after,.master-trolley-detail .box .box-padding .table-box table.dataTable thead .sorting_asc_disabled:after,.master-trolley-detail .box .box-padding .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-trolley-detail .box .box-padding .table-box th,.master-trolley-detail .box .box-padding .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.master-trolley-detail .box .box-padding .table-box th{background-color:#fafafa;font-weight:400}.master-trolley-detail .box .box-padding .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:20px;cursor:pointer}.master-trolley-detail .box .box-padding .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:20px}.master-trolley-detail .box .box-padding .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:20px}.master-trolley-detail .box .box-padding .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-trolley-detail .box .box-padding .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-trolley-detail .box .box-padding .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-trolley-detail .box .upload-button{display:flex;gap:20px;width:100%}.master-trolley-detail .box .upload-button .button{display:flex;flex-direction:column;background-color:#fff;color:#666;border:1px dashed #524fa0;padding:30px 20px;height:fit-content;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-trolley-detail .box .upload-button .button img{width:125px;height:100px}.master-trolley-detail .box .upload-button .text-beside-upload{display:flex;flex-direction:column;width:100%}.master-trolley-detail .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px}.master-trolley-detail .box span{font-size:14px;color:#dc3545}.master-trolley-detail .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-trolley-detail .box .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trolley-detail .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trolley-detail .box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#000}.master-trolley-detail .box .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px}.master-trolley-detail .box .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px}.master-trolley-detail .box .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-trolley-detail .box .box2 span{font-size:14px;color:#dc3545}.master-trolley-detail .box .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px;font-size:14px}.master-trolley-report{margin:40px}.master-trolley-report p,.master-trolley-report h1{margin:0;padding:0}.master-trolley-report a,.master-trolley-report a:hover{text-decoration:none;color:#fff}.master-trolley-report .image-container{display:flex;align-items:center;gap:10px;justify-content:center}.master-trolley-report textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-trolley-report .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-trolley-report .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-trolley-report .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-trolley-report .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-trolley-report .pop-up-ubah .card .content2{margin:0 20px 20px}.master-trolley-report .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-trolley-report .pop-up-ubah .card .border2{border-bottom:1px solid #dbe9ff}.master-trolley-report .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trolley-report .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trolley-report .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-trolley-report .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-trolley-report .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-report .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-report .pop-up-ubah .card .button1 button:hover,.master-trolley-report .pop-up-ubah .card .button2 button:hover{opacity:.9}.master-trolley-report .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-trolley-report .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-trolley-report .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-trolley-report .pop-up-hapus .card .title i{font-size:25px}.master-trolley-report .pop-up-hapus .card .content2{margin:0 20px 20px}.master-trolley-report .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-trolley-report .pop-up-hapus .card .border2{border-bottom:1px solid #dbe9ff}.master-trolley-report .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-trolley-report .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-trolley-report .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-trolley-report .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-trolley-report .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-report .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-trolley-report .pop-up-hapus .card .button1 button:hover,.master-trolley-report .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-trolley-report .pop-up-img{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;z-index:1;display:none;justify-content:center;align-items:center}.master-trolley-report .pop-up-img i{position:fixed;font-size:30px;top:50px;right:50px;cursor:pointer}.master-trolley-report .pop-up-img #selectedImage{width:50%}.master-trolley-report .pop-up-img .arrow-custom{position:absolute;font-size:60px;top:50%;color:#fff}.master-trolley-report .pop-up-img div{display:flex;gap:20px;position:fixed;top:77%;justify-content:center}.master-trolley-report .pop-up-img div img{width:10%;border-radius:10px}.master-trolley-report .pop-up-img div img.active{border:2px solid #354ebc}.master-trolley-report .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-trolley-report .top-page .groupDiv{display:flex}.master-trolley-report .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-trolley-report .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-trolley-report .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-trolley-report .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-trolley-report .top-page2{display:flex;margin-bottom:20px;width:100%}.master-trolley-report .boxx{display:flex;background-color:#fff;padding:20px;border-radius:20px;margin-bottom:20px}.master-trolley-report .boxx .left-box{width:30%;padding-right:50px;font-size:14px}.master-trolley-report .boxx .right-box{width:70%;font-size:14px}.master-trolley-report .boxx p{padding:5px;font-size:14px}.master-trolley-report .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.master-trolley-report .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.master-trolley-report .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-trolley-report .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-trolley-report .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-trolley-report .table-box .dataTables_paginate .paginate_button a:focus,.master-trolley-report .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-trolley-report .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-trolley-report .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-trolley-report .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-trolley-report .table-box .ellipsis-container{position:relative;display:flex}.master-trolley-report .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-trolley-report .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-15px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.master-trolley-report .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.master-trolley-report .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.master-trolley-report .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.master-trolley-report .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.master-trolley-report .table-box .status-active p{font-weight:600}.master-trolley-report .table-box .status-inactive{padding:10px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px}.master-trolley-report .table-box .status-inactive p{font-weight:600}.master-trolley-report .table-box table{width:100%!important;border-collapse:collapse}.master-trolley-report .table-box table.dataTable thead .sorting:before,.master-trolley-report .table-box table.dataTable thead .sorting_asc:before,.master-trolley-report .table-box table.dataTable thead .sorting_desc:before,.master-trolley-report .table-box table.dataTable thead .sorting_asc_disabled:before,.master-trolley-report .table-box table.dataTable thead .sorting_desc_disabled:before,.master-trolley-report .table-box table.dataTable thead .sorting:after,.master-trolley-report .table-box table.dataTable thead .sorting_asc:after,.master-trolley-report .table-box table.dataTable thead .sorting_desc:after,.master-trolley-report .table-box table.dataTable thead .sorting_asc_disabled:after,.master-trolley-report .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-trolley-report .table-box th,.master-trolley-report .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.master-trolley-report .table-box th{background-color:#fafafa;font-weight:400}.master-trolley-report .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.master-trolley-report .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-trolley-report .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-trolley-report .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-trolley-report .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-trolley-report .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-sopir{margin:40px}.master-sopir p,.master-sopir h1{margin:0;padding:0}.master-sopir a,.master-sopir a:hover{text-decoration:none;color:#fff}.master-sopir .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-sopir .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-sopir .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-sopir .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-sopir .pop-up-ubah .card .content2{margin:0 20px 20px}.master-sopir .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-sopir .pop-up-ubah .card .border2{border-bottom:1px solid #DBE9FF}.master-sopir .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-sopir .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-sopir .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-sopir .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-sopir .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-sopir .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-sopir .pop-up-ubah .card .button1 button:hover,.master-sopir .pop-up-ubah .card .button2 button:hover{opacity:.9}.master-sopir .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-sopir .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-sopir .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-sopir .pop-up-hapus .card .title i{font-size:25px}.master-sopir .pop-up-hapus .card .content2{margin:0 20px 20px}.master-sopir .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-sopir .pop-up-hapus .card .border2{border-bottom:1px solid #DBE9FF}.master-sopir .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-sopir .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-sopir .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-sopir .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-sopir .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-sopir .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-sopir .pop-up-hapus .card .button1 button:hover,.master-sopir .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-sopir .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.master-sopir .top-page .text-1{font-size:20px;font-weight:500;color:#354ebc}.master-sopir .top-page .group-button{display:flex;gap:10px}.master-sopir .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-sopir .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-sopir .top-page2{margin-bottom:20px;width:100%}.master-sopir .top-page2 .search-bar{width:100%;margin-right:10px}.master-sopir .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.master-sopir .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px 11px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#000;align-items:center}.master-sopir .top-page2 input::placeholder{color:#aeaeae}.master-sopir .top-page2 .search-icon{position:absolute;left:15px}.master-sopir .top-page2 .search-icon i{font-size:16px;color:#686868;align-items:center}.master-sopir .top-page2 .select-wrapper-arrow{position:relative;width:15%;margin-right:10px}.master-sopir .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-sopir .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#686868}.master-sopir .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.master-sopir .top-page2 .dropdown-size{flex:1;margin-right:10px}.master-sopir .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.master-sopir .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:11px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap;font-size:14px}.master-sopir .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.master-sopir .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.master-sopir .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-sopir .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-sopir .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-sopir .table-box .dataTables_paginate .paginate_button a:focus,.master-sopir .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-sopir .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-sopir .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-sopir .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-sopir .table-box .ellipsis-container{position:relative;display:flex}.master-sopir .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-sopir .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.master-sopir .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.master-sopir .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.master-sopir .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.master-sopir .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px;margin:0 30px}.master-sopir .table-box .status-active p{font-weight:600}.master-sopir .table-box .status-inactive{padding:10px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px;margin:0 30px}.master-sopir .table-box .status-inactive p{font-weight:600}.master-sopir .table-box table{width:100%!important;border-collapse:collapse}.master-sopir .table-box table.dataTable thead .sorting:before,.master-sopir .table-box table.dataTable thead .sorting_asc:before,.master-sopir .table-box table.dataTable thead .sorting_desc:before,.master-sopir .table-box table.dataTable thead .sorting_asc_disabled:before,.master-sopir .table-box table.dataTable thead .sorting_desc_disabled:before,.master-sopir .table-box table.dataTable thead .sorting:after,.master-sopir .table-box table.dataTable thead .sorting_asc:after,.master-sopir .table-box table.dataTable thead .sorting_desc:after,.master-sopir .table-box table.dataTable thead .sorting_asc_disabled:after,.master-sopir .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-sopir .table-box th,.master-sopir .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.master-sopir .table-box th{background-color:#fafafa;font-weight:400}.master-sopir .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.master-sopir .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-sopir .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-sopir .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-sopir .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-sopir .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-sopir-add{margin:40px}.master-sopir-add p,.master-sopir-add h1{margin:0;padding:0}.master-sopir-add a,.master-sopir-add a:hover{text-decoration:none;color:#fff}.master-sopir-add input[type=date]{font-size:14px;color:#686868;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:10px;font-weight:400}.master-sopir-add input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.master-sopir-add input[type=date]::-ms-clear{display:none}.master-sopir-add .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-sopir-add .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-sopir-add .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-sopir-add .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-sopir-add .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-sopir-add .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-sopir-add .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-sopir-add .pop-up-simpan .card .button button:hover{opacity:.9}.master-sopir-add .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-sopir-add .top-page .groupDiv{display:flex}.master-sopir-add .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-sopir-add .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-sopir-add .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-sopir-add .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-sopir-add .box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.master-sopir-add .box .box-padding{padding:20px}.master-sopir-add .box .upload-button{display:flex;gap:20px;width:100%}.master-sopir-add .box .upload-button .button{display:flex;flex-direction:column;background-color:#fff;color:#666;border:1px dashed #524fa0;padding:48px 20px;height:fit-content;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-sopir-add .box .upload-button .text-beside-upload{display:flex;flex-direction:column;width:100%}.master-sopir-add .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px}.master-sopir-add .box span{font-size:14px;color:#dc3545}.master-sopir-add .box .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.master-sopir-add .box .input-prefix{position:absolute;left:10px;color:#334a34;font-size:14px;font-weight:600}.master-sopir-add .box .input-postfix{position:absolute;right:15px;top:47%;transform:translateY(-50%);font-size:20px;font-weight:600}.master-sopir-add .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-sopir-add .box .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-sopir-add .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-sopir-add .box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#000}.master-sopir-add .box .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px}.master-sopir-add .box .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px;font-size:14px}.master-sopir-add .box .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%;position:relative}.master-sopir-add .box .box2 .text-box svg{position:absolute;right:15px;top:65%;transform:translateY(-50%)}.master-sopir-add .box .box2 span{font-size:14px;color:#dc3545}.master-sopir-add .box .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px;font-size:14px}.master-sopir-add .box .box3-out{display:flex;justify-content:center;align-items:center;padding:10px;gap:20px;background-color:#f5f4f4;border-radius:15px}.master-sopir-add .box .box3Container{display:flex;flex-direction:column;gap:10px;width:100%}.master-sopir-add .box .box3{display:flex;gap:20px;width:100%}.master-sopir-add .box .box3 input{margin:0}.master-sopir-add .box textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-sopir-add .box .input-alamat{height:150px}.master-sopir-ubah{margin:40px}.master-sopir-ubah p,.master-sopir-ubah h1{margin:0;padding:0}.master-sopir-ubah a,.master-sopir-ubah a:hover{text-decoration:none;color:#fff}.master-sopir-ubah input[type=date]{font-size:14px;color:#686868;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:10px;font-weight:400}.master-sopir-ubah .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-sopir-ubah .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-sopir-ubah .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-sopir-ubah .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-sopir-ubah .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-sopir-ubah .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-sopir-ubah .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-sopir-ubah .pop-up-simpan .card .button button:hover{opacity:.9}.master-sopir-ubah .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-sopir-ubah .top-page .groupDiv{display:flex}.master-sopir-ubah .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-sopir-ubah .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-sopir-ubah .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-sopir-ubah .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-sopir-ubah .box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.master-sopir-ubah .box .box-padding{padding:20px}.master-sopir-ubah .box .upload-button{display:flex;gap:20px;width:100%}.master-sopir-ubah .box .upload-button .button{display:flex;flex-direction:column;background-color:#fff;color:#666;border:1px dashed #524FA0;padding:48px 20px;height:fit-content;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-sopir-ubah .box .upload-button .text-beside-upload{display:flex;flex-direction:column;width:100%}.master-sopir-ubah .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px}.master-sopir-ubah .box span{font-size:14px;color:#dc3545}.master-sopir-ubah .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-sopir-ubah .box .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-sopir-ubah .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-sopir-ubah .box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#000}.master-sopir-ubah .box .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px}.master-sopir-ubah .box .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px;font-size:14px}.master-sopir-ubah .box .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%;position:relative}.master-sopir-ubah .box .box2 .text-box svg{position:absolute;right:15px;top:65%;transform:translateY(-50%)}.master-sopir-ubah .box .box2 span{font-size:14px;color:#dc3545}.master-sopir-ubah .box .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px;font-size:14px}.master-sopir-ubah .box .box2 input[type=date]::-webkit-calendar-picker-indicator{opacity:0!important}.master-sopir-ubah .box .box3-out{display:flex;justify-content:center;align-items:center;padding:10px;gap:20px;background-color:#f5f4f4;border-radius:15px}.master-sopir-ubah .box .box3Container{display:flex;flex-direction:column;gap:10px;width:100%}.master-sopir-ubah .box .box3{display:flex;gap:20px;width:100%}.master-sopir-ubah .box .box3 input{margin:0}.master-sopir-ubah .box textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-sopir-ubah .box .input-alamat{height:150px}.master-sopir-detail{margin:40px}.master-sopir-detail p,.master-sopir-detail h1{margin:0;padding:0}.master-sopir-detail a,.master-sopir-detail a:hover{text-decoration:none;color:#fff}.master-sopir-detail .button2{display:flex;justify-content:center;align-self:center;padding:10px 20px;font-size:14px;background-color:#fff;border-radius:15px;border:none;color:#354ebc;border:1px solid #354EBC}.master-sopir-detail .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-sopir-detail .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-sopir-detail .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-sopir-detail .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-sopir-detail .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-sopir-detail .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-sopir-detail .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-sopir-detail .pop-up-simpan .card .button button:hover{opacity:.9}.master-sopir-detail .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-sopir-detail .top-page .groupDiv{display:flex}.master-sopir-detail .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-sopir-detail .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-sopir-detail .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-sopir-detail .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;font-size:14px}.master-sopir-detail .box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.master-sopir-detail .box .box-padding{padding:20px}.master-sopir-detail .box .text-1{padding-top:15px;padding-bottom:10px;border-bottom:1px solid #DEDDDD;color:#666;font-size:14px}.master-sopir-detail .box .upload-button{display:flex;gap:20px;width:100%}.master-sopir-detail .box .upload-button .button{display:flex;flex-direction:column;background-color:#fff;color:#666;border:1px dashed #524FA0;padding:48px 20px;height:fit-content;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-sopir-detail .box .upload-button .text-beside-upload{display:flex;flex-direction:column;width:100%}.master-sopir-detail .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px}.master-sopir-detail .box span{font-size:14px;color:#dc3545}.master-sopir-detail .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-sopir-detail .box .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-sopir-detail .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-sopir-detail .box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#000}.master-sopir-detail .box .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px}.master-sopir-detail .box .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px}.master-sopir-detail .box .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-sopir-detail .box .box2 span{font-size:14px;color:#dc3545}.master-sopir-detail .box .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px}.master-sopir-detail .box .box3-out{display:flex;justify-content:center;align-items:center;padding:10px;gap:20px;background-color:#f5f4f4;border-radius:15px}.master-sopir-detail .box .box3Container{display:flex;flex-direction:column;gap:10px;width:100%}.master-sopir-detail .box .box3{display:flex;gap:20px;width:100%}.master-sopir-detail .box .box3 input{margin:0}.master-sopir-detail .box textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-sopir-detail .box .input-alamat{height:150px}.master-sopir-report{margin:40px}.master-sopir-report p,.master-sopir-report h1{margin:0;padding:0}.master-sopir-report a,.master-sopir-report a:hover{text-decoration:none;color:#fff}.master-sopir-report .image-container{display:flex;align-items:center;justify-content:center}.master-sopir-report .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-sopir-report .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-sopir-report .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-sopir-report .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-sopir-report .pop-up-ubah .card .content2{margin:0 20px 20px}.master-sopir-report .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-sopir-report .pop-up-ubah .card .border2{border-bottom:1px solid #dbe9ff}.master-sopir-report .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-sopir-report .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-sopir-report .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-sopir-report .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-sopir-report .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-sopir-report .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-sopir-report .pop-up-ubah .card .button1 button:hover,.master-sopir-report .pop-up-ubah .card .button2 button:hover{opacity:.9}.master-sopir-report .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-sopir-report .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-sopir-report .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-sopir-report .pop-up-hapus .card .title i{font-size:25px}.master-sopir-report .pop-up-hapus .card .content2{margin:0 20px 20px}.master-sopir-report .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-sopir-report .pop-up-hapus .card .border2{border-bottom:1px solid #dbe9ff}.master-sopir-report .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-sopir-report .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-sopir-report .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-sopir-report .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-sopir-report .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-sopir-report .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-sopir-report .pop-up-hapus .card .button1 button:hover,.master-sopir-report .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-sopir-report .pop-up-img{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;z-index:1;display:none;justify-content:center;align-items:center}.master-sopir-report .pop-up-img i{position:fixed;font-size:30px;top:50px;right:50px;cursor:pointer}.master-sopir-report .pop-up-img #selectedImage{width:50%}.master-sopir-report .pop-up-img .arrow-custom{position:absolute;font-size:60px;top:50%;color:#fff}.master-sopir-report .pop-up-img div{display:flex;gap:20px;position:fixed;top:77%;justify-content:center}.master-sopir-report .pop-up-img div img{width:10%;border-radius:10px}.master-sopir-report .pop-up-img div img.active{border:2px solid #354ebc}.master-sopir-report .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-sopir-report .top-page .groupDiv{display:flex}.master-sopir-report .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-sopir-report .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-sopir-report .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-sopir-report .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-sopir-report .top-page2{display:flex;margin-bottom:20px;width:100%}.master-sopir-report .boxx{display:flex;background-color:#fff;padding:20px;border-radius:20px;margin-bottom:20px}.master-sopir-report .boxx .left-box{width:30%;padding-right:50px}.master-sopir-report .boxx .right-box{width:70%}.master-sopir-report .boxx p{padding:5px}.master-sopir-report .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.master-sopir-report .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.master-sopir-report .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-sopir-report .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-sopir-report .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-sopir-report .table-box .dataTables_paginate .paginate_button a:focus,.master-sopir-report .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-sopir-report .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-sopir-report .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-sopir-report .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-sopir-report .table-box .ellipsis-container{position:relative;display:flex}.master-sopir-report .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-sopir-report .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-15px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.master-sopir-report .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.master-sopir-report .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.master-sopir-report .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.master-sopir-report .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.master-sopir-report .table-box .status-active p{font-weight:600}.master-sopir-report .table-box .status-inactive{padding:10px;background-color:#ffc107;text-align:center;color:#fff;border-radius:10px}.master-sopir-report .table-box .status-inactive p{font-weight:600}.master-sopir-report .table-box table{width:100%!important;border-collapse:collapse}.master-sopir-report .table-box table.dataTable thead .sorting:before,.master-sopir-report .table-box table.dataTable thead .sorting_asc:before,.master-sopir-report .table-box table.dataTable thead .sorting_desc:before,.master-sopir-report .table-box table.dataTable thead .sorting_asc_disabled:before,.master-sopir-report .table-box table.dataTable thead .sorting_desc_disabled:before,.master-sopir-report .table-box table.dataTable thead .sorting:after,.master-sopir-report .table-box table.dataTable thead .sorting_asc:after,.master-sopir-report .table-box table.dataTable thead .sorting_desc:after,.master-sopir-report .table-box table.dataTable thead .sorting_asc_disabled:after,.master-sopir-report .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-sopir-report .table-box th,.master-sopir-report .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.master-sopir-report .table-box th{background-color:#fafafa;font-weight:400}.master-sopir-report .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.master-sopir-report .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-sopir-report .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-sopir-report .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-sopir-report .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-sopir-report .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-sopir-report-detail{margin:40px}.master-sopir-report-detail p,.master-sopir-report-detail h1{margin:0;padding:0}.master-sopir-report-detail a,.master-sopir-report-detail a:hover{text-decoration:none;color:#fff}.master-sopir-report-detail .image-container{display:flex;align-items:center;justify-content:center}.master-sopir-report-detail .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-sopir-report-detail .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-sopir-report-detail .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-sopir-report-detail .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-sopir-report-detail .pop-up-ubah .card .content2{margin:0 20px 20px}.master-sopir-report-detail .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-sopir-report-detail .pop-up-ubah .card .border2{border-bottom:1px solid #dbe9ff}.master-sopir-report-detail .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-sopir-report-detail .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-sopir-report-detail .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-sopir-report-detail .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-sopir-report-detail .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-sopir-report-detail .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-sopir-report-detail .pop-up-ubah .card .button1 button:hover,.master-sopir-report-detail .pop-up-ubah .card .button2 button:hover{opacity:.9}.master-sopir-report-detail .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-sopir-report-detail .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-sopir-report-detail .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-sopir-report-detail .pop-up-hapus .card .title i{font-size:25px}.master-sopir-report-detail .pop-up-hapus .card .content2{margin:0 20px 20px}.master-sopir-report-detail .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-sopir-report-detail .pop-up-hapus .card .border2{border-bottom:1px solid #dbe9ff}.master-sopir-report-detail .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-sopir-report-detail .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-sopir-report-detail .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-sopir-report-detail .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-sopir-report-detail .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-sopir-report-detail .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-sopir-report-detail .pop-up-hapus .card .button1 button:hover,.master-sopir-report-detail .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-sopir-report-detail .pop-up-img{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;z-index:1;display:none;justify-content:center;align-items:center}.master-sopir-report-detail .pop-up-img i{position:fixed;font-size:30px;top:50px;right:50px;cursor:pointer}.master-sopir-report-detail .pop-up-img #selectedImage{width:50%}.master-sopir-report-detail .pop-up-img .arrow-custom{position:absolute;font-size:60px;top:50%;color:#fff}.master-sopir-report-detail .pop-up-img div{display:flex;gap:20px;position:fixed;top:77%;justify-content:center}.master-sopir-report-detail .pop-up-img div img{width:10%;border-radius:10px}.master-sopir-report-detail .pop-up-img div img.active{border:2px solid #354ebc}.master-sopir-report-detail .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-sopir-report-detail .top-page .groupDiv{display:flex}.master-sopir-report-detail .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-sopir-report-detail .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-sopir-report-detail .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-sopir-report-detail .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-sopir-report-detail .top-page2{display:flex;margin-bottom:20px;width:100%}.master-sopir-report-detail .boxx{display:flex;background-color:#fff;padding:20px;border-radius:20px;margin-bottom:20px}.master-sopir-report-detail .boxx .left-box{width:30%;padding-right:50px}.master-sopir-report-detail .boxx .right-box{width:70%}.master-sopir-report-detail .boxx p{padding:5px}.master-sopir-report-detail .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.master-sopir-report-detail .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.master-sopir-report-detail .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-sopir-report-detail .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-sopir-report-detail .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-sopir-report-detail .table-box .dataTables_paginate .paginate_button a:focus,.master-sopir-report-detail .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-sopir-report-detail .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-sopir-report-detail .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-sopir-report-detail .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-sopir-report-detail .table-box .ellipsis-container{position:relative;display:flex}.master-sopir-report-detail .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-sopir-report-detail .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-15px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.master-sopir-report-detail .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.master-sopir-report-detail .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.master-sopir-report-detail .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.master-sopir-report-detail .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.master-sopir-report-detail .table-box .status-active p{font-weight:600}.master-sopir-report-detail .table-box .status-inactive{padding:10px;background-color:#ffc107;text-align:center;color:#fff;border-radius:10px}.master-sopir-report-detail .table-box .status-inactive p{font-weight:600}.master-sopir-report-detail .table-box .status-active2{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.master-sopir-report-detail .table-box .status-active2 p{font-weight:600}.master-sopir-report-detail .table-box .status-inactive2{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.master-sopir-report-detail .table-box .status-inactive2 p{font-weight:600}.master-sopir-report-detail .table-box table{width:100%!important;border-collapse:collapse}.master-sopir-report-detail .table-box table.dataTable thead .sorting:before,.master-sopir-report-detail .table-box table.dataTable thead .sorting_asc:before,.master-sopir-report-detail .table-box table.dataTable thead .sorting_desc:before,.master-sopir-report-detail .table-box table.dataTable thead .sorting_asc_disabled:before,.master-sopir-report-detail .table-box table.dataTable thead .sorting_desc_disabled:before,.master-sopir-report-detail .table-box table.dataTable thead .sorting:after,.master-sopir-report-detail .table-box table.dataTable thead .sorting_asc:after,.master-sopir-report-detail .table-box table.dataTable thead .sorting_desc:after,.master-sopir-report-detail .table-box table.dataTable thead .sorting_asc_disabled:after,.master-sopir-report-detail .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-sopir-report-detail .table-box th,.master-sopir-report-detail .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.master-sopir-report-detail .table-box th{background-color:#fafafa;font-weight:400}.master-sopir-report-detail .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.master-sopir-report-detail .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-sopir-report-detail .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-sopir-report-detail .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-sopir-report-detail .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-sopir-report-detail .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-sopir-detail-df{margin:40px}.master-sopir-detail-df p,.master-sopir-detail-df h1{margin:0;padding:0}.master-sopir-detail-df a,.master-sopir-detail-df a:hover{text-decoration:none;color:#fff}.master-sopir-detail-df .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-sopir-detail-df .top-page .groupDiv{display:flex}.master-sopir-detail-df .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-sopir-detail-df .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-sopir-detail-df .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-sopir-detail-df .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-sopir-detail-df .box2{display:flex;flex-direction:column;align-items:center;background-color:#fff;justify-content:space-between;border-radius:15px}.master-sopir-detail-df .box2 .under-map{display:flex;margin-top:30px;margin-bottom:20px;flex-direction:column;margin-left:20px}.master-sopir-detail-df .box2 .under-map .group{display:flex;position:relative;margin-bottom:15px}.master-sopir-detail-df .box2 .under-map .group .text{color:#aeaeae;margin-left:10px;margin-top:2px}.master-sopir-detail-df .box2 .under-map .group .text .text1{font-size:14px;font-weight:400;margin-bottom:5px}.master-sopir-detail-df .box2 .under-map .group .text .text2{font-size:11px;font-weight:500}.master-sopir-detail-df .box2 .under-map .group .text.active{color:#000}.master-sopir-detail-df .box2 .under-map .group .shape{position:relative;right:5px}.master-sopir-detail-df .box2 .under-map .group .shape .circle{position:relative;z-index:1}.master-sopir-detail-df .box2 .under-map .group .shape .line1{position:absolute;top:17px;left:7px}.master-sopir-detail-df .box2 .under-map .group .shape .line2{position:absolute;top:30px;left:7px}.master-sopir-detail-df .box2 .top{width:100%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #DBE9FF}.master-sopir-detail-df .box2 .top p{font-size:16px;color:#1768f2;margin-bottom:15px}.master-sopir-detail-df .box2 .top .text-box2{font-size:14px;display:flex;align-items:center;justify-content:center;padding:8px 20px;background-color:#ffc107;color:#fff;border-radius:10px;margin-bottom:15px}.master-sopir-detail-df .box2 .top2{width:100%;display:flex;flex-direction:column}.master-sopir-detail-df .box2 .top2 .text1{color:#354ebc;font-weight:500}.master-sopir-detail-df .box2 .top2 .text2{color:#666;font-size:14px;font-weight:500}.master-sopir-detail-df .box2 .top2 .text2-1{color:#666;font-size:14px}.master-sopir-detail-df .box2 .top2 p{font-size:16px;color:#1768f2;margin-bottom:15px}.master-sopir-detail-df .box2 .top2 .text-box2{font-size:14px;display:flex;align-items:center;justify-content:center;padding:8px 20px;background-color:#ffc107;color:#fff;border-radius:10px;margin-bottom:15px}.master-sopir-detail-df .box2 .outer{display:flex;justify-content:space-between;width:100%;margin-top:20px}.master-sopir-detail-df .box2 .outer .right-side{margin-right:100px}.master-sopir-detail-df .box2 .outer .text-inside .text1{font-size:14px;color:#686868;font-weight:400;margin-bottom:5px}.master-sopir-detail-df .box2 .outer .text-inside .text2{font-size:14px;color:#000;font-weight:300;margin-bottom:15px}.master-sopir-detail-df .box2 .outer .text-inside img{width:100px;border-radius:10px;margin-right:10px;margin-bottom:5px}.master-sopir-detail-df .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.master-sopir-detail-df .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.master-sopir-detail-df .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-sopir-detail-df .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-sopir-detail-df .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-sopir-detail-df .table-box .dataTables_paginate .paginate_button a:focus,.master-sopir-detail-df .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-sopir-detail-df .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-sopir-detail-df .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-sopir-detail-df .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-sopir-detail-df .table-box .ellipsis-container{position:relative;display:flex}.master-sopir-detail-df .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-sopir-detail-df .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-15px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.master-sopir-detail-df .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.master-sopir-detail-df .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.master-sopir-detail-df .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.master-sopir-detail-df .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.master-sopir-detail-df .table-box .status-active p{font-weight:600}.master-sopir-detail-df .table-box .status-inactive{padding:10px;background-color:#ffc107;text-align:center;color:#fff;border-radius:10px}.master-sopir-detail-df .table-box .status-inactive p{font-weight:600}.master-sopir-detail-df .table-box .status-active2{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.master-sopir-detail-df .table-box .status-active2 p{font-weight:600}.master-sopir-detail-df .table-box .status-inactive2{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.master-sopir-detail-df .table-box .status-inactive2 p{font-weight:600}.master-sopir-detail-df .table-box table{width:100%!important}.master-sopir-detail-df .table-box table.dataTable thead .sorting:before,.master-sopir-detail-df .table-box table.dataTable thead .sorting_asc:before,.master-sopir-detail-df .table-box table.dataTable thead .sorting_desc:before,.master-sopir-detail-df .table-box table.dataTable thead .sorting_asc_disabled:before,.master-sopir-detail-df .table-box table.dataTable thead .sorting_desc_disabled:before,.master-sopir-detail-df .table-box table.dataTable thead .sorting:after,.master-sopir-detail-df .table-box table.dataTable thead .sorting_asc:after,.master-sopir-detail-df .table-box table.dataTable thead .sorting_desc:after,.master-sopir-detail-df .table-box table.dataTable thead .sorting_asc_disabled:after,.master-sopir-detail-df .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-sopir-detail-df .table-box th,.master-sopir-detail-df .table-box td{border-bottom:1px solid #ddd;padding:20px 38px;text-align:left;font-size:13px}.master-sopir-detail-df .table-box th{background-color:#fafafa;font-weight:400}.master-sopir-detail-df .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.master-sopir-detail-df .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-sopir-detail-df .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-sopir-detail-df .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-sopir-detail-df .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-sopir-detail-df .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-truck{margin:40px}.master-truck p,.master-truck h1{margin:0;padding:0}.master-truck a,.master-truck a:hover{text-decoration:none;color:#fff}.master-truck input[type=date]{font-size:14px;color:#686868;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:10px;font-weight:400}.master-truck .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-truck .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-truck .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-truck .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-truck .pop-up-ubah .card .content2{margin:0 20px 20px}.master-truck .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-truck .pop-up-ubah .card .border2{border-bottom:1px solid #DBE9FF}.master-truck .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-truck .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-truck .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-truck .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-truck .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-truck .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-truck .pop-up-ubah .card .button1 button:hover,.master-truck .pop-up-ubah .card .button2 button:hover{opacity:.9}.master-truck .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-truck .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-truck .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-truck .pop-up-hapus .card .title i{font-size:25px}.master-truck .pop-up-hapus .card .content2{margin:0 20px 20px}.master-truck .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-truck .pop-up-hapus .card .border2{border-bottom:1px solid #DBE9FF}.master-truck .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-truck .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-truck .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-truck .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-truck .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-truck .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-truck .pop-up-hapus .card .button1 button:hover,.master-truck .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-truck .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.master-truck .top-page .text-1{font-size:20px;font-weight:500;color:#354ebc}.master-truck .top-page .group-button{display:flex;gap:10px}.master-truck .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-truck .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-truck .top-page2{margin-bottom:20px;width:100%}.master-truck .top-page2 .search-bar{width:100%;margin-right:10px}.master-truck .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.master-truck .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px 11px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#000;align-items:center}.master-truck .top-page2 input::placeholder{color:#aeaeae}.master-truck .top-page2 .search-icon{position:absolute;left:15px}.master-truck .top-page2 .search-icon i{font-size:16px;color:#686868;align-items:center}.master-truck .top-page2 .select-wrapper-arrow{position:relative;width:25%;margin-right:10px}.master-truck .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-truck .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#686868}.master-truck .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.master-truck .top-page2 .dropdown-size{flex:1;margin-right:10px}.master-truck .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.master-truck .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:11px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap;font-size:14px}.master-truck .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.master-truck .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.master-truck .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-truck .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-truck .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-truck .table-box .dataTables_paginate .paginate_button a:focus,.master-truck .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-truck .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-truck .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-truck .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-truck .table-box .ellipsis-container{position:relative;display:flex}.master-truck .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-truck .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.master-truck .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.master-truck .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.master-truck .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.master-truck .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px;margin:0 30px}.master-truck .table-box .status-active p{font-weight:600}.master-truck .table-box .status-inactive{padding:10px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px;margin:0 30px}.master-truck .table-box .status-inactive p{font-weight:600}.master-truck .table-box table{width:100%!important;border-collapse:collapse}.master-truck .table-box table.dataTable thead .sorting:before,.master-truck .table-box table.dataTable thead .sorting_asc:before,.master-truck .table-box table.dataTable thead .sorting_desc:before,.master-truck .table-box table.dataTable thead .sorting_asc_disabled:before,.master-truck .table-box table.dataTable thead .sorting_desc_disabled:before,.master-truck .table-box table.dataTable thead .sorting:after,.master-truck .table-box table.dataTable thead .sorting_asc:after,.master-truck .table-box table.dataTable thead .sorting_desc:after,.master-truck .table-box table.dataTable thead .sorting_asc_disabled:after,.master-truck .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-truck .table-box th,.master-truck .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.master-truck .table-box th{background-color:#fafafa;font-weight:400}.master-truck .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.master-truck .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-truck .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-truck .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-truck .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-truck .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-truck-add{margin:40px}.master-truck-add p,.master-truck-add h1{margin:0;padding:0}.master-truck-add a,.master-truck-add a:hover{text-decoration:none;color:#fff}.master-truck-add input[type=date]{font-size:14px;color:#686868;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:10px;font-weight:400}.master-truck-add input[type=date]::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}.master-truck-add input[type=date]::-ms-clear{display:none}.master-truck-add .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-truck-add .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-truck-add .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-truck-add .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-truck-add .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-truck-add .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-truck-add .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-truck-add .pop-up-simpan .card .button button:hover{opacity:.9}.master-truck-add .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-truck-add .top-page .groupDiv{display:flex}.master-truck-add .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-truck-add .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-truck-add .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-truck-add .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-truck-add .box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.master-truck-add .box .box-padding{padding:20px}.master-truck-add .box .upload-button{display:flex;gap:20px;width:100%}.master-truck-add .box .upload-button .button{display:flex;flex-direction:column;background-color:#fff;color:#666;border:1px dashed #524FA0;padding:48px 20px;height:fit-content;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-truck-add .box .upload-button .text-beside-upload{display:flex;flex-direction:column;width:100%}.master-truck-add .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;position:relative}.master-truck-add .box .text-box svg{position:absolute;right:15px;top:65%;transform:translateY(-50%)}.master-truck-add .box span{font-size:14px;color:#dc3545}.master-truck-add .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-truck-add .box .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-truck-add .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-truck-add .box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#000}.master-truck-add .box .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px}.master-truck-add .box .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px}.master-truck-add .box .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-truck-add .box .box2 span{font-size:14px;color:#dc3545}.master-truck-add .box .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px;font-size:14px}.master-truck-add .box .box3-out{display:flex;justify-content:center;align-items:center;padding:10px;gap:20px;background-color:#f5f4f4;border-radius:15px}.master-truck-add .box .box3Container{display:flex;flex-direction:column;gap:10px;width:100%}.master-truck-add .box .box3{display:flex;gap:20px;width:100%}.master-truck-add .box .box3 input{margin:0}.master-truck-add .box textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-truck-add .box .input-alamat{height:150px}.master-truck-ubah{margin:40px}.master-truck-ubah p,.master-truck-ubah h1{margin:0;padding:0}.master-truck-ubah a,.master-truck-ubah a:hover{text-decoration:none;color:#fff}.master-truck-ubah input[type=date]{font-size:14px;color:#686868;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:10px;font-weight:400}.master-truck-ubah .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-truck-ubah .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-truck-ubah .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-truck-ubah .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-truck-ubah .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-truck-ubah .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-truck-ubah .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-truck-ubah .pop-up-simpan .card .button button:hover{opacity:.9}.master-truck-ubah .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-truck-ubah .top-page .groupDiv{display:flex}.master-truck-ubah .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-truck-ubah .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-truck-ubah .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-truck-ubah .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-truck-ubah .box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.master-truck-ubah .box .box-padding{padding:20px}.master-truck-ubah .box .upload-button{display:flex;gap:20px;width:100%}.master-truck-ubah .box .upload-button .button{display:flex;flex-direction:column;background-color:#fff;color:#666;border:1px dashed #524FA0;padding:48px 20px;height:fit-content;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-truck-ubah .box .upload-button .text-beside-upload{display:flex;flex-direction:column;width:100%}.master-truck-ubah .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;position:relative}.master-truck-ubah .box .text-box svg{position:absolute;right:15px;top:65%;transform:translateY(-50%)}.master-truck-ubah .box span{font-size:14px;color:#dc3545}.master-truck-ubah .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-truck-ubah .box .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-truck-ubah .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-truck-ubah .box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#000}.master-truck-ubah .box .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px}.master-truck-ubah .box .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px}.master-truck-ubah .box .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-truck-ubah .box .box2 span{font-size:14px;color:#dc3545}.master-truck-ubah .box .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px;font-size:14px}.master-truck-ubah .box .box2 input[type=date]::-webkit-calendar-picker-indicator{opacity:0!important}.master-truck-ubah .box .box3-out{display:flex;justify-content:center;align-items:center;padding:10px;gap:20px;background-color:#f5f4f4;border-radius:15px}.master-truck-ubah .box .box3Container{display:flex;flex-direction:column;gap:10px;width:100%}.master-truck-ubah .box .box3{display:flex;gap:20px;width:100%}.master-truck-ubah .box .box3 input{margin:0}.master-truck-ubah .box textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-truck-ubah .box .input-alamat{height:150px}.master-truck-detail{margin:40px}.master-truck-detail p,.master-truck-detail h1{margin:0;padding:0}.master-truck-detail a,.master-truck-detail a:hover{text-decoration:none;color:#fff}.master-truck-detail .status-active{padding:10px 25px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.master-truck-detail .status-active p{font-weight:600}.master-truck-detail .status-inactive{padding:10px 25px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px}.master-truck-detail .status-inactive p{font-weight:600}.master-truck-detail .button2{display:flex;justify-content:center;align-self:center;padding:10px 20px;font-size:14px;background-color:#fff;border-radius:15px;border:none;color:#354ebc;border:1px solid #354EBC}.master-truck-detail .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-truck-detail .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-truck-detail .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-truck-detail .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-truck-detail .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-truck-detail .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-truck-detail .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-truck-detail .pop-up-simpan .card .button button:hover{opacity:.9}.master-truck-detail .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-truck-detail .top-page .groupDiv{display:flex}.master-truck-detail .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-truck-detail .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-truck-detail .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-truck-detail .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-truck-detail .box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.master-truck-detail .box .box-padding{padding:20px}.master-truck-detail .box .text-1{padding-top:15px;padding-bottom:10px;border-bottom:1px solid #DEDDDD;color:#666}.master-truck-detail .box .upload-button{display:flex;gap:20px;width:100%}.master-truck-detail .box .upload-button .button{display:flex;flex-direction:column;background-color:#fff;color:#666;border:1px dashed #524FA0;padding:48px 20px;height:fit-content;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-truck-detail .box .upload-button .button img{width:200px}.master-truck-detail .box .upload-button .text-beside-upload{display:flex;flex-direction:column;width:100%}.master-truck-detail .box .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px}.master-truck-detail .box .text-box img{position:absolute;right:10px;top:40px}.master-truck-detail .box span{font-size:16px;color:#dc3545}.master-truck-detail .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-truck-detail .box .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-truck-detail .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-truck-detail .box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;line-height:normal;color:#000;letter-spacing:.5px}.master-truck-detail .box .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px}.master-truck-detail .box .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px}.master-truck-detail .box .box2 .text-box{font-size:16px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-truck-detail .box .box2 span{font-size:16px;color:#dc3545}.master-truck-detail .box .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px}.master-truck-detail .box .box3-out{display:flex;justify-content:center;align-items:center;padding:10px;gap:20px;background-color:#f5f4f4;border-radius:15px}.master-truck-detail .box .box3Container{display:flex;flex-direction:column;gap:10px;width:100%}.master-truck-detail .box .box3{display:flex;gap:20px;width:100%}.master-truck-detail .box .box3 input{margin:0}.master-truck-detail .box textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px}.master-truck-detail .box .input-alamat{height:150px}.master-truck-report{margin:40px}.master-truck-report p,.master-truck-report h1{margin:0;padding:0}.master-truck-report a,.master-truck-report a:hover{text-decoration:none;color:#fff}.master-truck-report .image-container{display:flex;align-items:center;gap:10px;justify-content:center}.master-truck-report textarea{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-truck-report .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-truck-report .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-truck-report .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-truck-report .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-truck-report .pop-up-ubah .card .content2{margin:0 20px 20px}.master-truck-report .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-truck-report .pop-up-ubah .card .border2{border-bottom:1px solid #dbe9ff}.master-truck-report .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-truck-report .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-truck-report .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-truck-report .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-truck-report .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-truck-report .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-truck-report .pop-up-ubah .card .button1 button:hover,.master-truck-report .pop-up-ubah .card .button2 button:hover{opacity:.9}.master-truck-report .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-truck-report .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-truck-report .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-truck-report .pop-up-hapus .card .title i{font-size:25px}.master-truck-report .pop-up-hapus .card .content2{margin:0 20px 20px}.master-truck-report .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-truck-report .pop-up-hapus .card .border2{border-bottom:1px solid #dbe9ff}.master-truck-report .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-truck-report .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-truck-report .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-truck-report .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-truck-report .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-truck-report .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-truck-report .pop-up-hapus .card .button1 button:hover,.master-truck-report .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-truck-report .pop-up-img{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;z-index:1;display:none;justify-content:center;align-items:center}.master-truck-report .pop-up-img i{position:fixed;font-size:30px;top:50px;right:50px;cursor:pointer}.master-truck-report .pop-up-img #selectedImage{width:50%}.master-truck-report .pop-up-img .arrow-custom{position:absolute;font-size:60px;top:50%;color:#fff}.master-truck-report .pop-up-img div{display:flex;gap:20px;position:fixed;top:77%;justify-content:center}.master-truck-report .pop-up-img div img{width:10%;border-radius:10px}.master-truck-report .pop-up-img div img.active{border:2px solid #354ebc}.master-truck-report .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-truck-report .top-page .groupDiv{display:flex}.master-truck-report .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-truck-report .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-truck-report .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-truck-report .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end}.master-truck-report .top-page2{margin-bottom:20px;width:100%}.master-truck-report .top-page2 .search-bar{width:55%;margin-right:10px}.master-truck-report .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.master-truck-report .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px 11px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#000;align-items:center}.master-truck-report .top-page2 input::placeholder{color:#aeaeae}.master-truck-report .top-page2 .search-icon{position:absolute;left:15px}.master-truck-report .top-page2 .search-icon i{font-size:16px;color:#686868;align-items:center}.master-truck-report .top-page2 .select-wrapper-arrow{position:relative;width:15%;margin-right:10px}.master-truck-report .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-truck-report .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-truck-report .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.master-truck-report .top-page2 .dropdown-size{flex:1;margin-right:10px}.master-truck-report .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.master-truck-report .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-truck-report .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.master-truck-report .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.master-truck-report .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-truck-report .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-truck-report .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-truck-report .table-box .dataTables_paginate .paginate_button a:focus,.master-truck-report .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-truck-report .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-truck-report .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-truck-report .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-truck-report .table-box .ellipsis-container{position:relative;display:flex}.master-truck-report .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-truck-report .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-15px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.master-truck-report .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.master-truck-report .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.master-truck-report .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.master-truck-report .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.master-truck-report .table-box .status-active p{font-weight:600}.master-truck-report .table-box .status-inactive{padding:10px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px}.master-truck-report .table-box .status-inactive p{font-weight:600}.master-truck-report .table-box table{width:100%!important;border-collapse:collapse}.master-truck-report .table-box table.dataTable thead .sorting:before,.master-truck-report .table-box table.dataTable thead .sorting_asc:before,.master-truck-report .table-box table.dataTable thead .sorting_desc:before,.master-truck-report .table-box table.dataTable thead .sorting_asc_disabled:before,.master-truck-report .table-box table.dataTable thead .sorting_desc_disabled:before,.master-truck-report .table-box table.dataTable thead .sorting:after,.master-truck-report .table-box table.dataTable thead .sorting_asc:after,.master-truck-report .table-box table.dataTable thead .sorting_desc:after,.master-truck-report .table-box table.dataTable thead .sorting_asc_disabled:after,.master-truck-report .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-truck-report .table-box th,.master-truck-report .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.master-truck-report .table-box th{background-color:#fafafa;font-weight:400}.master-truck-report .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.master-truck-report .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-truck-report .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-truck-report .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-truck-report .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-truck-report .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-truck-riwayat{margin:40px}.master-truck-riwayat p,.master-truck-riwayat h1{margin:0;padding:0}.master-truck-riwayat a,.master-truck-riwayat a:hover{text-decoration:none;color:#fff}.master-truck-riwayat .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-truck-riwayat .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-truck-riwayat .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-truck-riwayat .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-truck-riwayat .pop-up-ubah .card .content2{margin:0 20px 20px}.master-truck-riwayat .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-truck-riwayat .pop-up-ubah .card .border2{border-bottom:1px solid #DBE9FF}.master-truck-riwayat .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-truck-riwayat .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-truck-riwayat .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-truck-riwayat .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-truck-riwayat .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-truck-riwayat .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-truck-riwayat .pop-up-ubah .card .button1 button:hover,.master-truck-riwayat .pop-up-ubah .card .button2 button:hover{opacity:.9}.master-truck-riwayat .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-truck-riwayat .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-truck-riwayat .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-truck-riwayat .pop-up-hapus .card .title i{font-size:25px}.master-truck-riwayat .pop-up-hapus .card .content2{margin:0 20px 20px}.master-truck-riwayat .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-truck-riwayat .pop-up-hapus .card .border2{border-bottom:1px solid #DBE9FF}.master-truck-riwayat .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-truck-riwayat .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-truck-riwayat .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-truck-riwayat .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-truck-riwayat .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-truck-riwayat .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-truck-riwayat .pop-up-hapus .card .button1 button:hover,.master-truck-riwayat .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-truck-riwayat .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.master-truck-riwayat .top-page .text-1{font-size:20px;font-weight:500;color:#354ebc}.master-truck-riwayat .top-page .group-button{display:flex;gap:10px}.master-truck-riwayat .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-truck-riwayat .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-truck-riwayat .top-page2{margin-bottom:20px;width:100%}.master-truck-riwayat .top-page2 .search-bar{width:100%;margin-right:10px}.master-truck-riwayat .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.master-truck-riwayat .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px 11px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#000;align-items:center}.master-truck-riwayat .top-page2 input::placeholder{color:#aeaeae}.master-truck-riwayat .top-page2 .search-icon{position:absolute;left:15px}.master-truck-riwayat .top-page2 .search-icon i{font-size:16px;color:#686868;align-items:center}.master-truck-riwayat .top-page2 .select-wrapper-arrow{position:relative;width:25%;margin-right:10px}.master-truck-riwayat .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-truck-riwayat .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#686868}.master-truck-riwayat .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.master-truck-riwayat .top-page2 .dropdown-size{flex:1;margin-right:10px}.master-truck-riwayat .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.master-truck-riwayat .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-truck-riwayat .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.master-truck-riwayat .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.master-truck-riwayat .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-truck-riwayat .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-truck-riwayat .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-truck-riwayat .table-box .dataTables_paginate .paginate_button a:focus,.master-truck-riwayat .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-truck-riwayat .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-truck-riwayat .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-truck-riwayat .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-truck-riwayat .table-box .ellipsis-container{position:relative;display:flex}.master-truck-riwayat .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-truck-riwayat .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.master-truck-riwayat .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.master-truck-riwayat .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.master-truck-riwayat .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.master-truck-riwayat .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px;margin:0 30px}.master-truck-riwayat .table-box .status-active p{font-weight:600}.master-truck-riwayat .table-box .status-inactive{padding:10px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px;margin:0 30px}.master-truck-riwayat .table-box .status-inactive p{font-weight:600}.master-truck-riwayat .table-box table{width:100%!important;border-collapse:collapse}.master-truck-riwayat .table-box table.dataTable thead .sorting:before,.master-truck-riwayat .table-box table.dataTable thead .sorting_asc:before,.master-truck-riwayat .table-box table.dataTable thead .sorting_desc:before,.master-truck-riwayat .table-box table.dataTable thead .sorting_asc_disabled:before,.master-truck-riwayat .table-box table.dataTable thead .sorting_desc_disabled:before,.master-truck-riwayat .table-box table.dataTable thead .sorting:after,.master-truck-riwayat .table-box table.dataTable thead .sorting_asc:after,.master-truck-riwayat .table-box table.dataTable thead .sorting_desc:after,.master-truck-riwayat .table-box table.dataTable thead .sorting_asc_disabled:after,.master-truck-riwayat .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-truck-riwayat .table-box th,.master-truck-riwayat .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.master-truck-riwayat .table-box th{background-color:#fafafa;font-weight:400}.master-truck-riwayat .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.master-truck-riwayat .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-truck-riwayat .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-truck-riwayat .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-truck-riwayat .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-truck-riwayat .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-pabrik{margin:40px}.master-pabrik p,.master-pabrik h1{margin:0;padding:0}.master-pabrik a,.master-pabrik a:hover{text-decoration:none;color:#fff}.master-pabrik .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-pabrik .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-pabrik .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-pabrik .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-pabrik .pop-up-ubah .card .content2{margin:0 20px 20px}.master-pabrik .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-pabrik .pop-up-ubah .card .border2{border-bottom:1px solid #DBE9FF}.master-pabrik .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-pabrik .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-pabrik .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-pabrik .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-pabrik .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-pabrik .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-pabrik .pop-up-ubah .card .button1 button:hover,.master-pabrik .pop-up-ubah .card .button2 button:hover{opacity:.9}.master-pabrik .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-pabrik .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-pabrik .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-pabrik .pop-up-hapus .card .title i{font-size:25px}.master-pabrik .pop-up-hapus .card .content2{margin:0 20px 20px}.master-pabrik .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-pabrik .pop-up-hapus .card .border2{border-bottom:1px solid #DBE9FF}.master-pabrik .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-pabrik .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-pabrik .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-pabrik .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-pabrik .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-pabrik .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-pabrik .pop-up-hapus .card .button1 button:hover,.master-pabrik .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-pabrik .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.master-pabrik .top-page .text-1{font-size:20px;font-weight:500;color:#354ebc}.master-pabrik .top-page .group-button{display:flex;gap:10px}.master-pabrik .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-pabrik .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-pabrik .top-page2{margin-bottom:20px;width:100%}.master-pabrik .top-page2 .search-bar{width:100%;margin-right:10px}.master-pabrik .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.master-pabrik .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px 11px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#000;align-items:center}.master-pabrik .top-page2 input::placeholder{color:#aeaeae}.master-pabrik .top-page2 .search-icon{position:absolute;left:15px}.master-pabrik .top-page2 .search-icon i{font-size:16px;color:#686868;align-items:center}.master-pabrik .top-page2 .select-wrapper-arrow{position:relative;width:15%;margin-right:10px}.master-pabrik .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-pabrik .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-pabrik .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.master-pabrik .top-page2 .dropdown-size{flex:1;margin-right:10px}.master-pabrik .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.master-pabrik .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:11px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap;font-size:14px}.master-pabrik .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.master-pabrik .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.master-pabrik .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-pabrik .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-pabrik .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-pabrik .table-box .dataTables_paginate .paginate_button a:focus,.master-pabrik .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-pabrik .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-pabrik .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-pabrik .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-pabrik .table-box .ellipsis-container{position:relative;display:flex}.master-pabrik .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-pabrik .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.master-pabrik .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.master-pabrik .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.master-pabrik .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.master-pabrik .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px;margin:0 30px}.master-pabrik .table-box .status-active p{font-weight:600}.master-pabrik .table-box .status-inactive{padding:10px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px;margin:0 30px}.master-pabrik .table-box .status-inactive p{font-weight:600}.master-pabrik .table-box table{width:100%!important;border-collapse:collapse}.master-pabrik .table-box table.dataTable thead .sorting:before,.master-pabrik .table-box table.dataTable thead .sorting_asc:before,.master-pabrik .table-box table.dataTable thead .sorting_desc:before,.master-pabrik .table-box table.dataTable thead .sorting_asc_disabled:before,.master-pabrik .table-box table.dataTable thead .sorting_desc_disabled:before,.master-pabrik .table-box table.dataTable thead .sorting:after,.master-pabrik .table-box table.dataTable thead .sorting_asc:after,.master-pabrik .table-box table.dataTable thead .sorting_desc:after,.master-pabrik .table-box table.dataTable thead .sorting_asc_disabled:after,.master-pabrik .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-pabrik .table-box th,.master-pabrik .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.master-pabrik .table-box th{background-color:#fafafa;font-weight:400}.master-pabrik .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.master-pabrik .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-pabrik .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-pabrik .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-pabrik .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-pabrik .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-pabrik-add{margin:40px}.master-pabrik-add p,.master-pabrik-add h1{margin:0;padding:0}.master-pabrik-add a,.master-pabrik-add a:hover{text-decoration:none;color:#fff}.master-pabrik-add .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-pabrik-add .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-pabrik-add .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-pabrik-add .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-pabrik-add .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-pabrik-add .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-pabrik-add .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-pabrik-add .pop-up-simpan .card .button button:hover{opacity:.9}.master-pabrik-add .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-pabrik-add .top-page .groupDiv{display:flex}.master-pabrik-add .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-pabrik-add .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-pabrik-add .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-pabrik-add .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;font-size:14px}.master-pabrik-add .box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box}.master-pabrik-add .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px}.master-pabrik-add .box span{font-size:14px;color:#dc3545}.master-pabrik-add .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-pabrik-add .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.master-pabrik-add .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-pabrik-add .box2 span{font-size:14px;color:#dc3545}.master-pabrik-add .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-pabrik-add .box3{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.master-pabrik-add .box3 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-pabrik-add .box3 span{font-size:14px;color:#dc3545}.master-pabrik-add .box3 p{margin-bottom:5px;font-size:14px}.master-pabrik-add .box3 .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-pabrik-add .box3 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-pabrik-add .box3 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;line-height:normal;color:#686868}.master-pabrik-ubah{margin:40px}.master-pabrik-ubah p,.master-pabrik-ubah h1{margin:0;padding:0}.master-pabrik-ubah a,.master-pabrik-ubah a:hover{text-decoration:none;color:#fff}.master-pabrik-ubah .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-pabrik-ubah .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-pabrik-ubah .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-pabrik-ubah .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-pabrik-ubah .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-pabrik-ubah .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-pabrik-ubah .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-pabrik-ubah .pop-up-simpan .card .button button:hover{opacity:.9}.master-pabrik-ubah .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-pabrik-ubah .top-page .groupDiv{display:flex}.master-pabrik-ubah .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-pabrik-ubah .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-pabrik-ubah .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-pabrik-ubah .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:10px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;font-size:14px}.master-pabrik-ubah .box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box}.master-pabrik-ubah .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px}.master-pabrik-ubah .box span{font-size:14px;color:#dc3545}.master-pabrik-ubah .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-pabrik-ubah .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.master-pabrik-ubah .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-pabrik-ubah .box2 span{font-size:14px;color:#dc3545}.master-pabrik-ubah .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-pabrik-ubah .box3{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.master-pabrik-ubah .box3 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-pabrik-ubah .box3 span{font-size:14px;color:#dc3545}.master-pabrik-ubah .box3 p{margin-bottom:5px;font-size:14px}.master-pabrik-ubah .box3 .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-pabrik-ubah .box3 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-pabrik-ubah .box3 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;line-height:normal;color:#686868}.master-kategori{margin:40px}.master-kategori p,.master-kategori h1{margin:0;padding:0}.master-kategori a,.master-kategori a:hover{text-decoration:none;color:#fff}.master-kategori .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-kategori .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-kategori .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-kategori .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-kategori .pop-up-ubah .card .content2{margin:0 20px 20px}.master-kategori .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-kategori .pop-up-ubah .card .border2{border-bottom:1px solid #DBE9FF}.master-kategori .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-kategori .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-kategori .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-kategori .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-kategori .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-kategori .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-kategori .pop-up-ubah .card .button1 button:hover,.master-kategori .pop-up-ubah .card .button2 button:hover{opacity:.9}.master-kategori .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-kategori .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-kategori .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-kategori .pop-up-hapus .card .title i{font-size:25px}.master-kategori .pop-up-hapus .card .content2{margin:0 20px 20px}.master-kategori .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-kategori .pop-up-hapus .card .border2{border-bottom:1px solid #DBE9FF}.master-kategori .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-kategori .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-kategori .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-kategori .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-kategori .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-kategori .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-kategori .pop-up-hapus .card .button1 button:hover,.master-kategori .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-kategori .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.master-kategori .top-page .text-1{font-size:20px;font-weight:500;color:#354ebc}.master-kategori .top-page .group-button{display:flex;gap:10px}.master-kategori .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-kategori .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-kategori .top-page2{margin-bottom:20px;width:100%}.master-kategori .top-page2 .search-bar{width:100%;margin-right:10px}.master-kategori .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.master-kategori .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px 11px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#000;letter-spacing:.5px;align-items:center}.master-kategori .top-page2 input::placeholder{color:#aeaeae}.master-kategori .top-page2 .search-icon{position:absolute;left:15px}.master-kategori .top-page2 .search-icon i{font-size:16px;color:#686868;align-items:center}.master-kategori .top-page2 .select-wrapper-arrow{position:relative;width:15%;margin-right:10px}.master-kategori .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-kategori .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-kategori .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.master-kategori .top-page2 .dropdown-size{flex:1;margin-right:10px}.master-kategori .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.master-kategori .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:11px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap;font-size:14px}.master-kategori .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.master-kategori .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.master-kategori .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-kategori .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-kategori .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-kategori .table-box .dataTables_paginate .paginate_button a:focus,.master-kategori .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-kategori .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-kategori .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-kategori .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-kategori .table-box .ellipsis-container{position:relative;display:flex}.master-kategori .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-kategori .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.master-kategori .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.master-kategori .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.master-kategori .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.master-kategori .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px;margin:0 30px}.master-kategori .table-box .status-active p{font-weight:600}.master-kategori .table-box .status-inactive{padding:10px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px;margin:0 30px}.master-kategori .table-box .status-inactive p{font-weight:600}.master-kategori .table-box table{width:100%!important;border-collapse:collapse}.master-kategori .table-box table.dataTable thead .sorting:before,.master-kategori .table-box table.dataTable thead .sorting_asc:before,.master-kategori .table-box table.dataTable thead .sorting_desc:before,.master-kategori .table-box table.dataTable thead .sorting_asc_disabled:before,.master-kategori .table-box table.dataTable thead .sorting_desc_disabled:before,.master-kategori .table-box table.dataTable thead .sorting:after,.master-kategori .table-box table.dataTable thead .sorting_asc:after,.master-kategori .table-box table.dataTable thead .sorting_desc:after,.master-kategori .table-box table.dataTable thead .sorting_asc_disabled:after,.master-kategori .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-kategori .table-box th,.master-kategori .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.master-kategori .table-box th{background-color:#fafafa;font-weight:400}.master-kategori .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.master-kategori .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-kategori .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-kategori .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-kategori .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-kategori .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-kategori-add{margin:40px}.master-kategori-add p,.master-kategori-add h1{margin:0;padding:0}.master-kategori-add a,.master-kategori-add a:hover{text-decoration:none;color:#fff}.master-kategori-add .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-kategori-add .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-kategori-add .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-kategori-add .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-kategori-add .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-kategori-add .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-kategori-add .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-kategori-add .pop-up-simpan .card .button button:hover{opacity:.9}.master-kategori-add .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-kategori-add .top-page .groupDiv{display:flex}.master-kategori-add .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-kategori-add .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-kategori-add .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-kategori-add .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:11px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;font-size:14px}.master-kategori-add .box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box}.master-kategori-add .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px}.master-kategori-add .box span{font-size:14px;color:#dc3545}.master-kategori-add .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-kategori-add .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.master-kategori-add .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-kategori-add .box2 span{font-size:14px;color:#dc3545}.master-kategori-add .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-kategori-add .box3{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.master-kategori-add .box3 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-kategori-add .box3 span{font-size:14px;color:#dc3545}.master-kategori-add .box3 p{margin-bottom:5px}.master-kategori-add .box3 .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-kategori-add .box3 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-kategori-add .box3 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-sub-kategori-ubah .box2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-sub-kategori-ubah .box3 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-sub-kategori{margin:40px}.master-sub-kategori p,.master-sub-kategori h1{margin:0;padding:0}.master-sub-kategori a,.master-sub-kategori a:hover{text-decoration:none;color:#fff}.master-sub-kategori .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-sub-kategori .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-sub-kategori .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-sub-kategori .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-sub-kategori .pop-up-ubah .card .content2{margin:0 20px 20px}.master-sub-kategori .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-sub-kategori .pop-up-ubah .card .border2{border-bottom:1px solid #DBE9FF}.master-sub-kategori .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-sub-kategori .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-sub-kategori .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-sub-kategori .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-sub-kategori .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-sub-kategori .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-sub-kategori .pop-up-ubah .card .button1 button:hover,.master-sub-kategori .pop-up-ubah .card .button2 button:hover{opacity:.9}.master-sub-kategori .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-sub-kategori .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-sub-kategori .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-sub-kategori .pop-up-hapus .card .title i{font-size:25px}.master-sub-kategori .pop-up-hapus .card .content2{margin:0 20px 20px}.master-sub-kategori .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-sub-kategori .pop-up-hapus .card .border2{border-bottom:1px solid #DBE9FF}.master-sub-kategori .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-sub-kategori .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-sub-kategori .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-sub-kategori .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-sub-kategori .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-sub-kategori .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-sub-kategori .pop-up-hapus .card .button1 button:hover,.master-sub-kategori .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-sub-kategori .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.master-sub-kategori .top-page .text-1{font-size:20px;font-weight:500;color:#354ebc}.master-sub-kategori .top-page .group-button{display:flex;gap:10px}.master-sub-kategori .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-sub-kategori .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-sub-kategori .top-page2{margin-bottom:20px;width:100%}.master-sub-kategori .top-page2 .search-bar{width:100%;margin-right:10px}.master-sub-kategori .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.master-sub-kategori .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px 11px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#000}.master-sub-kategori .top-page2 input::placeholder{color:#aeaeae}.master-sub-kategori .top-page2 .search-icon{position:absolute;left:15px}.master-sub-kategori .top-page2 .search-icon i{font-size:16px;color:#686868;align-items:center}.master-sub-kategori .top-page2 .select-wrapper-arrow{position:relative;width:15%;margin-right:10px}.master-sub-kategori .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-sub-kategori .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-sub-kategori .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.master-sub-kategori .top-page2 .dropdown-size{flex:1;margin-right:10px}.master-sub-kategori .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.master-sub-kategori .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:11px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap;font-size:14px}.master-sub-kategori .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.master-sub-kategori .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.master-sub-kategori .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-sub-kategori .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-sub-kategori .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-sub-kategori .table-box .dataTables_paginate .paginate_button a:focus,.master-sub-kategori .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-sub-kategori .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-sub-kategori .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-sub-kategori .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-sub-kategori .table-box .ellipsis-container{position:relative;display:flex}.master-sub-kategori .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-sub-kategori .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.master-sub-kategori .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.master-sub-kategori .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.master-sub-kategori .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.master-sub-kategori .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px;margin:0 30px}.master-sub-kategori .table-box .status-active p{font-weight:600}.master-sub-kategori .table-box .status-inactive{padding:10px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px;margin:0 30px}.master-sub-kategori .table-box .status-inactive p{font-weight:600}.master-sub-kategori .table-box table{width:100%!important;border-collapse:collapse}.master-sub-kategori .table-box table.dataTable thead .sorting:before,.master-sub-kategori .table-box table.dataTable thead .sorting_asc:before,.master-sub-kategori .table-box table.dataTable thead .sorting_desc:before,.master-sub-kategori .table-box table.dataTable thead .sorting_asc_disabled:before,.master-sub-kategori .table-box table.dataTable thead .sorting_desc_disabled:before,.master-sub-kategori .table-box table.dataTable thead .sorting:after,.master-sub-kategori .table-box table.dataTable thead .sorting_asc:after,.master-sub-kategori .table-box table.dataTable thead .sorting_desc:after,.master-sub-kategori .table-box table.dataTable thead .sorting_asc_disabled:after,.master-sub-kategori .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-sub-kategori .table-box th,.master-sub-kategori .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.master-sub-kategori .table-box th{background-color:#fafafa;font-weight:400}.master-sub-kategori .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.master-sub-kategori .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-sub-kategori .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-sub-kategori .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-sub-kategori .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-sub-kategori .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-sub-kategori-add{margin:40px}.master-sub-kategori-add p,.master-sub-kategori-add h1{margin:0;padding:0}.master-sub-kategori-add a,.master-sub-kategori-add a:hover{text-decoration:none;color:#fff}.master-sub-kategori-add .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-sub-kategori-add .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-sub-kategori-add .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-sub-kategori-add .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-sub-kategori-add .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-sub-kategori-add .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-sub-kategori-add .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-sub-kategori-add .pop-up-simpan .card .button button:hover{opacity:.9}.master-sub-kategori-add .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-sub-kategori-add .top-page .groupDiv{display:flex}.master-sub-kategori-add .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-sub-kategori-add .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-sub-kategori-add .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-sub-kategori-add .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:11px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;font-size:14px}.master-sub-kategori-add .box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box}.master-sub-kategori-add .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px}.master-sub-kategori-add .box span{font-size:14px;color:#dc3545}.master-sub-kategori-add .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-sub-kategori-add .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.master-sub-kategori-add .box2 .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-sub-kategori-add .box2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-sub-kategori-add .box2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#686868}.master-sub-kategori-add .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-sub-kategori-add .box2 span{font-size:14px;color:#dc3545}.master-sub-kategori-add .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-sub-kategori-add .box3{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.master-sub-kategori-add .box3 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-sub-kategori-add .box3 span{font-size:14px;color:#dc3545}.master-sub-kategori-add .box3 p{margin-bottom:5px}.master-sub-kategori-add .box3 .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-sub-kategori-add .box3 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-sub-kategori-add .box3 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-sub-kategori-ubah{margin:40px}.master-sub-kategori-ubah p,.master-sub-kategori-ubah h1{margin:0;padding:0}.master-sub-kategori-ubah a,.master-sub-kategori-ubah a:hover{text-decoration:none;color:#fff}.master-sub-kategori-ubah .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-sub-kategori-ubah .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-sub-kategori-ubah .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-sub-kategori-ubah .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-sub-kategori-ubah .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-sub-kategori-ubah .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-sub-kategori-ubah .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-sub-kategori-ubah .pop-up-simpan .card .button button:hover{opacity:.9}.master-sub-kategori-ubah .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-sub-kategori-ubah .top-page .groupDiv{display:flex}.master-sub-kategori-ubah .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-sub-kategori-ubah .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-sub-kategori-ubah .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-sub-kategori-ubah .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:11px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;font-size:14px}.master-sub-kategori-ubah .box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box}.master-sub-kategori-ubah .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px}.master-sub-kategori-ubah .box span{font-size:14px;color:#dc3545}.master-sub-kategori-ubah .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-sub-kategori-ubah .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.master-sub-kategori-ubah .box2 .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-sub-kategori-ubah .box2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-sub-kategori-ubah .box2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#686868}.master-sub-kategori-ubah .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-sub-kategori-ubah .box2 span{font-size:14px;color:#dc3545}.master-sub-kategori-ubah .box2 input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-sub-kategori-ubah .box3{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:20px}.master-sub-kategori-ubah .box3 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-sub-kategori-ubah .box3 span{font-size:14px;color:#dc3545}.master-sub-kategori-ubah .box3 p{margin-bottom:5px}.master-sub-kategori-ubah .box3 .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-sub-kategori-ubah .box3 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-sub-kategori-ubah .box3 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-spotting{margin:40px}.master-spotting p,.master-spotting h1{margin:0;padding:0}.master-spotting a,.master-spotting a:hover{text-decoration:none;color:#fff}.master-spotting .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-spotting .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-spotting .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.master-spotting .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.master-spotting .pop-up-ubah .card .content2{margin:0 20px 20px}.master-spotting .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-spotting .pop-up-ubah .card .border2{border-bottom:1px solid #DBE9FF}.master-spotting .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-spotting .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-spotting .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-spotting .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.master-spotting .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-spotting .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-spotting .pop-up-ubah .card .button1 button:hover,.master-spotting .pop-up-ubah .card .button2 button:hover{opacity:.9}.master-spotting .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-spotting .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.master-spotting .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.master-spotting .pop-up-hapus .card .title i{font-size:25px}.master-spotting .pop-up-hapus .card .content2{margin:0 20px 20px}.master-spotting .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.master-spotting .pop-up-hapus .card .border2{border-bottom:1px solid #DBE9FF}.master-spotting .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-spotting .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-spotting .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.master-spotting .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.master-spotting .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-spotting .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.master-spotting .pop-up-hapus .card .button1 button:hover,.master-spotting .pop-up-hapus .card .button2 button:hover{opacity:.9}.master-spotting .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.master-spotting .top-page .text-1{font-size:20px;font-weight:500;color:#354ebc}.master-spotting .top-page .group-button{display:flex;gap:10px}.master-spotting .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-spotting .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-spotting .top-page2{margin-bottom:20px;width:100%}.master-spotting .top-page2 .search-bar{width:100%;margin-right:10px}.master-spotting .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.master-spotting .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px 11px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#000;align-items:center}.master-spotting .top-page2 input::placeholder{color:#aeaeae}.master-spotting .top-page2 .search-icon{position:absolute;left:15px}.master-spotting .top-page2 .search-icon i{font-size:16px;color:#686868;align-items:center}.master-spotting .top-page2 .select-wrapper-arrow{position:relative;width:25%;margin-right:10px}.master-spotting .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-spotting .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#686868;letter-spacing:.5px}.master-spotting .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.master-spotting .top-page2 .dropdown-size{flex:1;margin-right:10px}.master-spotting .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.master-spotting .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:11px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap;font-size:14px}.master-spotting .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.master-spotting .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.master-spotting .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.master-spotting .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.master-spotting .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.master-spotting .table-box .dataTables_paginate .paginate_button a:focus,.master-spotting .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.master-spotting .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.master-spotting .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.master-spotting .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.master-spotting .table-box .ellipsis-container{position:relative;display:flex}.master-spotting .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.master-spotting .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.master-spotting .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.master-spotting .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.master-spotting .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.master-spotting .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.master-spotting .table-box .status-active p{font-weight:600}.master-spotting .table-box .status-inactive{padding:10px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px}.master-spotting .table-box .status-inactive p{font-weight:600}.master-spotting .table-box table{width:100%!important;border-collapse:collapse}.master-spotting .table-box table.dataTable thead .sorting:before,.master-spotting .table-box table.dataTable thead .sorting_asc:before,.master-spotting .table-box table.dataTable thead .sorting_desc:before,.master-spotting .table-box table.dataTable thead .sorting_asc_disabled:before,.master-spotting .table-box table.dataTable thead .sorting_desc_disabled:before,.master-spotting .table-box table.dataTable thead .sorting:after,.master-spotting .table-box table.dataTable thead .sorting_asc:after,.master-spotting .table-box table.dataTable thead .sorting_desc:after,.master-spotting .table-box table.dataTable thead .sorting_asc_disabled:after,.master-spotting .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.master-spotting .table-box th,.master-spotting .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.master-spotting .table-box th{background-color:#fafafa;font-weight:400}.master-spotting .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.master-spotting .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-spotting .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.master-spotting .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.master-spotting .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.master-spotting .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.master-spotting-add{margin:40px}.master-spotting-add p,.master-spotting-add h1{margin:0;padding:0}.master-spotting-add a,.master-spotting-add a:hover{text-decoration:none;color:#fff}.master-spotting-add .input-style2{background-color:#f4f4f4}.master-spotting-add input[type=date]{font-size:16px;color:#686868;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:10px;font-weight:400}.master-spotting-add input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}.master-spotting-add .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-spotting-add .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-spotting-add .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-spotting-add .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-spotting-add .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-spotting-add .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-spotting-add .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-spotting-add .pop-up-simpan .card .button button:hover{opacity:.9}.master-spotting-add .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-spotting-add .top-page .groupDiv{display:flex}.master-spotting-add .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-spotting-add .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-spotting-add .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-spotting-add .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:11px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;font-size:14px}.master-spotting-add .box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.master-spotting-add .box .box-padding{padding:20px}.master-spotting-add .box .upload-button{display:flex;gap:20px;width:100%}.master-spotting-add .box .upload-button .button{display:flex;flex-direction:column;background-color:#fff;color:#666;border:1px dashed #524FA0;padding:48px 20px;height:fit-content;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-spotting-add .box .upload-button .text-beside-upload{display:flex;flex-direction:column;width:100%}.master-spotting-add .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;position:relative}.master-spotting-add .box .text-box svg{position:absolute;right:15px;top:65%;transform:translateY(-50%)}.master-spotting-add .box span{font-size:14px;color:#dc3545}.master-spotting-add .box input{width:100%;padding:11px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-spotting-add .box .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-spotting-add .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-spotting-add .box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;font-size:14px;color:#000;-webkit-appearance:none;-moz-appearance:none}.master-spotting-add .box .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px}.master-spotting-add .box .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px}.master-spotting-add .box .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%;position:relative}.master-spotting-add .box .box2 .text-box svg{position:absolute;right:15px;top:65%;transform:translateY(-50%)}.master-spotting-add .box .box2 span{font-size:14px;color:#dc3545}.master-spotting-add .box .box2 input{width:100%;padding:11px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px;font-size:14px}.master-spotting-add .box .box3-out{display:flex;justify-content:center;align-items:center;padding:10px;gap:20px;background-color:#f5f4f4;border-radius:15px}.master-spotting-add .box .box3Container{display:flex;flex-direction:column;gap:10px;width:100%}.master-spotting-add .box .box3{display:flex;gap:20px;width:100%}.master-spotting-add .box .box3 input{margin:0}.master-spotting-add .box textarea{width:100%;padding:11px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-spotting-add .box .input-alamat{height:150px}.master-spotting-ubah{margin:40px}.master-spotting-ubah p,.master-spotting-ubah h1{margin:0;padding:0}.master-spotting-ubah a,.master-spotting-ubah a:hover{text-decoration:none;color:#fff}.master-spotting-ubah .input-style2{background-color:#f4f4f4}.master-spotting-ubah input[type=date]{font-size:16px;color:#686868;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:10px;font-weight:400}.master-spotting-ubah input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}.master-spotting-ubah .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-spotting-ubah .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-spotting-ubah .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-spotting-ubah .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-spotting-ubah .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-spotting-ubah .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-spotting-ubah .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-spotting-ubah .pop-up-simpan .card .button button:hover{opacity:.9}.master-spotting-ubah .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-spotting-ubah .top-page .groupDiv{display:flex}.master-spotting-ubah .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-spotting-ubah .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-spotting-ubah .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-spotting-ubah .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:11px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;font-size:14px}.master-spotting-ubah .box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.master-spotting-ubah .box .box-padding{padding:20px}.master-spotting-ubah .box .upload-button{display:flex;gap:20px;width:100%}.master-spotting-ubah .box .upload-button .button{display:flex;flex-direction:column;background-color:#fff;color:#666;border:1px dashed #524FA0;padding:48px 20px;height:fit-content;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-spotting-ubah .box .upload-button .text-beside-upload{display:flex;flex-direction:column;width:100%}.master-spotting-ubah .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;position:relative}.master-spotting-ubah .box .text-box svg{position:absolute;right:15px;top:65%;transform:translateY(-50%)}.master-spotting-ubah .box span{font-size:14px;color:#dc3545}.master-spotting-ubah .box input{width:100%;padding:11px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-spotting-ubah .box .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-spotting-ubah .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-spotting-ubah .box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;font-size:14px;color:#000;-webkit-appearance:none;-moz-appearance:none}.master-spotting-ubah .box .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px}.master-spotting-ubah .box .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px}.master-spotting-ubah .box .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%;position:relative}.master-spotting-ubah .box .box2 .text-box svg{position:absolute;right:15px;top:65%;transform:translateY(-50%)}.master-spotting-ubah .box .box2 span{font-size:14px;color:#dc3545}.master-spotting-ubah .box .box2 input{width:100%;padding:11px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px;font-size:14px}.master-spotting-ubah .box .box3-out{display:flex;justify-content:center;align-items:center;padding:10px;gap:20px;background-color:#f5f4f4;border-radius:15px}.master-spotting-ubah .box .box3Container{display:flex;flex-direction:column;gap:10px;width:100%}.master-spotting-ubah .box .box3{display:flex;gap:20px;width:100%}.master-spotting-ubah .box .box3 input{margin:0}.master-spotting-ubah .box textarea{width:100%;padding:11px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-spotting-ubah .box .input-alamat{height:150px}.master-spotting-detail{margin:40px}.master-spotting-detail p,.master-spotting-detail h1{margin:0;padding:0}.master-spotting-detail a,.master-spotting-detail a:hover{text-decoration:none;color:#fff}.master-spotting-detail .input-style{color:#666;padding-top:15px;padding-bottom:5px;border-bottom:1px solid #DEDDDD}.master-spotting-detail .input-style2{background-color:#f4f4f4}.master-spotting-detail .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.master-spotting-detail .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.master-spotting-detail .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.master-spotting-detail .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.master-spotting-detail .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.master-spotting-detail .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.master-spotting-detail .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.master-spotting-detail .pop-up-simpan .card .button button:hover{opacity:.9}.master-spotting-detail .top-page{display:flex;align-items:center;margin-bottom:20px;letter-spacing:1px;justify-content:space-between}.master-spotting-detail .top-page .groupDiv{display:flex}.master-spotting-detail .top-page img{color:#354ebc;padding-right:10px;cursor:pointer}.master-spotting-detail .top-page .text-1{font-size:20px;font-weight:300;color:#354ebc}.master-spotting-detail .top-page span{font-size:20px;font-weight:500;color:#354ebc}.master-spotting-detail .top-page .button{background-color:#354ebc;color:#fff;border:none;padding:11px 50px;border-radius:10px;cursor:pointer;align-items:center;justify-content:end;font-style:14px}.master-spotting-detail .box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.master-spotting-detail .box .box-padding{padding:20px}.master-spotting-detail .box .upload-button{display:flex;gap:20px;width:100%}.master-spotting-detail .box .upload-button .button{display:flex;flex-direction:column;background-color:#fff;color:#666;border:1px dashed #524FA0;padding:48px 20px;height:fit-content;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.master-spotting-detail .box .upload-button .text-beside-upload{display:flex;flex-direction:column;width:100%}.master-spotting-detail .box .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px}.master-spotting-detail .box span{font-size:14px;color:#dc3545}.master-spotting-detail .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-spotting-detail .box .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.master-spotting-detail .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.master-spotting-detail .box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;font-size:14px;color:#000}.master-spotting-detail .box .box2{display:flex;justify-content:center;align-self:center;width:100%;margin:10px 0;gap:20px}.master-spotting-detail .box .box2 .button-enter{display:flex;align-items:center;background-color:#354ebc;color:#fff;padding:5px 40px;border-radius:10px;margin-bottom:6px}.master-spotting-detail .box .box2 .text-box{font-size:14px;font-weight:400;color:#000;margin-bottom:10px;width:100%}.master-spotting-detail .box .box2 .text-box img{position:absolute;right:10px;top:18px}.master-spotting-detail .box .box2 span{font-size:14px;color:#dc3545}.master-spotting-detail .box .box2 input{width:100%;padding:11px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:5px;margin-top:5px;font-size:14px}.master-spotting-detail .box .box3-out{display:flex;justify-content:center;align-items:center;padding:10px;gap:20px;background-color:#f5f4f4;border-radius:15px}.master-spotting-detail .box .box3Container{display:flex;flex-direction:column;gap:10px;width:100%}.master-spotting-detail .box .box3{display:flex;gap:20px;width:100%}.master-spotting-detail .box .box3 input{margin:0}.master-spotting-detail .box textarea{width:100%;padding:11px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.master-spotting-detail .box .input-alamat{height:150px}.check{margin:30px 40px}.check p,.check i{padding:0;margin:0;font-size:14px}.check .pop-up-scan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:9;display:none;justify-content:center;align-items:center}.check .pop-up-scan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;padding:0;box-sizing:border-box;position:relative;margin-bottom:100px}.check .pop-up-scan .card .top{display:flex;justify-content:center;align-items:center;padding:15px;border-bottom:1px solid #DEDDDD}.check .pop-up-scan .card .top .text-1{font-size:20px;font-weight:500;color:#354ebc}.check .pop-up-scan .card .top i{position:absolute;left:460px;color:gray;cursor:pointer}.check .pop-up-scan .card .barcode-box{display:flex;justify-content:center;align-items:center;gap:20px;background-color:#999;margin:20px 20px 10px}.check .pop-up-scan .card #scanMachine{width:100%}.check .pop-up-scan .card input{margin:0 20px 20px;padding:10px;border-radius:10px;border:1px solid #DEDDDD}.check .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.check .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.check .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.check .pop-up-simpan .card .title .fa-exclamation-circle{font-size:60px;margin-bottom:20px}.check .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.check .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.check .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.check .pop-up-simpan .card .button button:hover{opacity:.9}.check .box{padding:20px;background-color:#fff;border-radius:10px;justify-content:center}.check .box .text-1{display:flex;justify-content:center;color:#354ebc;font-weight:400;font-size:20px;margin-bottom:30px}.check .box input{width:100%;padding:11px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.check .box .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.check .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.check .box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;line-height:normal;color:#686868;letter-spacing:.5px}.check .box .button-cf{width:100%;display:flex;justify-content:center;margin-top:30px;background-color:#4259c1;color:#fff;padding:11px 0;border-radius:10px;border:none;font-size:14px}.check .box .scan-barcode{display:flex;flex-direction:column;justify-content:center;align-items:self-start;width:35%}.check .box .scan-barcode .scan-barcode2{display:flex;flex-direction:column;justify-content:center;align-items:center}.check .box .scan-barcode .scan-border{border:1px dashed #5BEDFC;padding:20px}.check .box .scan-barcode .button-scan{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 20px;background-color:#4259c1;border-radius:10px;color:#fff;margin-top:20px;cursor:pointer}.check .box .scan-barcode p{color:#fff;font-size:14px;font-weight:400}.check-cf-list{margin:30px 40px}.check-cf-list p,.check-cf-list i{padding:0;margin:0}.check-cf-list .top-title{display:flex;align-items:center;gap:10px;color:#354ebc;font-size:20px;font-weight:300;margin-bottom:20px}.check-cf-list .top-title span{font-weight:500}.check-cf-list .warning{display:flex;align-items:center;background-color:#fffbe6;color:#000;padding:10px 20px;margin-bottom:10px;border-radius:10px;font-size:14px}.check-cf-list .warning i{margin-right:10px;color:#faad14}.check-cf-list .search-box{display:flex;position:relative;margin-bottom:20px}.check-cf-list .search-box i{position:absolute;color:#686868;font-size:16px;top:14px;left:15px}.check-cf-list .search-box input{width:100%;padding:10px 10px 10px 50px;border-radius:10px;border:1px solid #DEDDDD;margin-right:10px;font-size:14px}.check-cf-list .box{padding:20px;background-color:#fff;border-radius:10px;margin-bottom:20px}.check-cf-list .box .grid{display:flex;justify-content:space-between;width:100%}.check-cf-list .box .grid h1{padding:10px 60px;font-size:14px;font-weight:400;border-radius:10px;background-color:#4259c1;color:#fff;text-align:center;margin:0 0 auto auto}.check-cf-list .box .grid .grid-left{display:flex;width:50%}.check-cf-list .box .grid .grid-left div{display:flex;flex-direction:column;width:50%;gap:20px}.check-cf-list .box .grid .grid-left div p{font-size:14px}.check-detail{margin:30px 40px}.check-detail p,.check-detail i{padding:0;margin:0}.check-detail .button-trolley{gap:10px;align-items:center;background:#4259c1;border-radius:10px;color:#fff;justify-content:center;margin-top:5px;padding:10px 20px;white-space:nowrap;font-size:14px}.check-detail .button-trolley-rewash{gap:10px;align-items:center;background:#fff;border-radius:10px;color:#4259c1;justify-content:center;margin-top:5px;padding:10px 20px;white-space:nowrap;font-size:14px;border:1px solid #4259c1}.check-detail .pop-up-calc{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.check-detail .pop-up-calc .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;padding:10px;box-sizing:border-box;position:relative}.check-detail .pop-up-calc input{width:100%;padding:10px 100px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;text-align:center;font-size:20px}.check-detail .pop-up-calc .calc-box{display:flex;gap:10px;margin-bottom:10px}.check-detail .pop-up-calc .calc-box .number-box{display:flex;padding:10px;border-radius:10px;width:100%;background-color:#b3b3b3;text-align:center;justify-content:center;align-items:center}.check-detail .pop-up-calc .calc-box .number-box p,.check-detail .pop-up-calc .calc-box .number-box i{color:#fff;align-items:center}.check-detail .pop-up-scan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.check-detail .pop-up-scan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;padding:0;box-sizing:border-box;position:relative;margin-bottom:90px}.check-detail .pop-up-scan .card .top{display:flex;justify-content:center;align-items:center;padding:15px;border-bottom:1px solid #DEDDDD}.check-detail .pop-up-scan .card .top .text-1{font-size:20px;font-weight:500;color:#354ebc}.check-detail .pop-up-scan .card .top i{position:absolute;left:460px;color:gray;cursor:pointer}.check-detail .pop-up-scan .card .barcode-box{display:flex;justify-content:center;align-items:center;padding:20px;gap:20px;background-color:#999;margin:20px 20px 10px;height:350px}.check-detail .pop-up-scan .card input{margin:0 20px 20px;padding:10px;border-radius:10px;border:1px solid #DEDDDD}.check-detail .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.check-detail .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.check-detail .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.check-detail .pop-up-simpan .card .title .fa-exclamation-circle{font-size:60px;margin-bottom:20px}.check-detail .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.check-detail .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.check-detail .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.check-detail .pop-up-simpan .card .button button:hover{opacity:.9}.check-detail .pop-up-cetak-label{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.check-detail .pop-up-cetak-label .card .top{display:flex;align-items:center;padding:15px 150px;border-bottom:1px solid #dadefb;color:#354ebc;font-size:18px;position:relative}.check-detail .pop-up-cetak-label .card .top p{display:flex;justify-content:center;align-items:center}.check-detail .pop-up-cetak-label .card .top i{color:gray;position:absolute;left:350px;cursor:pointer}.check-detail .pop-up-cetak-label .card .top .button-label{padding:10px 20px;background-color:#ffc107;border-radius:10px;color:#fff;cursor:pointer}.check-detail .pop-up-cetak-label .card .top .button-label i{margin-right:5px}.check-detail .pop-up-cetak-label .card .top:disabled{background-color:gray}.check-detail .pop-up-cetak-label .card .title{display:flex;justify-content:center;padding:20px;font-size:15px;color:#000;font-weight:400;border-bottom:1px solid #dadefb}.check-detail .pop-up-cetak-label .card .buttons{display:flex;justify-content:end;gap:20px;padding:15px}.check-detail .pop-up-cetak-label .card .buttons .batal{padding:5px 20px;background-color:#fff;color:#000;border-radius:10px;cursor:pointer;border:1px solid #DEDDDD}.check-detail .pop-up-cetak-label .card .buttons .iya{padding:5px 20px;background-color:#4259c1;color:#fff;border-radius:10px;cursor:pointer;border:none}.check-detail .pop-up-cetak-sukses{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.check-detail .pop-up-cetak-sukses .card .top{display:flex;align-items:center;padding:15px 150px;border-bottom:1px solid #dadefb;color:#354ebc;font-size:18px;position:relative}.check-detail .pop-up-cetak-sukses .card .top p{display:flex;justify-content:center;align-items:center}.check-detail .pop-up-cetak-sukses .card .top i{color:gray;position:absolute;left:320px;cursor:pointer}.check-detail .pop-up-cetak-sukses .card .top .button-label{padding:10px 20px;background-color:#ffc107;border-radius:10px;color:#fff;cursor:pointer}.check-detail .pop-up-cetak-sukses .card .top .button-label i{margin-right:5px}.check-detail .pop-up-cetak-sukses .card .top .button-label:disabled{background-color:gray}.check-detail .pop-up-cetak-sukses .card .title{display:flex;justify-content:center;padding:20px;font-size:15px;color:#000;font-weight:400;border-bottom:1px solid #dadefb}.check-detail .pop-up-cetak-sukses .card .buttons{display:flex;justify-content:end;gap:20px;padding:15px}.check-detail .pop-up-cetak-sukses .card .buttons .batal{padding:5px 20px;background-color:#fff;color:#000;border-radius:10px;cursor:pointer;border:1px solid #DEDDDD}.check-detail .pop-up-cetak-sukses .card .buttons .iya{padding:5px 20px;background-color:#4259c1;color:#fff;border-radius:10px;cursor:pointer;border:none}.check-detail .pop-up-selesai{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.check-detail .pop-up-selesai .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.check-detail .pop-up-selesai .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.check-detail .pop-up-selesai .card .title .fa-exclamation-circle{font-size:60px;margin-bottom:20px}.check-detail .pop-up-selesai .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.check-detail .pop-up-selesai .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.check-detail .pop-up-selesai .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.check-detail .pop-up-selesai .card .button button:hover{opacity:.9}.check-detail .top-title{display:flex;justify-content:space-between;margin-bottom:20px}.check-detail .top-title .left-top{display:flex;justify-content:center;align-items:center;gap:10px;color:#354ebc;font-size:20px;font-weight:300}.check-detail .top-title .left-top span{font-weight:500}.check-detail .top-title .right-top{display:flex;gap:10px;margin:auto 0 0 auto}.check-detail .top-title .right-top #simpan{display:flex;padding:11px 20px;background-color:#354ebc;color:#fff;align-items:center;border-radius:10px;font-size:14px}.check-detail .top-title .right-top #selesai{display:flex;align-items:center;border-radius:10px;gap:10px;padding:11px 20px;background-color:#28a745;color:#fff;font-size:14px}.check-detail .box{padding:20px;background-color:#fff;border-radius:10px;margin-bottom:20px}.check-detail .box .grid{display:flex;justify-content:space-between;width:100%}.check-detail .box .grid h1{padding:10px 60px;font-size:14px;font-weight:400;border-radius:10px;background-color:#4259c1;color:#fff;text-align:center;margin:0 0 auto auto}.check-detail .box .grid .grid-left{display:flex;width:50%}.check-detail .box .grid .grid-left p{font-size:14px}.check-detail .box .grid .grid-left .no-status{background-color:#bbb;border-radius:10px;padding:8px 60px;text-align:center;color:#fff;font-size:14px}.check-detail .box .grid .grid-left .no-status.Balance{background-color:#e9f7ef;color:#28a745}.check-detail .box .grid .grid-left .no-status.Outstanding{background-color:#ffdce4;color:#f4406b}.check-detail .box .grid .grid-left .no-status.Excess{background-color:#a60bcd80;opacity:1;color:#fff}.check-detail .box .grid .grid-left div{display:flex;flex-direction:column;width:60%;gap:20px}.check-detail .box .grid .grid-left div p,.check-detail .box .grid .grid-left div span{font-size:14px}.check-detail .box .grid .grid-left div.left{width:40%}.check-detail .box2{padding:20px;background-color:#fff;border-radius:10px;margin-bottom:20px;display:flex;flex-direction:column;justify-content:space-between}.check-detail .box2 .top{padding-bottom:20px;border-bottom:1px solid #dadefb;width:100%;display:flex;justify-content:space-between;align-items:center}.check-detail .box2 .top .title{font-size:17px;color:#408df0;font-weight:300}.check-detail .box2 .top .button-label{padding:10px 20px;background-color:#ffc107;border-radius:10px;color:#fff;cursor:pointer;border:none;font-size:14px}.check-detail .box2 .top .button-label i{margin-right:5px}.check-detail .box2 .top .button-label:disabled{background-color:gray}.check-detail .box2 .inside-box{margin-top:20px;width:100%;display:flex;flex-direction:column}.check-detail .box2 .inside-box .upper{background-color:#e7ebfd;border-radius:10px 10px 0 0;border:1px solid #d0d6fa;border-bottom:none}.check-detail .box2 .inside-box .upper p{padding:15px 20px;color:#524fa0;font-size:15px}.check-detail .box2 .inside-box .number-pad input{padding:11px}.check-detail .box2 .inside-box .lower{background-color:#fff;border-radius:0 0 10px 10px;border:1px solid #d0d6fa;border-top:none}.check-detail .box2 .inside-box .lower input,.check-detail .box2 .inside-box .lower p{font-size:14px}.check-detail .box2 .inside-box .lower .lower-box{display:flex;gap:20px;width:100%;justify-content:space-between;padding:20px}.check-detail .box2 .inside-box .lower .lower-box .text-box{background-color:#f1f1f1;margin-top:5px;padding:11px 20px;width:100%;border-radius:10px;border:1px solid #DEDDDD}.check-detail .box2 .inside-box .lower .lower-box .text-box2{margin-top:5px;padding:10px 20px;width:100%;border-radius:10px;border:1px solid #DEDDDD}.check-detail .box2 .inside-box .lower .lower-box .button-scans{cursor:pointer;padding:11px 50px;display:flex;align-items:center;justify-content:center;background-color:#cbd9fd;margin-top:5px;border-radius:10px;border:1px solid #524fa0;white-space:nowrap}.check-detail .box2 .inside-box .lower .lower-box .button-scans p{color:#524fa0;font-size:14px}.check-detail .box2 .inside-box .lower .lower-box .button-scans p i{margin-right:5px}.check-detail .box2 .inside-box .lower .lower-box i{font-size:14px}.balance{margin:30px 40px}.balance p,.balance i{padding:0;margin:0;font-size:14px}.balance .pop-up-scan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:9;display:none;justify-content:center;align-items:center}.balance .pop-up-scan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;padding:0;box-sizing:border-box;position:relative;margin-bottom:100px}.balance .pop-up-scan .card .top{display:flex;justify-content:center;align-items:center;padding:15px;border-bottom:1px solid #DEDDDD}.balance .pop-up-scan .card .top .text-1{font-size:20px;font-weight:500;color:#354ebc}.balance .pop-up-scan .card .top i{position:absolute;left:460px;color:gray;cursor:pointer}.balance .pop-up-scan .card .barcode-box{display:flex;justify-content:center;align-items:center;gap:20px;background-color:#999;margin:20px 20px 10px}.balance .pop-up-scan .card #scanTrolley{width:100%}.balance .pop-up-scan .card input{margin:0 20px 20px;padding:10px;border-radius:10px;border:1px solid #DEDDDD}.balance .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.balance .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.balance .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.balance .pop-up-simpan .card .title .fa-exclamation-circle{font-size:60px;margin-bottom:20px}.balance .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.balance .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.balance .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.balance .pop-up-simpan .card .button button:hover{opacity:.9}.balance .switch{padding-top:20px;display:flex;width:50%;gap:5px}.balance .switch p{display:flex;padding:15px;width:50%;justify-content:center;align-items:center;background-color:#e5e5e5;color:#354ebc;font-weight:500;border-radius:10px 10px 0 0;font-size:15px;cursor:pointer}.balance .switch p.active{background-color:#354ebc;color:#fff}.balance .box{padding:20px 20px 40px;background-color:#fff;border-radius:0 10px 10px}.balance .box .warning-text{display:flex;justify-content:center;margin-bottom:20px;padding:15px;background-color:#fff2c5;gap:10px;border-radius:10px;align-items:center}.balance .box .warning-text i{color:#faad14}.balance .box .warning-text p{font-size:14px}.balance .box .text-1{display:flex;justify-content:center;color:#354ebc;font-weight:400;font-size:17px;margin-bottom:20px}.balance .box input{width:100%;padding:10px;border-radius:10px;border:1px solid #DEDDDD;margin-bottom:10px;margin-top:5px;font-size:14px}.balance .box .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.balance .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.balance .box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:10px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;color:#686868;font-size:14px}.balance .box .button-cf{width:100%;display:flex;justify-content:center;margin-top:30px;background-color:#4259c1;color:#fff;padding:11px 0;border-radius:10px;border:none;font-size:14px}.balance .box .scan-barcode{display:flex;flex-direction:column;justify-content:center;align-items:center;width:30%}.balance .box .scan-barcode .scan-border{border:1px dashed #5bedfc;padding:20px}.balance .box .scan-barcode .button-scan{display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 20px;background-color:#4259c1;border-radius:10px;color:#fff;margin-top:20px;cursor:pointer}.balance .box .scan-barcode p{color:#fff;font-size:16px;font-weight:400}.balance .box2{padding:20px 20px 0;background-color:#fff;border-radius:0 10px 10px;border:1px solid #dadefb;display:none}.balance .box2 .select-wrapper-arrow{position:relative;width:100%}.balance .box2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.balance .box2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#686868}.balance .box2 .top{display:flex;padding-bottom:20px;justify-content:space-between;border-bottom:1px solid #dadefb;margin-bottom:20px;align-items:center}.balance .box2 .top p{font-size:17px;color:#408df0}.balance .box2 .top .right-top{display:flex;gap:10px;align-items:center}.balance .box2 .top .right-top .select-wrapper-arrow{width:200px}.balance .box2 .top .right-top .button-cf{background-color:#4259c1;color:#fff;padding:10px 20px;border-radius:10px}.balance .box2 .table-box{background-color:#fff;border-radius:15px;overflow:auto;padding-bottom:20px;box-sizing:border-box}.balance .box2 .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.balance .box2 .table-box .ellipsis-container{position:relative;display:flex}.balance .box2 .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.balance .box2 .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.balance .box2 .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.balance .box2 .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.balance .box2 .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.balance .box2 .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.balance .box2 .table-box .status-express p{font-weight:600}.balance .box2 .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.balance .box2 .table-box .status-regular p{font-weight:600}.balance .box2 .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.balance .box2 .table-box .status-need-revision p{font-weight:600}.balance .box2 .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.balance .box2 .table-box .status-need-approve p{font-weight:600}.balance .box2 .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.balance .box2 .table-box .status-draft p{font-weight:600}.balance .box2 .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.balance .box2 .table-box .status-uncomplete p{font-weight:600}.balance .box2 .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.balance .box2 .table-box .status-complete p{font-weight:600}.balance .box2 .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.balance .box2 .table-box .status-dash p{font-weight:600}.balance .box2 .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.balance .box2 .table-box .status-outstanding p{font-weight:600}.balance .box2 .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.balance .box2 .table-box .status-partial-outstanding p{font-weight:600}.balance .box2 .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.balance .box2 .table-box .status-balance p{font-weight:600}.balance .box2 .table-box table{width:100%!important;border-collapse:collapse}.balance .box2 .table-box table.dataTable thead .sorting:before,.balance .box2 .table-box table.dataTable thead .sorting_asc:before,.balance .box2 .table-box table.dataTable thead .sorting_desc:before,.balance .box2 .table-box table.dataTable thead .sorting_asc_disabled:before,.balance .box2 .table-box table.dataTable thead .sorting_desc_disabled:before,.balance .box2 .table-box table.dataTable thead .sorting:after,.balance .box2 .table-box table.dataTable thead .sorting_asc:after,.balance .box2 .table-box table.dataTable thead .sorting_desc:after,.balance .box2 .table-box table.dataTable thead .sorting_asc_disabled:after,.balance .box2 .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.balance .box2 .table-box table{width:100%!important;border-collapse:collapse;border:1px solid #dbe9ff;position:relative;box-sizing:border-box}.balance .box2 .table-box th.sorting{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.balance .box2 .table-box th.sorting_asc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.balance .box2 .table-box th.sorting_desc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.balance .box2 .table-box th,.balance .box2 .table-box td{padding:20px;text-align:left;font-size:13px;color:#666;border:none}.balance .box2 .table-box th .dropdown,.balance .box2 .table-box td .dropdown{display:flex;justify-content:center}.balance .box2 .table-box th .dropdown .action-btn,.balance .box2 .table-box td .dropdown .action-btn{background:transparent;border:none;width:30px;height:30px}.balance .box2 .table-box th .dropdown .action-btn:hover,.balance .box2 .table-box td .dropdown .action-btn:hover{background:#ffffffcb;transform:scale(1.1);border-radius:10px}.balance .box2 .table-box th .dropdown .dropdown-menu,.balance .box2 .table-box td .dropdown .dropdown-menu{border-radius:4px;background:var(--Base-White, #fff);box-shadow:0 4px 15px #00000040;min-width:154px;padding:0}.balance .box2 .table-box th .dropdown .dropdown-menu.show,.balance .box2 .table-box td .dropdown .dropdown-menu.show{top:10px!important;left:-50px!important}.balance .box2 .table-box th .dropdown .dropdown-menu .dropdown-item,.balance .box2 .table-box td .dropdown .dropdown-menu .dropdown-item{background:#fff;display:flex;padding:8px 12px;align-items:center;gap:10px;align-self:stretch;color:var(--Black, #000);text-align:center;font-family:Poppins;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.balance .box2 .table-box th .dropdown .dropdown-menu .dropdown-item:hover,.balance .box2 .table-box td .dropdown .dropdown-menu .dropdown-item:hover,.balance .box2 .table-box th .dropdown .dropdown-menu .dropdown-item:active,.balance .box2 .table-box td .dropdown .dropdown-menu .dropdown-item:active{font-weight:500}.balance .box2 .table-box th{background-color:#fff;font-weight:500;color:#354ebc;border-bottom:none}.balance .box2 .table-box tbody tr:nth-child(odd){background-color:#fafbff}.balance .box2 .table-box tbody tr:nth-child(2n){background-color:#fff}.balance .box2 .table-box th,.balance .box2 .table-box td{padding:20px;text-align:left;font-size:13px;white-space:nowrap;border:none}.balance .box2 .table-box th{background-color:#fff;font-weight:400}.balance .box2 .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.balance .box2 .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.balance .box2 .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.balance .box2 .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.balance .box2 .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.balance .box2 .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.balance .box2 .table-box .dataTables_paginate .paginate_button a:focus,.balance .box2 .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.balance .box2 .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.balance .box2 .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.balance .box2 .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.balance .box3{padding:20px 20px 0;background-color:#fff;border-radius:0 10px 10px;border:1px solid #dadefb;display:none}.balance .box3 .status{padding:8px 20px;width:max-content;margin:auto;border-radius:10px;font-size:14px;justify-content:center;display:flex;text-align:center}.balance .box3 .status.Approved,.balance .box3 .status.approved{background-color:#e9f7ef;color:#28a745!important}.balance .box3 .status.Reported,.balance .box3 .status.reported{background-color:#cbd9fd;color:#524fa0!important}.balance .box3 .status.Scanned,.balance .box3 .status.scanned{background-color:#e9f7ef;color:#28a745!important}.balance .box3 .status.Scanned,.balance .box3 .status.scanned{background-color:#fdd9e1;color:#f4406b!important}.balance .box3 .select-wrapper-arrow{position:relative;width:100%}.balance .box3 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.balance .box3 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#686868}.balance .box3 .top{display:flex;padding-bottom:20px;justify-content:space-between;border-bottom:1px solid #dadefb;margin-bottom:20px;align-items:center}.balance .box3 .top p{font-size:17px;color:#408df0}.balance .box3 .top .right-top{display:flex;gap:10px;align-items:center}.balance .box3 .top .right-top .select-wrapper-arrow{width:200px}.balance .box3 .top .right-top .button-cf{background-color:#4259c1;color:#fff;padding:10px 20px;border-radius:10px}.balance .box3 .table-box{background-color:#fff;border-radius:15px;overflow:auto;padding-bottom:20px;box-sizing:border-box}.balance .box3 .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.balance .box3 .table-box .ellipsis-container{position:relative;display:flex}.balance .box3 .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.balance .box3 .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.balance .box3 .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.balance .box3 .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.balance .box3 .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.balance .box3 .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.balance .box3 .table-box .status-express p{font-weight:600}.balance .box3 .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.balance .box3 .table-box .status-regular p{font-weight:600}.balance .box3 .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.balance .box3 .table-box .status-need-revision p{font-weight:600}.balance .box3 .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.balance .box3 .table-box .status-need-approve p{font-weight:600}.balance .box3 .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.balance .box3 .table-box .status-draft p{font-weight:600}.balance .box3 .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.balance .box3 .table-box .status-uncomplete p{font-weight:600}.balance .box3 .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.balance .box3 .table-box .status-complete p{font-weight:600}.balance .box3 .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.balance .box3 .table-box .status-dash p{font-weight:600}.balance .box3 .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.balance .box3 .table-box .status-outstanding p{font-weight:600}.balance .box3 .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.balance .box3 .table-box .status-partial-outstanding p{font-weight:600}.balance .box3 .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.balance .box3 .table-box .status-balance p{font-weight:600}.balance .box3 .table-box table{width:100%!important;border-collapse:collapse}.balance .box3 .table-box table.dataTable thead .sorting:before,.balance .box3 .table-box table.dataTable thead .sorting_asc:before,.balance .box3 .table-box table.dataTable thead .sorting_desc:before,.balance .box3 .table-box table.dataTable thead .sorting_asc_disabled:before,.balance .box3 .table-box table.dataTable thead .sorting_desc_disabled:before,.balance .box3 .table-box table.dataTable thead .sorting:after,.balance .box3 .table-box table.dataTable thead .sorting_asc:after,.balance .box3 .table-box table.dataTable thead .sorting_desc:after,.balance .box3 .table-box table.dataTable thead .sorting_asc_disabled:after,.balance .box3 .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.balance .box3 .table-box table{width:100%!important;border-collapse:collapse;border:1px solid #dbe9ff;position:relative;box-sizing:border-box}.balance .box3 .table-box th.sorting{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.balance .box3 .table-box th.sorting_asc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.balance .box3 .table-box th.sorting_desc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.balance .box3 .table-box th,.balance .box3 .table-box td{padding:20px;text-align:left;font-size:13px;color:#666;border:none}.balance .box3 .table-box th .dropdown,.balance .box3 .table-box td .dropdown{display:flex;justify-content:center}.balance .box3 .table-box th .dropdown .action-btn,.balance .box3 .table-box td .dropdown .action-btn{background:transparent;border:none;width:30px;height:30px}.balance .box3 .table-box th .dropdown .action-btn:hover,.balance .box3 .table-box td .dropdown .action-btn:hover{background:#ffffffcb;transform:scale(1.1);border-radius:10px}.balance .box3 .table-box th .dropdown .dropdown-menu,.balance .box3 .table-box td .dropdown .dropdown-menu{border-radius:4px;background:var(--Base-White, #fff);box-shadow:0 4px 15px #00000040;min-width:154px;padding:0}.balance .box3 .table-box th .dropdown .dropdown-menu.show,.balance .box3 .table-box td .dropdown .dropdown-menu.show{top:10px!important;left:-50px!important}.balance .box3 .table-box th .dropdown .dropdown-menu .dropdown-item,.balance .box3 .table-box td .dropdown .dropdown-menu .dropdown-item{background:#fff;display:flex;padding:8px 12px;align-items:center;gap:10px;align-self:stretch;color:var(--Black, #000);text-align:center;font-family:Poppins;font-size:14px;font-style:normal;font-weight:300;line-height:normal}.balance .box3 .table-box th .dropdown .dropdown-menu .dropdown-item:hover,.balance .box3 .table-box td .dropdown .dropdown-menu .dropdown-item:hover,.balance .box3 .table-box th .dropdown .dropdown-menu .dropdown-item:active,.balance .box3 .table-box td .dropdown .dropdown-menu .dropdown-item:active{font-weight:500}.balance .box3 .table-box th{background-color:#fff;font-weight:500;color:#354ebc;border-bottom:none}.balance .box3 .table-box tbody tr:nth-child(odd){background-color:#fafbff}.balance .box3 .table-box tbody tr:nth-child(2n){background-color:#fff}.balance .box3 .table-box th,.balance .box3 .table-box td{padding:20px;text-align:left;font-size:13px;white-space:nowrap;border:none}.balance .box3 .table-box th{background-color:#fff;font-weight:400}.balance .box3 .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.balance .box3 .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.balance .box3 .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.balance .box3 .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.balance .box3 .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.balance .box3 .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.balance .box3 .table-box .dataTables_paginate .paginate_button a:focus,.balance .box3 .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.balance .box3 .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.balance .box3 .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.balance .box3 .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.balance-cf-list{margin:30px 40px}.balance-cf-list p,.balance-cf-list i{padding:0;margin:0}.balance-cf-list .pop-up-scan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:9;display:none;justify-content:center;align-items:center}.balance-cf-list .pop-up-scan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;padding:0;box-sizing:border-box;position:relative;margin-bottom:100px}.balance-cf-list .pop-up-scan .card .top{display:flex;justify-content:center;align-items:center;padding:15px;border-bottom:1px solid #DEDDDD}.balance-cf-list .pop-up-scan .card .top .text-1{font-size:20px;font-weight:500;color:#354ebc}.balance-cf-list .pop-up-scan .card .top i{position:absolute;left:460px;color:gray;cursor:pointer}.balance-cf-list .pop-up-scan .card .barcode-box{display:flex;justify-content:center;align-items:center;gap:20px;background-color:#999;margin:20px 20px 10px}.balance-cf-list .pop-up-scan .card #scanTrolley{width:100%}.balance-cf-list .pop-up-scan .card input{margin:0 20px 20px;padding:10px;border-radius:10px;border:1px solid #DEDDDD}.balance-cf-list .pop-up-simpan,.balance-cf-list .pop-up-approved{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.balance-cf-list .pop-up-simpan .card,.balance-cf-list .pop-up-approved .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.balance-cf-list .pop-up-simpan .card .title,.balance-cf-list .pop-up-approved .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px 0;font-size:20px}.balance-cf-list .pop-up-simpan .card .title .fa-check-circle,.balance-cf-list .pop-up-approved .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.balance-cf-list .pop-up-simpan .card .text-1,.balance-cf-list .pop-up-approved .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.balance-cf-list .pop-up-simpan .card .text-2,.balance-cf-list .pop-up-approved .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px;text-align:center;justify-content:center;margin-top:10px}.balance-cf-list .pop-up-simpan .card .button,.balance-cf-list .pop-up-approved .card .button{display:flex;justify-content:center;align-self:center;padding:10px 20px;gap:10px;font-size:14px;background-color:#ffc107;border-radius:7px;border:none;color:#fff;white-space:nowrap;width:50%}.balance-cf-list .pop-up-simpan .card .button-2,.balance-cf-list .pop-up-approved .card .button-2{display:flex;justify-content:center;align-self:center;padding:10px 20px;gap:10px;font-size:14px;background-color:#4259c1;border-radius:7px;border:none;color:#fff;white-space:nowrap;width:50%}.balance-cf-list .pop-up-simpan .card .button button:hover,.balance-cf-list .pop-up-approved .card .button button:hover{opacity:.9}.balance-cf-list .pop-up-balance{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center;border-radius:10px}.balance-cf-list .pop-up-balance .card .top{display:flex;align-items:center;padding:15px 150px;color:#354ebc;font-size:18px;position:relative}.balance-cf-list .pop-up-balance .card .top p{display:flex;justify-content:center;align-items:center}.balance-cf-list .pop-up-balance .card .top i{color:gray;position:absolute;left:350px;cursor:pointer}.balance-cf-list .pop-up-balance .card .top .button-label{padding:10px 20px;background-color:#ffc107;border-radius:10px;color:#fff;cursor:pointer}.balance-cf-list .pop-up-balance .card .top .button-label i{margin-right:5px}.balance-cf-list .pop-up-balance .card .title{display:flex;gap:10px;align-items:center;justify-content:center;padding:20px;font-size:15px;color:#000;font-weight:400}.balance-cf-list .pop-up-balance .card .buttons{display:flex;justify-content:end;gap:20px;padding:15px}.balance-cf-list .pop-up-balance .card .buttons .batal{padding:5px 20px;background-color:#fff;color:#000;border-radius:10px;cursor:pointer;border:1px solid #DEDDDD}.balance-cf-list .pop-up-balance .card .buttons .iya{padding:5px 20px;background-color:#4259c1;color:#fff;border-radius:10px;cursor:pointer;border:none}.balance-cf-list .top-title{display:flex;align-items:center;gap:10px;color:#354ebc;font-size:20px;font-weight:300;margin-bottom:20px}.balance-cf-list .top-title span{font-weight:500}.balance-cf-list .warning{display:flex;align-items:center;background-color:#fffbe6;color:#000;padding:10px 20px;margin-bottom:10px;border-radius:10px;font-size:14px}.balance-cf-list .warning i{margin-right:10px;color:#faad14}.balance-cf-list .search-box{display:flex;position:relative;width:100%}.balance-cf-list .search-box i{position:absolute;color:#686868;font-size:16px;top:14px;left:15px}.balance-cf-list .search-box input{width:100%;padding:11px 11px 11px 50px;border-radius:10px;border:1px solid #DEDDDD;font-size:14px}.balance-cf-list .select-wrapper-arrow{position:relative;min-width:300px}.balance-cf-list .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.balance-cf-list .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#686868}.balance-cf-list .button-cf{padding:0 30px;white-space:nowrap;background-color:#354ebc;color:#fff;display:flex;text-align:center;align-items:center;border-radius:10px;font-size:14px}.balance-cf-list .box{padding:20px;background-color:#fff;border-radius:10px;margin-bottom:20px}.balance-cf-list .box p{font-size:14px}.balance-cf-list .box input{width:30px;margin-right:50px}.balance-cf-list .box .grid{display:flex;justify-content:space-between;width:100%}.balance-cf-list .box .grid h1{padding:10px 60px;font-size:14px;font-weight:400;border-radius:10px;background-color:#4259c1;color:#fff;text-align:center;margin:0 0 auto auto}.balance-cf-list .box .grid .grid-left{display:flex;width:50%}.balance-cf-list .box .grid .grid-left div{display:flex;flex-direction:column;width:50%;gap:20px}.balance-cf-list .box .content-1-top-2{display:flex;width:100%;gap:20px;align-items:center}.balance-cf-list .box .content-1-top-2 .group{display:flex;align-items:center;width:100%;gap:20px}.balance-cf-list .box .content-1-top-2 .group .inside-box{width:50%;display:flex;align-items:center;justify-content:space-between;padding-right:70px;border-radius:10px}.balance-cf-list .box .content-1-top-2 .group .inside-box .text-1{display:flex;flex-direction:column;font-size:15px;font-weight:400;color:#686868;gap:8px}.balance-cf-list .box .content-1-top-2 .group .inside-box .text-1 p{margin-bottom:0}.balance-cf-list .box .content-1-top-2 .group .inside-box .text-1 .text-custom{color:#000}.balance-cf-list .box .content-1-top-2 .group .inside-box .text-2{display:flex;flex-direction:column;font-size:15px;font-weight:300;color:#000;gap:8px}.balance-cf-list .box .content-1-top-2 .group .inside-box .text-2 p{margin-bottom:0}.balance-cf-list .box .content-1-top-2 .group .inside-box .text-2 .text-custom{color:#000}.balance-cf-list .box .content-1-top-2 .group .inside-box2{width:50%;display:flex;justify-content:space-between;padding-right:70px;border-radius:10px}.balance-cf-list .box .content-1-top-2 .group .inside-box2 .text-1{display:flex;flex-direction:column;font-size:15px;font-weight:400;color:#686868;gap:8px}.balance-cf-list .box .content-1-top-2 .group .inside-box2 .text-1 .text-custom{color:#000}.balance-cf-list .box .content-1-top-2 .group .inside-box2 .text-1-1{display:flex;flex-direction:column;font-size:15px;font-weight:400;color:#686868;gap:18px}.balance-cf-list .box .content-1-top-2 .group .inside-box2 .text-1-1 .text-custom{color:#000}.balance-cf-list .box .content-1-top-2 .group .inside-box2 .text-2{display:flex;flex-direction:column;font-size:15px;font-weight:300;color:#000;gap:8px}.balance-cf-list .box .content-1-top-2 .group .inside-box2 .text-2 .custom-text1{text-align:center;padding:5px;background-color:#ffdce4;color:#f4406b;border-radius:10px}.balance-cf-list .box .content-1-top-2 .group .inside-box2 .text-2 .custom-text2{text-align:center;padding:5px;background-color:#ffc107;color:#fff;border-radius:10px}.balance-cf-list .box .content-1-top-2 .group .inside-box2 .text-2 .text-custom{color:#000}.balance-cf-list .box3{padding:20px 20px 0;background-color:#fff;border-radius:10px;border:1px solid #dadefb}.balance-cf-list .box3 .status{padding:8px 20px;width:max-content;margin:auto;border-radius:10px;font-size:14px;justify-content:center;display:flex;text-align:center}.balance-cf-list .box3 .status.Approved,.balance-cf-list .box3 .status.approved{background-color:#e9f7ef;color:#28a745!important}.balance-cf-list .box3 .status.Reported,.balance-cf-list .box3 .status.reported{background-color:#cbd9fd;color:#524fa0!important}.balance-cf-list .box3 .status.Scanned,.balance-cf-list .box3 .status.scanned{background-color:#e9f7ef;color:#28a745!important}.balance-cf-list .box3 .status.Unscanned,.balance-cf-list .box3 .status.unscanned{background-color:#fdd9e1;color:#f4406b!important}.balance-cf-list .box3 .select-wrapper-arrow{position:relative;width:100%}.balance-cf-list .box3 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.balance-cf-list .box3 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#686868}.balance-cf-list .box3 .top{display:flex;padding-bottom:20px;justify-content:space-between;border-bottom:1px solid #dadefb;margin-bottom:20px;align-items:center}.balance-cf-list .box3 .top a{padding:10px 20px;background-color:#4259c1;color:#fff;border-radius:10px;text-decoration:none}.balance-cf-list .box3 .top p{font-size:17px;color:#408df0}.balance-cf-list .box3 .top .right-top{display:flex;gap:10px;align-items:center}.balance-cf-list .box3 .top .right-top .select-wrapper-arrow{width:200px}.balance-cf-list .box3 .top .right-top .button-cf{background-color:#4259c1;color:#fff;padding:10px 20px;border-radius:10px}.balance-cf-list .box3 .table-box{background-color:#fff;border-radius:15px;overflow:auto;padding-bottom:20px;box-sizing:border-box}.balance-cf-list .box3 .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.balance-cf-list .box3 .table-box .ellipsis-container{position:relative;display:flex}.balance-cf-list .box3 .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.balance-cf-list .box3 .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.balance-cf-list .box3 .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.balance-cf-list .box3 .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.balance-cf-list .box3 .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.balance-cf-list .box3 .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.balance-cf-list .box3 .table-box .status-express p{font-weight:600}.balance-cf-list .box3 .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.balance-cf-list .box3 .table-box .status-regular p{font-weight:600}.balance-cf-list .box3 .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.balance-cf-list .box3 .table-box .status-need-revision p{font-weight:600}.balance-cf-list .box3 .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.balance-cf-list .box3 .table-box .status-need-approve p{font-weight:600}.balance-cf-list .box3 .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.balance-cf-list .box3 .table-box .status-draft p{font-weight:600}.balance-cf-list .box3 .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.balance-cf-list .box3 .table-box .status-uncomplete p{font-weight:600}.balance-cf-list .box3 .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.balance-cf-list .box3 .table-box .status-complete p{font-weight:600}.balance-cf-list .box3 .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.balance-cf-list .box3 .table-box .status-dash p{font-weight:600}.balance-cf-list .box3 .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.balance-cf-list .box3 .table-box .status-outstanding p{font-weight:600}.balance-cf-list .box3 .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.balance-cf-list .box3 .table-box .status-partial-outstanding p{font-weight:600}.balance-cf-list .box3 .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.balance-cf-list .box3 .table-box .status-balance p{font-weight:600}.balance-cf-list .box3 .table-box table{width:100%!important;border-collapse:collapse}.balance-cf-list .box3 .table-box table.dataTable thead .sorting:before,.balance-cf-list .box3 .table-box table.dataTable thead .sorting_asc:before,.balance-cf-list .box3 .table-box table.dataTable thead .sorting_desc:before,.balance-cf-list .box3 .table-box table.dataTable thead .sorting_asc_disabled:before,.balance-cf-list .box3 .table-box table.dataTable thead .sorting_desc_disabled:before,.balance-cf-list .box3 .table-box table.dataTable thead .sorting:after,.balance-cf-list .box3 .table-box table.dataTable thead .sorting_asc:after,.balance-cf-list .box3 .table-box table.dataTable thead .sorting_desc:after,.balance-cf-list .box3 .table-box table.dataTable thead .sorting_asc_disabled:after,.balance-cf-list .box3 .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.balance-cf-list .box3 .table-box table{width:100%!important;border-collapse:collapse;position:relative;box-sizing:border-box}.balance-cf-list .box3 .table-box th.sorting{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.balance-cf-list .box3 .table-box th.sorting_asc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.balance-cf-list .box3 .table-box th.sorting_desc{background-image:url(/build/assets/sort-kPx3OX5u.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.balance-cf-list .box3 .table-box th,.balance-cf-list .box3 .table-box td{padding:20px;text-align:left;font-size:13px;color:#666;border:none}.balance-cf-list .box3 .table-box th{background-color:#fff;font-weight:500;color:#354ebc;border-bottom:none}.balance-cf-list .box3 .table-box tbody tr:nth-child(odd){background-color:#fafbff}.balance-cf-list .box3 .table-box tbody tr:nth-child(2n){background-color:#fff}.balance-cf-list .box3 .table-box th,.balance-cf-list .box3 .table-box td{padding:20px;text-align:left;font-size:13px;white-space:nowrap;border:none}.balance-cf-list .box3 .table-box th{background-color:#fff;font-weight:400}.balance-cf-list .box3 .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.balance-cf-list .box3 .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.balance-cf-list .box3 .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.balance-cf-list .box3 .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.balance-cf-list .box3 .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.balance-cf-list .box3 .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.balance-cf-list .box3 .table-box .dataTables_paginate .paginate_button a:focus,.balance-cf-list .box3 .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.balance-cf-list .box3 .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.balance-cf-list .box3 .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.balance-cf-list .box3 .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.balance-cf-list-2{margin:30px 40px}.balance-cf-list-2 p,.balance-cf-list-2 i{padding:0;margin:0}.balance-cf-list-2 .pop-up-balance{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center;border-radius:10px}.balance-cf-list-2 .pop-up-balance .card .top{display:flex;align-items:center;padding:15px 150px;color:#354ebc;font-size:18px;position:relative}.balance-cf-list-2 .pop-up-balance .card .top p{display:flex;justify-content:center;align-items:center}.balance-cf-list-2 .pop-up-balance .card .top i{color:gray;position:absolute;left:350px;cursor:pointer}.balance-cf-list-2 .pop-up-balance .card .top .button-label{padding:10px 20px;background-color:#ffc107;border-radius:10px;color:#fff;cursor:pointer}.balance-cf-list-2 .pop-up-balance .card .top .button-label i{margin-right:5px}.balance-cf-list-2 .pop-up-balance .card .title{display:flex;gap:10px;align-items:center;justify-content:center;padding:20px;font-size:15px;color:#000;font-weight:400}.balance-cf-list-2 .pop-up-balance .card .buttons{display:flex;justify-content:end;gap:20px;padding:15px}.balance-cf-list-2 .pop-up-balance .card .buttons .batal{padding:5px 20px;background-color:#fff;color:#000;border-radius:10px;cursor:pointer;border:1px solid #DEDDDD}.balance-cf-list-2 .pop-up-balance .card .buttons .iya{padding:5px 20px;background-color:#4259c1;color:#fff;border-radius:10px;cursor:pointer;border:none}.balance-cf-list-2 .pop-up-simpan,.balance-cf-list-2 .pop-up-approved{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.balance-cf-list-2 .pop-up-simpan .card,.balance-cf-list-2 .pop-up-approved .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.balance-cf-list-2 .pop-up-simpan .card .title,.balance-cf-list-2 .pop-up-approved .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px 0;font-size:20px}.balance-cf-list-2 .pop-up-simpan .card .title .fa-check-circle,.balance-cf-list-2 .pop-up-approved .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.balance-cf-list-2 .pop-up-simpan .card .text-1,.balance-cf-list-2 .pop-up-approved .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.balance-cf-list-2 .pop-up-simpan .card .text-2,.balance-cf-list-2 .pop-up-approved .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.balance-cf-list-2 .pop-up-simpan .card .button,.balance-cf-list-2 .pop-up-approved .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.balance-cf-list-2 .pop-up-simpan .card .button button:hover,.balance-cf-list-2 .pop-up-approved .card .button button:hover{opacity:.9}.balance-cf-list-2 .top-title{display:flex;align-items:center;gap:10px;color:#354ebc;font-size:20px;font-weight:300;margin-bottom:20px;justify-content:space-between}.balance-cf-list-2 .top-title span{font-weight:500}.balance-cf-list-2 .top-title .button-1{padding:10px 30px;background-color:#354ebc;color:#fff;border-radius:10px;border:none;font-size:14px;font-weight:400;margin-right:10px;text-decoration:none;cursor:pointer}.balance-cf-list-2 .top-title .button-2{padding:10px 30px;background-color:#28a745;color:#fff;border-radius:10px;border:none;font-size:14px;font-weight:400;text-decoration:none;cursor:pointer}.balance-cf-list-2 .top-title .button-2 i{margin-right:5px}.balance-cf-list-2 .group-text{display:flex;margin-top:40px;gap:20px;width:100%;height:100%}.balance-cf-list-2 .group-text .half-group{width:50%;display:flex;padding:20px;border-radius:10px;background-color:#fff}.balance-cf-list-2 .group-text .half-group .left{width:50%;display:flex;flex-direction:column;gap:10px;color:#686868;font-size:14px}.balance-cf-list-2 .group-text .half-group .right{width:50%;display:flex;flex-direction:column;gap:10px;font-size:14px;font-weight:400}.balance-cf-list-2 .group-text .half-group .right .status{padding:8px 20px;border-radius:10px;font-size:14px;display:flex;width:max-content}.balance-cf-list-2 .group-text .half-group .right .status.Approved,.balance-cf-list-2 .group-text .half-group .right .status.approved{background-color:#e9f7ef;color:#28a745!important}.balance-cf-list-2 .group-text .half-group .right .status.Reported,.balance-cf-list-2 .group-text .half-group .right .status.reported{background-color:#cbd9fd;color:#524fa0!important}.balance-cf-list-2 .group-text .half-group .right .status.Scanned,.balance-cf-list-2 .group-text .half-group .right .status.scanned{background-color:#e9f7ef;color:#28a745!important}.balance-cf-list-2 .group-text .half-group .right .status.Unscanned,.balance-cf-list-2 .group-text .half-group .right .status.unscanned{background-color:#fdd9e1;color:#f4406b!important}.balance-cf-list-2 .group-text-2{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative;margin-top:20px}.balance-cf-list-2 .group-text-2 .text-1{font-size:16px;color:#408df0;padding-bottom:20px;border-bottom:1px solid #dadefb;margin-bottom:10px}.balance-cf-list-2 .group-text-2 .title{display:flex;width:100%;gap:20px}.balance-cf-list-2 .group-text-2 .title .box-input{display:flex;flex-direction:column;gap:10px;width:25%}.balance-cf-list-2 .group-text-2 .title .box-input input{padding:10px;border-radius:10px;border:1px solid #DEDDDD}.balance-cf-list-2 .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative;margin-top:20px}.balance-cf-list-2 .table-box .text-1{font-size:16px;color:#408df0;padding-bottom:20px;border-bottom:1px solid #dadefb;margin-bottom:10px}.balance-cf-list-2 .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px;z-index:0}.balance-cf-list-2 .table-box .status{padding:8px 20px;border-radius:10px;font-size:14px;display:flex;width:max-content}.balance-cf-list-2 .table-box .status.Unchanged,.balance-cf-list-2 .table-box .status.unchanged{background-color:#fddae1;color:#f4406b!important}.balance-cf-list-2 .table-box .status.Changed,.balance-cf-list-2 .table-box .status.changed,.balance-cf-list-2 .table-box .status.Scanned,.balance-cf-list-2 .table-box .status.scanned{background-color:#e9f7ef;color:#28a745!important}.balance-cf-list-2 .table-box .status.Scanned,.balance-cf-list-2 .table-box .status.scanned{background-color:#fdd9e1;color:#f4406b!important}.balance-cf-list-2 .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.balance-cf-list-2 .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.balance-cf-list-2 .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.balance-cf-list-2 .table-box .dataTables_paginate .paginate_button a:focus,.balance-cf-list-2 .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.balance-cf-list-2 .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.balance-cf-list-2 .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.balance-cf-list-2 .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.balance-cf-list-2 .table-box .ellipsis-container{position:relative;display:flex}.balance-cf-list-2 .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.balance-cf-list-2 .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10;padding:10px}.balance-cf-list-2 .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.balance-cf-list-2 .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.balance-cf-list-2 .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.balance-cf-list-2 .table-box .status-active{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px;margin:0 30px}.balance-cf-list-2 .table-box .status-active p{font-weight:600}.balance-cf-list-2 .table-box .status-inactive{padding:10px;background-color:#fddae1;text-align:center;color:#f4406b;border-radius:10px;margin:0 30px}.balance-cf-list-2 .table-box .status-inactive p{font-weight:600}.balance-cf-list-2 .table-box table{width:100%!important;border-collapse:collapse}.balance-cf-list-2 .table-box table.dataTable thead .sorting:before,.balance-cf-list-2 .table-box table.dataTable thead .sorting_asc:before,.balance-cf-list-2 .table-box table.dataTable thead .sorting_desc:before,.balance-cf-list-2 .table-box table.dataTable thead .sorting_asc_disabled:before,.balance-cf-list-2 .table-box table.dataTable thead .sorting_desc_disabled:before,.balance-cf-list-2 .table-box table.dataTable thead .sorting:after,.balance-cf-list-2 .table-box table.dataTable thead .sorting_asc:after,.balance-cf-list-2 .table-box table.dataTable thead .sorting_desc:after,.balance-cf-list-2 .table-box table.dataTable thead .sorting_asc_disabled:after,.balance-cf-list-2 .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.balance-cf-list-2 .table-box th,.balance-cf-list-2 .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.balance-cf-list-2 .table-box th{background-color:#fafafa;font-weight:400}.balance-cf-list-2 .table-box th.sorting{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px;cursor:pointer}.balance-cf-list-2 .table-box th.sorting_asc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.balance-cf-list-2 .table-box th.sorting_desc{background-image:url(/build/assets/sort2-D9U8ualm.svg);background-repeat:no-repeat;background-position:calc(100% - 20px) center;padding-right:40px}.balance-cf-list-2 .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.balance-cf-list-2 .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.balance-cf-list-2 .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.balance-cf-list-2 .warning{display:flex;background-color:#fffbe6;color:#000;padding:10px 20px;margin-bottom:10px;border-radius:10px;font-size:14px}.balance-cf-list-2 .warning i{margin-right:10px;color:#faad14}.balance-cf-list-2 .search-box{display:flex;position:relative;width:100%}.balance-cf-list-2 .search-box i{position:absolute;color:#686868;font-size:16px;top:14px;left:15px}.balance-cf-list-2 .search-box input{width:100%;padding:11px 11px 11px 50px;border-radius:10px;border:1px solid #DEDDDD;font-size:14px}.balance-cf-list-2 .select-wrapper-arrow{position:relative;min-width:300px}.balance-cf-list-2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.balance-cf-list-2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#686868}.balance-cf-list-2 .button-cf{padding:0 30px;white-space:nowrap;background-color:#354ebc;color:#fff;display:flex;text-align:center;align-items:center;border-radius:10px;font-size:14px}.balance-cf-list-2 .box{padding:20px;background-color:#fff;border-radius:10px;margin-bottom:20px}.balance-cf-list-2 .box p{font-size:14px}.balance-cf-list-2 .box input{width:30px;margin-right:50px}.balance-cf-list-2 .box .grid{display:flex;justify-content:space-between;width:100%}.balance-cf-list-2 .box .grid h1{padding:10px 60px;font-size:14px;font-weight:400;border-radius:10px;background-color:#4259c1;color:#fff;text-align:center;margin:0 0 auto auto}.balance-cf-list-2 .box .grid .grid-left{display:flex;width:50%}.balance-cf-list-2 .box .grid .grid-left div{display:flex;flex-direction:column;width:50%;gap:20px}.balance-cf-list2{margin:30px 40px}.balance-cf-list2 p,.balance-cf-list2 i{padding:0;margin:0}.balance-cf-list2 .pop-up-balance{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center;border-radius:10px}.balance-cf-list2 .pop-up-balance .card .top{display:flex;align-items:center;padding:15px 150px;color:#354ebc;font-size:18px;position:relative}.balance-cf-list2 .pop-up-balance .card .top p{display:flex;justify-content:center;align-items:center}.balance-cf-list2 .pop-up-balance .card .top i{color:gray;position:absolute;left:350px;cursor:pointer}.balance-cf-list2 .pop-up-balance .card .top .button-label{padding:10px 20px;background-color:#ffc107;border-radius:10px;color:#fff;cursor:pointer}.balance-cf-list2 .pop-up-balance .card .top .button-label i{margin-right:5px}.balance-cf-list2 .pop-up-balance .card .title{display:flex;gap:10px;align-items:center;justify-content:center;padding:20px;font-size:15px;color:#000;font-weight:400}.balance-cf-list2 .pop-up-balance .card .buttons{display:flex;justify-content:end;gap:20px;padding:15px}.balance-cf-list2 .pop-up-balance .card .buttons .batal{padding:5px 20px;background-color:#fff;color:#000;border-radius:10px;cursor:pointer;border:1px solid #DEDDDD}.balance-cf-list2 .pop-up-balance .card .buttons .iya{padding:5px 20px;background-color:#4259c1;color:#fff;border-radius:10px;cursor:pointer;border:none}.balance-cf-list2 .top-title{display:flex;align-items:center;gap:10px;color:#354ebc;font-size:20px;font-weight:300;margin-bottom:20px}.balance-cf-list2 .top-title span{font-weight:500}.balance-cf-list2 .warning{display:flex;align-items:center;background-color:#fffbe6;color:#000;padding:10px 20px;margin-bottom:10px;border-radius:10px;font-size:14px}.balance-cf-list2 .warning i{margin-right:10px;color:#faad14}.balance-cf-list2 .search-box{display:flex;position:relative;width:100%}.balance-cf-list2 .search-box i{position:absolute;color:#686868;font-size:16px;top:14px;left:15px}.balance-cf-list2 .search-box input{padding:11px 11px 11px 50px;border-radius:10px;border:1px solid #DEDDDD;width:100%;font-size:14px}.balance-cf-list2 .select-wrapper-arrow{position:relative;min-width:300px}.balance-cf-list2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.balance-cf-list2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:11px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;color:#686868}.balance-cf-list2 .button-cf{padding:0 30px;white-space:nowrap;background-color:#354ebc;color:#fff;display:flex;text-align:center;align-items:center;border-radius:10px;font-size:14px}.balance-cf-list2 .box{padding:20px;background-color:#fff;border-radius:10px;margin-bottom:20px}.balance-cf-list2 .box input{width:30px;margin-right:50px}.balance-cf-list2 .box .grid{display:flex;justify-content:space-between;width:100%}.balance-cf-list2 .box .grid p{font-size:14px}.balance-cf-list2 .box .grid h1{padding:10px 60px;font-size:14px;font-weight:400;border-radius:10px;background-color:#4259c1;color:#fff;text-align:center;margin:0 0 auto auto}.balance-cf-list2 .box .grid .grid-left{display:flex;width:50%}.balance-cf-list2 .box .grid .grid-left div{display:flex;flex-direction:column;width:50%;gap:20px}.balance-detail{margin:40px}.balance-detail .input-box{width:100%;display:flex;flex-direction:column;gap:5px}.balance-detail .input-box p{font-size:14px}.balance-detail .input-box .custom{background-color:#d0dcfc;color:#6c757d;border:1px solid #524fa0;padding:7px 15px;border-radius:8px;text-align:center;align-items:center;display:flex;gap:10px}.balance-detail .input-box input{width:100%;padding:7px 15px;border-radius:8px;border:1px solid #DEDDDD;font-size:13px}.balance-detail p,.balance-detail h1{margin:0;padding:0}.balance-detail a,.balance-detail a:hover{text-decoration:none;color:#fff}.balance-detail .button-trolley{gap:10px;align-items:center;background:#4259c1;border-radius:10px;color:#fff;justify-content:center;padding:7px 10px;white-space:nowrap;font-size:16px}.balance-detail .button-rewash{gap:10px;align-items:center;background:#fff;border-radius:10px;color:#4259c1;justify-content:center;padding:7px 10px;white-space:nowrap;font-size:16px;border:1px solid #4259c1}.balance-detail .pop-up-selesai{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.balance-detail .pop-up-selesai .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.balance-detail .pop-up-selesai .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.balance-detail .pop-up-selesai .card .title .fa-exclamation-circle{font-size:60px;margin-bottom:20px}.balance-detail .pop-up-selesai .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.balance-detail .pop-up-selesai .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.balance-detail .pop-up-selesai .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.balance-detail .pop-up-selesai .card .button button:hover{opacity:.9}.balance-detail .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.balance-detail .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.balance-detail .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.balance-detail .pop-up-simpan .card .title .fa-exclamation-circle{font-size:60px;margin-bottom:20px}.balance-detail .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.balance-detail .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.balance-detail .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.balance-detail .pop-up-simpan .card .button button:hover{opacity:.9}.balance-detail .group-1{display:block}.balance-detail .group-2{display:none}.balance-detail .pop-up-scan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.balance-detail .pop-up-scan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;padding:0;box-sizing:border-box;position:relative;margin-bottom:90px}.balance-detail .pop-up-scan .card .top{display:flex;justify-content:center;align-items:center;padding:15px;border-bottom:1px solid #DEDDDD}.balance-detail .pop-up-scan .card .top .text-1{font-size:20px;font-weight:500;color:#354ebc}.balance-detail .pop-up-scan .card .top i{position:absolute;left:460px;color:gray;cursor:pointer}.balance-detail .pop-up-scan .card .barcode-box{display:flex;justify-content:center;align-items:center;padding:20px;gap:20px;background-color:#999;margin:20px 20px 10px;height:350px}.balance-detail .pop-up-scan .card input{margin:0 20px 20px;padding:10px;border-radius:10px;border:1px solid #DEDDDD}.balance-detail .pop-up-konfirmasi{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:100;justify-content:center;align-items:center;display:none}.balance-detail .pop-up-konfirmasi .card{max-width:500px}.balance-detail .pop-up-konfirmasi .card .top{display:flex;align-items:center;justify-content:center;padding:15px;border-bottom:1px solid #dadefb;color:#354ebc;font-size:18px;position:relative}.balance-detail .pop-up-konfirmasi .card .top p{display:flex;justify-content:center;align-items:center}.balance-detail .pop-up-konfirmasi .card .top i{color:gray;position:absolute;right:20px;cursor:pointer}.balance-detail .pop-up-konfirmasi .card .top .button-label{padding:10px 20px;background-color:#ffc107;border-radius:10px;color:#fff;cursor:pointer}.balance-detail .pop-up-konfirmasi .card .top .button-label i{margin-right:5px}.balance-detail .pop-up-konfirmasi .card .top .button-label:disabled{background-color:gray}.balance-detail .pop-up-konfirmasi .card .title{display:flex;justify-content:center;padding:20px;font-size:15px;color:#000;font-weight:400;border-bottom:1px solid #dadefb}.balance-detail .pop-up-konfirmasi .card .buttons{display:flex;justify-content:center;width:100%;gap:10px;padding:15px}.balance-detail .pop-up-konfirmasi .card .buttons .batal{background-color:#fff;color:#000;border-radius:8px;cursor:pointer;border:1px solid #DEDDDD;padding:5px;width:100%}.balance-detail .pop-up-konfirmasi .card .buttons .iya{padding:5px;width:100%;background-color:#4259c1;color:#fff;border-radius:8px;cursor:pointer;border:none}.balance-detail .top{display:flex;justify-content:space-between;white-space:nowrap}.balance-detail .top .title{display:flex;align-items:center;justify-content:center;color:#354ebc}.balance-detail .top .title p{display:flex;font-size:20px;margin-right:10px;font-weight:300}.balance-detail .top .title p span{font-weight:500;margin-left:7px}.balance-detail .top .title img{width:30px}.balance-detail .top .button{display:flex;gap:10px;align-items:center;justify-content:center}.balance-detail .top .button .button-1{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;font-size:14px;color:#fff;background-color:#354ebc;border-radius:10px;border:none;cursor:pointer}.balance-detail .top .button .button-2{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;color:#354ebc;background-color:#fff;border-radius:10px;border:1px solid #354ebc;font-size:14px;cursor:pointer}.balance-detail .top .button .button-3{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;color:#fff;background-color:#28a745;font-size:14px;border-radius:10px;border:none;cursor:pointer}.balance-detail .box{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px}.balance-detail .box p{font-size:14px}.balance-detail .box .top{width:100%;display:flex;gap:30px}.balance-detail .box .top .grid{justify-content:left;width:25%}.balance-detail .box .top .grid .title1{font-size:14px;font-weight:500;color:#686868;margin-bottom:5px}.balance-detail .box .top .grid input{width:100%;font-size:15px;font-weight:300;color:#aeaeae;border:none;padding:5px 5px 5px 0;border-bottom:1px solid #354ebc;font-size:14px}.balance-detail .box .switch{border-bottom:1px solid #DEDDDD;display:flex;gap:20px;cursor:pointer}.balance-detail .box .switch .switch-text.active{color:#408df0;padding-bottom:10px;border-bottom:1.5px solid #408df0}.balance-detail .box .content-1-top{display:flex;width:100%;margin-top:20px}.balance-detail .box .content-1-top .group{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:20px;border-bottom:1px solid #DEDDDD}.balance-detail .box .content-1-top .group .text-1{font-size:15px;font-weight:400;color:#686868;margin-bottom:5px}.balance-detail .box .content-1-top .group .text-2{font-size:15px;font-weight:300;color:#686868;margin-bottom:5px}.balance-detail .box .content-1-top .group .text-3{font-size:15px;font-weight:300;color:#fff;padding:10px 30px;background-color:#f4406b;border-radius:10px}.balance-detail .box .content-1-top .group .text-4{font-size:15px;font-weight:300;color:#f4406b;padding:10px 30px;background-color:#ffdce4;border-radius:10px}.balance-detail .box .content-1-top-2,.balance-detail .box .content-1-top-2 .group{display:flex;width:100%;gap:20px}.balance-detail .box .content-1-top-2 .group .inside-box{width:50%;display:flex;justify-content:space-between;padding-right:70px;border-radius:10px}.balance-detail .box .content-1-top-2 .group .inside-box .text-1{display:flex;flex-direction:column;font-size:15px;font-weight:400;color:#686868;gap:8px}.balance-detail .box .content-1-top-2 .group .inside-box .text-1 .text-custom{color:#000}.balance-detail .box .content-1-top-2 .group .inside-box .text-2{display:flex;flex-direction:column;font-size:15px;font-weight:300;color:#000;gap:8px}.balance-detail .box .content-1-top-2 .group .inside-box .text-2 .text-custom{color:#000}.balance-detail .box .content-1-top-2 .group .inside-box2{width:50%;display:flex;justify-content:space-between;padding-right:70px;border-radius:10px}.balance-detail .box .content-1-top-2 .group .inside-box2 .text-1{display:flex;flex-direction:column;font-size:15px;font-weight:400;color:#686868;gap:8px}.balance-detail .box .content-1-top-2 .group .inside-box2 .text-1 .text-custom{color:#000}.balance-detail .box .content-1-top-2 .group .inside-box2 .text-1-1{display:flex;flex-direction:column;font-size:15px;font-weight:400;color:#686868;gap:18px}.balance-detail .box .content-1-top-2 .group .inside-box2 .text-1-1 .text-custom{color:#000}.balance-detail .box .content-1-top-2 .group .inside-box2 .text-2{display:flex;flex-direction:column;font-size:15px;font-weight:300;color:#000;gap:8px}.balance-detail .box .content-1-top-2 .group .inside-box2 .text-2 .custom-text1{text-align:center;padding:5px;background-color:#ffdce4;color:#f4406b;border-radius:10px}.balance-detail .box .content-1-top-2 .group .inside-box2 .text-2 .custom-text2{text-align:center;padding:5px;background-color:#ffc107;color:#fff;border-radius:10px}.balance-detail .box .content-1-top-2 .group .inside-box2 .text-2 .text-custom{color:#000}.balance-detail .box .top-2{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dadefb;padding-bottom:10px}.balance-detail .box .top-2 .title{font-size:20px;color:#408df0;font-weight:300}.balance-detail .box .top-2 .category{display:flex;gap:10px;align-items:center}.balance-detail .box .top-2 .category .text-1{font-weight:500}.balance-detail .box .table-box{background-color:#fff;border-radius:15px;padding:20px 0;overflow:auto;box-sizing:border-box}.balance-detail .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.balance-detail .box .table-box .ellipsis-container{position:relative;display:flex}.balance-detail .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.balance-detail .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.balance-detail .box .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.balance-detail .box .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.balance-detail .box .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.balance-detail .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.balance-detail .box .table-box .status-regular p{font-weight:600}.balance-detail .box .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.balance-detail .box .table-box .status-express p{font-weight:600}.balance-detail .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.balance-detail .box .table-box .status-draft p{font-weight:600}.balance-detail .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.balance-detail .box .table-box .status-need-approve p{font-weight:600}.balance-detail .box .table-box .status-need-revision{padding:10px;background-color:#ffdce4;text-align:center;color:#f4406b;border-radius:10px}.balance-detail .box .table-box .status-need-revision p{font-weight:600}.balance-detail .box .table-box .status-ongoing{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.balance-detail .box .table-box .status-ongoing p{font-weight:600}.balance-detail .box .table-box .status-done{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.balance-detail .box .table-box .status-done p{font-weight:600}.balance-detail .box .table-box table{width:100%!important;border-collapse:collapse}.balance-detail .box .table-box table.dataTable thead .sorting:before,.balance-detail .box .table-box table.dataTable thead .sorting_asc:before,.balance-detail .box .table-box table.dataTable thead .sorting_desc:before,.balance-detail .box .table-box table.dataTable thead .sorting_asc_disabled:before,.balance-detail .box .table-box table.dataTable thead .sorting_desc_disabled:before,.balance-detail .box .table-box table.dataTable thead .sorting:after,.balance-detail .box .table-box table.dataTable thead .sorting_asc:after,.balance-detail .box .table-box table.dataTable thead .sorting_desc:after,.balance-detail .box .table-box table.dataTable thead .sorting_asc_disabled:after,.balance-detail .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.balance-detail .box .table-box th,.balance-detail .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px}.balance-detail .box .table-box th{background-color:#fafafa;font-weight:400}.balance-detail .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.balance-detail .box .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.balance-detail .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.balance-detail .button-submit{width:100%;border-radius:10px;padding:10px;background-color:#354ebc;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-top:20px;text-align:center}.balance-detail .box2{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px}.balance-detail .box2 .top{width:100%;display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #dadefb}.balance-detail .box2 .top .button{padding:8px 30px;background-color:#1768f2;color:#fff;border-radius:10px;font-size:14px}.balance-detail .box2 .top .button2{padding:8px 30px;background-color:#cbd9fd;color:#524fa0;border:1px solid #524fa0;border-radius:10px;font-size:14px}.balance-detail .box2 .top .text{font-size:17px;color:#408df0;font-weight:300}.balance-detail .box2 .group-box{display:flex;flex-direction:column}.balance-detail .box2 .group-box .inside-box .upper{margin-top:20px;padding:20px;display:flex;border-radius:10px 10px 0 0;border:1px solid #dadefb;justify-content:space-between;align-items:center}.balance-detail .box2 .group-box .inside-box .upper .text-1{padding:10px 20px;border-radius:10px;background-color:#6666;opacity:.5;color:#fff;font-size:14px}.balance-detail .box2 .group-box .inside-box .upper .text-1.outstanding,.balance-detail .box2 .group-box .inside-box .upper .text-1.Outstanding{background-color:#ffdce4;opacity:1;color:#f4406b}.balance-detail .box2 .group-box .inside-box .upper .text-1.balance,.balance-detail .box2 .group-box .inside-box .upper .text-1.Balance{background-color:#e9f7ef;color:#28a745;opacity:1}.balance-detail .box2 .group-box .inside-box .upper .text-1.excess,.balance-detail .box2 .group-box .inside-box .upper .text-1.Excess{background-color:#a60bcd80;opacity:1;color:#fff}.balance-detail .box2 .group-box .inside-box .upper .text-1.no-status,.balance-detail .box2 .group-box .inside-box .upper .text-1.No-status{background-color:#6666;opacity:.5;color:#fff}.balance-detail .box2 .group-box .inside-box .upper .text-2{display:flex;gap:10px;align-items:center;color:#fff;border-radius:10px;padding:10px 20px;background-color:#ffc107;font-size:14px}.balance-detail .box2 .group-box .inside-box .upper .text-2:disabled{background-color:gray}.balance-detail .box2 .group-box .inside-box .bottom{padding:20px;border-radius:0 0 10px 10px;background-color:#f9f9f9;border:1px solid #dadefb;border-top:none}.balance-detail .box2 .group-box .inside-box .bottom .level1{width:100%;display:flex;gap:15px}.balance-detail .box2 .group-box .inside-box .bottom .level1 .input-box{width:100%;display:flex;flex-direction:column;gap:5px}.balance-detail .box2 .group-box .inside-box .bottom .level1 .input-box p{font-size:14px}.balance-detail .box2 .group-box .inside-box .bottom .level1 .input-box .custom{background-color:#d0dcfc;color:#6c757d;border:1px solid #524fa0;padding:7px 15px;border-radius:8px;text-align:center;align-items:center;display:flex;gap:10px}.balance-detail .box2 .group-box .inside-box .bottom .level1 .input-box input{width:100%;padding:7px 15px;border-radius:8px;border:1px solid #DEDDDD;font-size:13px}.balance-detail .box2 .group-box2{display:flex;flex-direction:column;margin-top:20px;gap:20px}.balance-detail .box2 .group-box2 .group-select{width:100%;display:flex;gap:20px}.balance-detail .box2 .group-box2 .group-select p{font-size:14px}.balance-detail .box2 .group-box2 .group-select i{margin-top:35px;color:red;cursor:pointer}.balance-detail .box2 .group-box2 .select-wrapper-arrow{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.balance-detail .box2 .group-box2 .select-wrapper-arrow:before{content:"";position:absolute;bottom:0%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.balance-detail .box2 .group-box2 .select-wrapper-arrow select,.balance-detail .box2 .group-box2 .select-wrapper-arrow input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:7px 15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:400;line-height:normal;color:#686868;letter-spacing:.5px}.balance-detail .box2 .group-box2 .select-wrapper-arrow2{position:relative;width:100%;display:flex;flex-direction:column;gap:5px}.balance-detail .box2 .group-box2 .select-wrapper-arrow2 select,.balance-detail .box2 .group-box2 .select-wrapper-arrow2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:7px 15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:400;line-height:normal;color:#686868;letter-spacing:.5px}.balance-detail .box2 .group-box2 .inside-box .upper{margin-top:20px;padding:20px;display:flex;border-radius:10px 10px 0 0;border:1px solid #dadefb;justify-content:space-between;align-items:center}.balance-detail .box2 .group-box2 .inside-box .upper .text-1{padding:10px 20px;border-radius:10px;background-color:#6666;opacity:.5;color:#fff;font-size:14px}.balance-detail .box2 .group-box2 .inside-box .upper .text-1.outstanding,.balance-detail .box2 .group-box2 .inside-box .upper .text-1.Outstanding{background-color:#ffdce4;opacity:1;color:#f4406b}.balance-detail .box2 .group-box2 .inside-box .upper .text-1.balance,.balance-detail .box2 .group-box2 .inside-box .upper .text-1.Balance{background-color:#e9f7ef;color:#28a745;opacity:1}.balance-detail .box2 .group-box2 .inside-box .upper .text-1.excess,.balance-detail .box2 .group-box2 .inside-box .upper .text-1.Excess{background-color:#a60bcd80;opacity:1;color:#fff}.balance-detail .box2 .group-box2 .inside-box .upper .text-1.no-status,.balance-detail .box2 .group-box2 .inside-box .upper .text-1.No-status{background-color:#6666;opacity:.5;color:#fff}.balance-detail .box2 .group-box2 .inside-box .upper .text-2{display:flex;gap:10px;align-items:center;color:#fff;border-radius:10px;padding:10px 20px;background-color:#ffc107;font-size:14px}.balance-detail .box2 .group-box2 .inside-box .upper .text-2:disabled{background-color:gray}.balance-detail .box2 .group-box2 .inside-box .bottom{padding:20px;border-radius:0 0 10px 10px;background-color:#f9f9f9;border:1px solid #dadefb;border-top:none}.balance-detail .box2 .group-box2 .inside-box .bottom .level1{width:100%;display:flex;gap:15px}.balance-detail .box2 .group-box2 .inside-box .bottom .level1 .input-box{width:100%;display:flex;flex-direction:column;gap:5px}.balance-detail .box2 .group-box2 .inside-box .bottom .level1 .input-box p{font-size:14px}.balance-detail .box2 .group-box2 .inside-box .bottom .level1 .input-box .custom{background-color:#d0dcfc;color:#6c757d;border:1px solid #524fa0;padding:7px 15px;border-radius:8px;text-align:center;align-items:center;display:flex;gap:10px}.balance-detail .box2 .group-box2 .inside-box .bottom .level1 .input-box input{width:100%;padding:7px 15px;border-radius:8px;border:1px solid #DEDDDD;font-size:13px}.balance-detail2{display:flex;flex-direction:column;padding:30px}.balance-detail2 a,.balance-detail2 p{margin:0;padding:0}.balance-detail2 .status{padding:8px 20px;width:max-content;border-radius:10px;font-size:14px}.balance-detail2 .status.Balance,.balance-detail2 .status.balance,.balance-detail2 .status.Completed,.balance-detail2 .status.completed{background-color:#e9f7ef;color:#28a745!important;margin:0!important}.balance-detail2 .status.Excess,.balance-detail2 .status.excess{background-color:#a60bcd80;color:#fff!important}.balance-detail2 .status.Outstanding,.balance-detail2 .status.outstanding{background-color:#fdd9e1;color:#f4406b!important}.balance-detail2 .btn-tracking{font-size:14px;color:#524fa0;font-weight:400}.balance-detail2 .btn-selesai{font-size:14px;color:#fff;font-weight:400}.balance-detail2 .right-side{display:flex;background-color:#fff;border:1px solid #524fa0;border-radius:10px;padding:10px 20px;justify-content:center;align-items:center}.balance-detail2 .right-side i{font-size:18px;color:#524fa0}.balance-detail2 .right-side a{display:flex;justify-content:center;align-self:center;font-size:16px;border:none;color:#524fa0}.balance-detail2 .right-side a button:hover{opacity:.9}.balance-detail2 .top-page{display:flex;align-items:center;justify-content:space-between}.balance-detail2 .top-page .left-side{display:flex;gap:10px;align-items:center}.balance-detail2 .top-page .left-side p{font-size:20px;font-weight:300;color:#354ebc}.balance-detail2 .top-page .left-side p span{font-weight:500;color:#354ebc}.balance-detail2 .top-page .left-side img{cursor:pointer}.balance-detail2 .top-page .right-side{display:flex;gap:10px;align-items:center;background-color:#fff;border:1px solid #524fa0;border-radius:10px;padding:11px 20px}.balance-detail2 .top-page .right-side i{font-size:16px;color:#524fa0}.balance-detail2 .top-page .right-side a{display:flex;justify-content:center;align-self:center;font-size:14px;border:none;color:#524fa0}.balance-detail2 .top-page .right-side a button:hover{opacity:.9}.balance-detail2 .box{background-color:#fff;padding:20px;border-radius:10px;margin-top:20px}.balance-detail2 .box p{font-size:14px}.balance-detail2 .box .group-text-1{display:flex;gap:20px;align-items:center;border-bottom:1px solid #DEDDDD}.balance-detail2 .box .group-text-1 .text-1{font-size:14px;font-weight:400;color:#000;padding-bottom:5px}.balance-detail2 .box .group-text-1 .text-1.active{font-size:14px;font-weight:400;color:#408df0;border-bottom:2px solid #408df0}.balance-detail2 .box .content-box{display:flex;flex-direction:column}.balance-detail2 .box .content-box .top-side{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:15px;border-bottom:1px solid #DEDDDD}.balance-detail2 .box .content-box .top-side .left-side{display:flex;gap:5px;flex-direction:column;justify-content:start}.balance-detail2 .box .content-box .top-side .left-side .text-2{font-size:15px;font-weight:400;color:#686868}.balance-detail2 .box .content-box .top-side .left-side .text-3{font-size:18px;color:#408df0}.balance-detail2 .box .content-box .top-side .right-side{display:flex;gap:20px}.balance-detail2 .box .content-box .top-side .right-side .button .text-5{background-color:#d2d2d2;text-decoration:none;color:#000;width:120px;padding:7px 15px;border-radius:10px;margin-top:5px;text-align:center}.balance-detail2 .box .content-box .top-side .right-side .button .text-6{background-color:#f4406b;text-decoration:none;color:#fff;width:120px;padding:7px 25px;border-radius:10px;margin-top:5px;text-align:center;white-space:nowrap;width:150px}.balance-detail2 .box .content-box .bottom-side{display:flex;width:100%;margin-top:20px}.balance-detail2 .box .content-box .bottom-side .left-bottom,.balance-detail2 .box .content-box .bottom-side .right-bottom{width:50%;display:flex}.balance-detail2 .box .content-box .bottom-side .left-bottom .left-text,.balance-detail2 .box .content-box .bottom-side .right-bottom .left-text{display:flex;flex-direction:column;width:50%;gap:10px}.balance-detail2 .box .content-box .bottom-side .left-bottom .left-text .text-1,.balance-detail2 .box .content-box .bottom-side .right-bottom .left-text .text-1{color:#686868;font-size:14px}.balance-detail2 .box .content-box .bottom-side .left-bottom .right-text,.balance-detail2 .box .content-box .bottom-side .right-bottom .right-text{display:flex;flex-direction:column;width:50%;gap:10px}.balance-detail2 .box .content-box .bottom-side .left-bottom .right-text .text-2,.balance-detail2 .box .content-box .bottom-side .right-bottom .right-text .text-2{color:#000;font-size:14px}.balance-detail2 .box .content-box .bottom-side2{display:flex;width:100%;margin-top:20px}.balance-detail2 .box .content-box .bottom-side2 .left-bottom{width:50%;display:flex;flex-direction:column}.balance-detail2 .box .content-box .bottom-side2 .left-bottom p{color:#686868;font-size:15px;margin-bottom:5px}.balance-detail2 .box .content-box .bottom-side2 .left-bottom img{width:125px}.balance-detail2 .box .content-box .bottom-side2 .right-bottom{width:50%;display:flex;gap:20px;justify-content:end;align-items:end}.balance-detail2 .box .content-box .bottom-side2 .right-bottom .context{width:50%}.balance-detail2 .box .content-box .bottom-side2 .right-bottom .context p{color:#686868;font-size:15px}.balance-detail2 .box .content-box .bottom-side2 .right-bottom .context input{width:100%;border:none;border-bottom:1px solid #354ebc;padding:10px 5px}.balance-detail2 .box .table-box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box;position:relative}.balance-detail2 .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.balance-detail2 .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.balance-detail2 .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.balance-detail2 .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.balance-detail2 .box .table-box .dataTables_paginate .paginate_button a:focus,.balance-detail2 .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.balance-detail2 .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.balance-detail2 .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.balance-detail2 .box .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.balance-detail2 .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.balance-detail2 .box .table-box .ellipsis-container{position:relative;display:flex}.balance-detail2 .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.balance-detail2 .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.balance-detail2 .box .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.balance-detail2 .box .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.balance-detail2 .box .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.balance-detail2 .box .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.balance-detail2 .box .table-box .status-express p{font-weight:600}.balance-detail2 .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.balance-detail2 .box .table-box .status-regular p{font-weight:600}.balance-detail2 .box .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.balance-detail2 .box .table-box .status-need-revision p{font-weight:600}.balance-detail2 .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.balance-detail2 .box .table-box .status-need-approve p{font-weight:600}.balance-detail2 .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.balance-detail2 .box .table-box .status-draft p{font-weight:600}.balance-detail2 .box .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.balance-detail2 .box .table-box .status-uncomplete p{font-weight:600}.balance-detail2 .box .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.balance-detail2 .box .table-box .status-complete p{font-weight:600}.balance-detail2 .box .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.balance-detail2 .box .table-box .status-dash p{font-weight:600}.balance-detail2 .box .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.balance-detail2 .box .table-box .status-outstanding p{font-weight:600}.balance-detail2 .box .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.balance-detail2 .box .table-box .status-partial-outstanding p{font-weight:600}.balance-detail2 .box .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.balance-detail2 .box .table-box .status-balance p{font-weight:600}.balance-detail2 .box .table-box table{width:100%!important;border-collapse:collapse}.balance-detail2 .box .table-box table.dataTable thead .sorting:before,.balance-detail2 .box .table-box table.dataTable thead .sorting_asc:before,.balance-detail2 .box .table-box table.dataTable thead .sorting_desc:before,.balance-detail2 .box .table-box table.dataTable thead .sorting_asc_disabled:before,.balance-detail2 .box .table-box table.dataTable thead .sorting_desc_disabled:before,.balance-detail2 .box .table-box table.dataTable thead .sorting:after,.balance-detail2 .box .table-box table.dataTable thead .sorting_asc:after,.balance-detail2 .box .table-box table.dataTable thead .sorting_desc:after,.balance-detail2 .box .table-box table.dataTable thead .sorting_asc_disabled:after,.balance-detail2 .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.balance-detail2 .box .table-box th,.balance-detail2 .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px;white-space:nowrap}.balance-detail2 .box .table-box th{background-color:#fafafa;font-weight:400}.balance-detail2 .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.balance-tracking{margin:40px}.balance-tracking p,.balance-tracking h1{margin:0;padding:0}.balance-tracking a,.balance-tracking a:hover{text-decoration:none;color:#fff}.balance-tracking .table-box{background-color:#fff;border-radius:15px;overflow:auto;padding-bottom:20px;box-sizing:border-box}.balance-tracking .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.balance-tracking .table-box .ellipsis-container{position:relative;display:flex}.balance-tracking .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.balance-tracking .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-40px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.balance-tracking .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.balance-tracking .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.balance-tracking .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.balance-tracking .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.balance-tracking .table-box .status-express p{font-weight:600}.balance-tracking .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.balance-tracking .table-box .status-regular p{font-weight:600}.balance-tracking .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.balance-tracking .table-box .status-need-revision p{font-weight:600}.balance-tracking .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.balance-tracking .table-box .status-need-approve p{font-weight:600}.balance-tracking .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.balance-tracking .table-box .status-draft p{font-weight:600}.balance-tracking .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.balance-tracking .table-box .status-uncomplete p{font-weight:600}.balance-tracking .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.balance-tracking .table-box .status-complete p{font-weight:600}.balance-tracking .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.balance-tracking .table-box .status-dash p{font-weight:600}.balance-tracking .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.balance-tracking .table-box .status-outstanding p{font-weight:600}.balance-tracking .table-box .status-orange{padding:10px;background-color:#ffc107;text-align:center;color:#000;border-radius:10px}.balance-tracking .table-box .status-orange p{font-weight:600}.balance-tracking .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.balance-tracking .table-box .status-balance p{font-weight:600}.balance-tracking .table-box table{width:100%!important;border-collapse:collapse}.balance-tracking .table-box table.dataTable thead .sorting:before,.balance-tracking .table-box table.dataTable thead .sorting_asc:before,.balance-tracking .table-box table.dataTable thead .sorting_desc:before,.balance-tracking .table-box table.dataTable thead .sorting_asc_disabled:before,.balance-tracking .table-box table.dataTable thead .sorting_desc_disabled:before,.balance-tracking .table-box table.dataTable thead .sorting:after,.balance-tracking .table-box table.dataTable thead .sorting_asc:after,.balance-tracking .table-box table.dataTable thead .sorting_desc:after,.balance-tracking .table-box table.dataTable thead .sorting_asc_disabled:after,.balance-tracking .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.balance-tracking .table-box th,.balance-tracking .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px;white-space:nowrap}.balance-tracking .table-box th{background-color:#fafafa;font-weight:400}.balance-tracking .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.balance-tracking .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.balance-tracking .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.balance-tracking .top{display:flex;justify-content:space-between;white-space:nowrap}.balance-tracking .top .title{display:flex;align-items:center;justify-content:center;color:#354ebc}.balance-tracking .top .title p{display:flex;font-size:20px;margin-right:10px;font-weight:300}.balance-tracking .top .title p span{font-weight:500;margin-left:7px}.balance-tracking .top .title img{width:30px}.balance-tracking .top .button{display:flex;gap:10px;align-items:center;justify-content:center}.balance-tracking .top .button .button-1{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;color:#fff;background-color:#354ebc;border-radius:10px;cursor:pointer}.balance-tracking .top .button .button-2{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;color:#354ebc;background-color:#fff;border-radius:10px;border:1px solid #354EBC;cursor:pointer}.balance-tracking .top .button .button-3{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;color:#fff;background-color:#28a745;border-radius:10px;cursor:pointer}.balance-tracking .box{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px}.balance-tracking .box .top{width:100%;display:flex;gap:30px}.balance-tracking .box .top .grid{justify-content:left;width:25%}.balance-tracking .box .top .grid .title1{font-size:15px;font-weight:500;color:#686868;margin-bottom:5px}.balance-tracking .box .top .grid input{width:100%;font-size:15px;font-weight:300;color:#aeaeae;border:none;padding:5px 5px 5px 0;border-bottom:1px solid #354EBC}.balance-tracking .box .switch{border-bottom:1px solid #DEDDDD;display:flex;gap:20px;cursor:pointer}.balance-tracking .box .switch .switch-text.active{color:#408df0;padding-bottom:10px;border-bottom:1.5px solid #408DF0}.balance-tracking .box .content-1-top{display:flex;width:100%;margin-top:20px}.balance-tracking .box .content-1-top .group{display:flex;justify-content:space-between;align-items:center;width:100%;padding-bottom:20px;border-bottom:1px solid #DEDDDD}.balance-tracking .box .content-1-top .group .text-1{font-size:15px;font-weight:400;color:#686868;margin-bottom:5px}.balance-tracking .box .content-1-top .group .text-2{font-size:15px;font-weight:300;color:#686868;margin-bottom:5px}.balance-tracking .box .content-1-top .group .text-3{font-size:15px;font-weight:300;color:#fff;padding:10px 30px;background-color:#f4406b;border-radius:10px}.balance-tracking .box .content-1-top .group .text-4{font-size:15px;font-weight:300;color:#f4406b;padding:10px 30px;background-color:#ffdce4;border-radius:10px}.balance-tracking .box .content-1-top-2,.balance-tracking .box .content-1-top-2 .group{display:flex;width:100%;gap:20px}.balance-tracking .box .content-1-top-2 .group .inside-box{width:50%;display:flex;justify-content:space-between;padding-right:70px;border-radius:10px}.balance-tracking .box .content-1-top-2 .group .inside-box .text-1{display:flex;flex-direction:column;font-size:15px;font-weight:400;color:#686868;gap:8px}.balance-tracking .box .content-1-top-2 .group .inside-box .text-1 .text-custom{color:#000}.balance-tracking .box .content-1-top-2 .group .inside-box .text-2{display:flex;flex-direction:column;font-size:15px;font-weight:300;color:#000;gap:8px}.balance-tracking .box .content-1-top-2 .group .inside-box .text-2 .text-custom{color:#000}.balance-tracking .box .content-1-top-2 .group .inside-box2{width:50%;display:flex;justify-content:space-between;padding-right:70px;border-radius:10px}.balance-tracking .box .content-1-top-2 .group .inside-box2 .text-1{display:flex;flex-direction:column;font-size:15px;font-weight:400;color:#686868;gap:8px}.balance-tracking .box .content-1-top-2 .group .inside-box2 .text-1 .text-custom{color:#000}.balance-tracking .box .content-1-top-2 .group .inside-box2 .text-1-1{display:flex;flex-direction:column;font-size:15px;font-weight:400;color:#686868;gap:18px}.balance-tracking .box .content-1-top-2 .group .inside-box2 .text-1-1 .text-custom{color:#000}.balance-tracking .box .content-1-top-2 .group .inside-box2 .text-2{display:flex;flex-direction:column;font-size:15px;font-weight:300;color:#000;gap:8px}.balance-tracking .box .content-1-top-2 .group .inside-box2 .text-2 .custom-text1{text-align:center;padding:5px;background-color:#ffdce4;color:#f4406b;border-radius:10px}.balance-tracking .box .content-1-top-2 .group .inside-box2 .text-2 .custom-text2{text-align:center;padding:5px;background-color:#ffc107;color:#fff;border-radius:10px}.balance-tracking .box .content-1-top-2 .group .inside-box2 .text-2 .text-custom{color:#000}.balance-tracking .box .top-2{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #DADEFB;padding-bottom:10px}.balance-tracking .box .top-2 .title{font-size:20px;color:#408df0;font-weight:300}.balance-tracking .box .top-2 .category{display:flex;gap:10px;align-items:center}.balance-tracking .box .top-2 .category .text-1{font-weight:500}.balance-tracking .box .table-box{background-color:#fff;border-radius:15px;overflow:auto;box-sizing:border-box}.balance-tracking .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.balance-tracking .box .table-box .ellipsis-container{position:relative;display:flex}.balance-tracking .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.balance-tracking .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.balance-tracking .box .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.balance-tracking .box .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.balance-tracking .box .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.balance-tracking .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.balance-tracking .box .table-box .status-regular p{font-weight:600}.balance-tracking .box .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.balance-tracking .box .table-box .status-express p{font-weight:600}.balance-tracking .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.balance-tracking .box .table-box .status-draft p{font-weight:600}.balance-tracking .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.balance-tracking .box .table-box .status-need-approve p{font-weight:600}.balance-tracking .box .table-box .status-need-revision{padding:10px;background-color:#ffdce4;text-align:center;color:#f4406b;border-radius:10px}.balance-tracking .box .table-box .status-need-revision p{font-weight:600}.balance-tracking .box .table-box .status-ongoing{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.balance-tracking .box .table-box .status-ongoing p{font-weight:600}.balance-tracking .box .table-box .status-done{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.balance-tracking .box .table-box .status-done p{font-weight:600}.balance-tracking .box .table-box table{width:100%!important;border-collapse:collapse}.balance-tracking .box .table-box table.dataTable thead .sorting:before,.balance-tracking .box .table-box table.dataTable thead .sorting_asc:before,.balance-tracking .box .table-box table.dataTable thead .sorting_desc:before,.balance-tracking .box .table-box table.dataTable thead .sorting_asc_disabled:before,.balance-tracking .box .table-box table.dataTable thead .sorting_desc_disabled:before,.balance-tracking .box .table-box table.dataTable thead .sorting:after,.balance-tracking .box .table-box table.dataTable thead .sorting_asc:after,.balance-tracking .box .table-box table.dataTable thead .sorting_desc:after,.balance-tracking .box .table-box table.dataTable thead .sorting_asc_disabled:after,.balance-tracking .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.balance-tracking .box .table-box th,.balance-tracking .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px}.balance-tracking .box .table-box th{background-color:#fafafa;font-weight:400}.balance-tracking .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.balance-tracking .box .table-box .dataTables_wrapper .dataTables_info{font-size:13px;font-weight:400;color:#666;position:absolute;margin-top:15px}.balance-tracking .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.balance-tracking .box2{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px}.balance-tracking .box2 .top{width:100%;display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid #DADEFB}.balance-tracking .box2 .top .button{padding:8px 30px;background-color:#1768f2;color:#fff;border-radius:10px}.balance-tracking .box2 .top .text{font-size:20px;color:#408df0;font-weight:300}.balance-tracking .box2 .group-box{display:flex;flex-direction:column}.balance-tracking .box2 .group-box .inside-box .upper{margin-top:20px;padding:20px;display:flex;border-radius:10px 10px 0 0;border:1px solid #DADEFB;justify-content:space-between;align-items:center}.balance-tracking .box2 .group-box .inside-box .upper .text-1{padding:10px 20px;background-color:#e9f7ef;color:#28a745;border-radius:10px}.balance-tracking .box2 .group-box .inside-box .upper .text-2{display:flex;gap:10px;align-items:center;color:#fff;border-radius:10px;padding:10px 20px;background-color:#ffc107}.balance-tracking .box2 .group-box .inside-box .bottom{padding:20px;border-radius:0 0 10px 10px;background-color:#f9f9f9;border:1px solid #DADEFB;border-top:none}.balance-tracking .box2 .group-box .inside-box .bottom .level1{width:100%;display:flex;gap:15px}.balance-tracking .box2 .group-box .inside-box .bottom .level1 .input-box{display:flex;flex-direction:column;gap:5px}.balance-tracking .box2 .group-box .inside-box .bottom .level1 .input-box input{width:100%;padding:7px 15px;border-radius:8px;border:1px solid #DEDDDD}.report{margin:40px}.report .pop-up-img{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;z-index:4;display:none;justify-content:center;align-items:center}.report .pop-up-img i{position:fixed;font-size:30px;top:50px;right:50px;cursor:pointer}.report .pop-up-img #selectedImage{width:50%}.report .pop-up-img .arrow-custom{position:absolute;font-size:60px;top:50%;color:#fff}.report .pop-up-img div{display:flex;gap:20px;position:fixed;top:77%;justify-content:center}.report .pop-up-img div img{width:10%;border-radius:10px}.report .pop-up-img div img.active{border:2px solid #354ebc}.report .image-container{display:flex;align-items:center;gap:10px;justify-content:center}.report .ellipsis-container{position:relative}.report .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.report .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.report .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.report .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.report .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.report p,.report h1{margin:0;padding:0}.report a,.report a:hover{text-decoration:none;color:#fff}.report .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.report .top-page .text-1{font-size:22px;font-weight:500;color:#354ebc}.report .top-page .group-button{display:flex;gap:10px}.report .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;font-size:14px}.report .top-page .button-1 a{font-size:14px}.report .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;font-size:14px}.report .top-page .button-2 a{font-size:14px}.report .top-page .button-3{background-color:#4259c1;color:#fff;border:none;padding:11px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;font-size:14px}.report .top-page .button-3 a{font-size:14px}.report .top-page2{margin-bottom:20px}.report .top-page2 .group-button{display:flex;gap:10px}.report .top-page2 .search-bar{width:100%;margin-right:10px}.report .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.report .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 5px 13px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#000;letter-spacing:.5px;align-items:center}.report .top-page2 input::placeholder{color:#aeaeae}.report .top-page2 .search-icon{position:absolute;left:15px}.report .top-page2 .search-icon i{font-size:18px;color:#686868;align-items:center}.report .top-page2 .date{display:flex;margin-right:10px}.report .top-page2 .date ::-webkit-datetime-edit-fields-wrapper{display:flex;position:relative;justify-content:center}.report .top-page2 .date .date-style1::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;right:50px;cursor:pointer}.report .top-page2 .date .date-style2::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;left:10px;cursor:pointer}.report .top-page2 .date .arrow-date{border:1px solid #DEDDDD;border-right:none;border-left:none;background-color:#fff;padding:12px 5px}.report .top-page2 .date .date-icon{border:1px solid #DEDDDD;border-left:none;background-color:#fff;padding:12px 15px 12px 0;border-radius:0 10px 10px 0}.report .top-page2 .date .date-style1,.report .top-page2 .date .date-style2{border:1px solid #DEDDDD;padding:12px 5px;font-size:16px;font-weight:300;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none}.report .top-page2 .date .date-style1{border-radius:10px 0 0 10px;border-right:none}.report .top-page2 .date .date-style2{border-radius:0;border-right:none;border-left:none}.report .top-page2 .date input:focus{border-color:#dedddd;outline:none}.report .top-page2 .select-wrapper-arrow{position:relative;width:40%;margin-right:10px}.report .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.report .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.report .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.report .top-page2 .dropdown-size{flex:1;margin-right:10px}.report .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.report .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:14px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.report .top-page2 .button2{background-color:#fff;color:#3750bd;border:1px solid #3750bd;padding:11px 20px;border-radius:10px;cursor:pointer;justify-content:center;white-space:nowrap;font-weight:500;align-items:center;display:flex;gap:20px;margin-right:20px}.report .top-page2 .button2 span{font-size:14px}.report .top-page2 .button-3{background-color:#3750bd;color:#fff;border:1px solid #3750bd;padding:11px 20px;border-radius:10px;cursor:pointer;justify-content:center;white-space:nowrap;font-weight:500;align-items:center;display:flex;gap:20px;margin-right:20px;font-size:14px}.report .top-page2 .button-3 a{font-size:14px}.report .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.report .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.report .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.report .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.report .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.report .table-box .dataTables_paginate .paginate_button a:focus,.report .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.report .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.report .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.report .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.report .table-box .ellipsis-container{position:relative;display:flex}.report .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.report .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-15px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.report .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.report .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.report .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.report .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.report .table-box .status-express p{font-weight:600}.report .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.report .table-box .status-regular p{font-weight:600}.report .table-box table{width:100%!important;border-collapse:collapse}.report .table-box table.dataTable thead .sorting:before,.report .table-box table.dataTable thead .sorting_asc:before,.report .table-box table.dataTable thead .sorting_desc:before,.report .table-box table.dataTable thead .sorting_asc_disabled:before,.report .table-box table.dataTable thead .sorting_desc_disabled:before,.report .table-box table.dataTable thead .sorting:after,.report .table-box table.dataTable thead .sorting_asc:after,.report .table-box table.dataTable thead .sorting_desc:after,.report .table-box table.dataTable thead .sorting_asc_disabled:after,.report .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.report .table-box th,.report .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:13px;white-space:nowrap}.report .table-box th{background-color:#fafafa;font-weight:400}.report .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.report .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.report .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.report-detail-regular{margin:40px}.report-detail-regular p,.report-detail-regular h1{margin:0;padding:0}.report-detail-regular a,.report-detail-regular a:hover{text-decoration:none;color:#fff}.report-detail-regular .top{display:flex;justify-content:space-between;white-space:nowrap}.report-detail-regular .top .title{display:flex;align-items:center;justify-content:center;color:#354ebc}.report-detail-regular .top .title p{display:flex;font-size:20px;margin-right:10px;font-weight:300}.report-detail-regular .top .title p span{font-weight:500;margin-left:7px}.report-detail-regular .top .title img{width:30px}.report-detail-regular .top .button{display:flex;gap:10px;align-items:center;justify-content:center}.report-detail-regular .top .button .button-1{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 30px;color:#524fa0;background-color:#fff;border-radius:10px;border:1px solid #524fa0;cursor:pointer}.report-detail-regular .top .button .button-2{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;color:#fff;background-color:#354ebc;border-radius:10px;cursor:pointer}.report-detail-regular .switch{border-bottom:1px solid #DEDDDD;display:flex;gap:20px;cursor:pointer}.report-detail-regular .switch .switch-text.active{color:#408df0;padding-bottom:10px;border-bottom:1.5px solid #408df0}.report-detail-regular .box{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px;display:flex;flex-direction:column;width:100%}.report-detail-regular .box .data-balancing{background-color:#cbd9fd;color:#524fa0;padding:7px 10px;border-radius:10px;cursor:pointer;align-items:center}.report-detail-regular .box .data-balancing i{color:#28a745;margin-right:7px}.report-detail-regular .box .group-text{display:flex}.report-detail-regular .box .half{display:flex;gap:20px;width:50%}.report-detail-regular .box .half .text-1{display:flex;flex-direction:column;gap:10px;width:50%}.report-detail-regular .box .half .text-1 p{font-size:15px;font-weight:500;color:#686868}.report-detail-regular .box .half .text-2{display:flex;flex-direction:column;gap:10px;width:50%;margin-right:20px}.report-detail-regular .box .half .text-2 p{font-size:15px;font-weight:400;color:#000}.report-detail-regular .box .bottom-box{display:flex;flex-direction:column;gap:10px;margin-top:20px;margin-bottom:40px}.report-detail-regular .box .bottom-box p{font-size:15px;font-weight:500;color:#686868}.report-detail-regular .box .bottom-box .img-box{display:flex;gap:10px;align-items:center}.report-detail-regular .box .bottom-box img{width:12%;border-radius:10px}.report-detail-regular .box .title{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #dadefb}.report-detail-regular .box .title .title-text{color:#408df0;font-size:20px}.report-detail-regular .box .title .textbox{padding:10px 20px;border-radius:10px;background-color:#f3f3f3;border:1px solid #DEDDDD}.report-detail-regular .box .table-box{background-color:#fff;border-radius:15px;padding:20px 0;overflow:auto;box-sizing:border-box;position:relative}.report-detail-regular .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.report-detail-regular .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.report-detail-regular .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.report-detail-regular .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.report-detail-regular .box .table-box .dataTables_paginate .paginate_button a:focus,.report-detail-regular .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.report-detail-regular .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.report-detail-regular .box .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.report-detail-regular .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.report-detail-regular .box .table-box .ellipsis-container{position:relative;display:flex}.report-detail-regular .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.report-detail-regular .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.report-detail-regular .box .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.report-detail-regular .box .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.report-detail-regular .box .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.report-detail-regular .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.report-detail-regular .box .table-box .status-regular p{font-weight:600}.report-detail-regular .box .table-box .status-complete{padding:10px;background-color:#ffc107;text-align:center;color:#000;border-radius:10px}.report-detail-regular .box .table-box .status-complete p{font-weight:600}.report-detail-regular .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.report-detail-regular .box .table-box .status-draft p{font-weight:600}.report-detail-regular .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.report-detail-regular .box .table-box .status-need-approve p{font-weight:600}.report-detail-regular .box .table-box .status-need-revision{padding:10px;background-color:#ffdce4;text-align:center;color:#f4406b;border-radius:10px}.report-detail-regular .box .table-box .status-need-revision p{font-weight:600}.report-detail-regular .box .table-box .status-ongoing{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.report-detail-regular .box .table-box .status-ongoing p{font-weight:600}.report-detail-regular .box .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.report-detail-regular .box .table-box .status-balance p{font-weight:600}.report-detail-regular .box .table-box table{width:100%!important;border-collapse:collapse}.report-detail-regular .box .table-box table.dataTable thead .sorting:before,.report-detail-regular .box .table-box table.dataTable thead .sorting_asc:before,.report-detail-regular .box .table-box table.dataTable thead .sorting_desc:before,.report-detail-regular .box .table-box table.dataTable thead .sorting_asc_disabled:before,.report-detail-regular .box .table-box table.dataTable thead .sorting_desc_disabled:before,.report-detail-regular .box .table-box table.dataTable thead .sorting:after,.report-detail-regular .box .table-box table.dataTable thead .sorting_asc:after,.report-detail-regular .box .table-box table.dataTable thead .sorting_desc:after,.report-detail-regular .box .table-box table.dataTable thead .sorting_asc_disabled:after,.report-detail-regular .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.report-detail-regular .box .table-box th,.report-detail-regular .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px}.report-detail-regular .box .table-box th{background-color:#fafafa;font-weight:400}.report-detail-regular .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.report-detail-regular .box .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.report-detail-regular .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.report-detail-regular .outer-box{display:flex;gap:20px}.report-detail-regular .outer-box2{display:flex;flex-direction:column;gap:10px}.report-detail-regular .outer-box2 .express{display:flex;width:100%;align-items:center}.report-detail-regular .outer-box2 .express .text-left{display:flex;flex-direction:column;width:50%;font-size:15px;font-weight:500;color:#686868}.report-detail-regular .outer-box2 .express .text-right{display:flex;flex-direction:column;width:50%;font-size:15px;font-weight:400;color:#000}.report-detail-regular .outer-box2 .express .text-right .text-3{display:flex;gap:10px;align-items:center}.report-detail-regular .outer-box2 .express .text-right .text-4{display:flex;gap:10px;align-items:center;color:#dc3545;background-color:#ffdce4;width:max-content;padding:5px 10px;border-radius:10px;font-weight:500;margin-top:5px}.report-detail-regular .box2{margin-top:20px;display:flex;width:100%;gap:20px}.report-detail-regular .box2 .group-text{padding:20px;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;width:50%}.report-detail-regular .box2 .group-text2{display:flex;flex-direction:column;width:50%;gap:20px}.report-detail-regular .box2 .half{display:flex;gap:20px;width:100%}.report-detail-regular .box2 .half .text-1{display:flex;flex-direction:column;gap:10px;width:50%}.report-detail-regular .box2 .half .text-1 p{font-size:15px;font-weight:500;color:#686868}.report-detail-regular .box2 .half .text-2{display:flex;flex-direction:column;gap:10px;width:50%;margin-right:20px}.report-detail-regular .box2 .half .text-2 p{font-size:15px;font-weight:400;color:#000}.report-detail-regular .box2 .half2{display:flex;gap:10px;width:100%;padding:20px;background-color:#fff;border-radius:10px;height:100%}.report-detail-regular .box2 .half2 .group-1{display:flex;width:100%;align-items:center}.report-detail-regular .box2 .half2 .group-1 p{width:50%;font-size:16px;font-weight:500;color:#686868}.report-detail-regular .box2 .half2 .text-1{display:flex;flex-direction:column;gap:10px;width:50%}.report-detail-regular .box2 .half2 .text-1 p{font-size:15px;font-weight:500;color:#686868}.report-detail-regular .box2 .half2 .text-2{display:flex;flex-direction:column;gap:10px;width:50%;margin-right:20px}.report-detail-regular .box2 .half2 .text-2 p{font-size:15px;font-weight:400;color:#000}.report-detail-regular .box2 .bottom-box{display:flex;flex-direction:column;gap:10px;margin-top:20px;margin-bottom:40px}.report-detail-regular .box2 .bottom-box p{font-size:15px;font-weight:500;color:#686868}.report-detail-regular .box2 .bottom-box .img-box{display:flex;gap:10px;align-items:center}.report-detail-regular .box2 .bottom-box img{width:100px;border-radius:10px}.report-detail-regular .box2 .title{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #dadefb}.report-detail-regular .box2 .title .title-text{color:#408df0;font-size:20px}.report-detail-regular .box2 .title .textbox{padding:10px 20px;border-radius:10px;background-color:#f3f3f3;border:1px solid #DEDDDD}.report-detail-regular .box2 .table-box{background-color:#fff;border-radius:15px;padding:20px 0;overflow:auto;box-sizing:border-box;position:relative}.report-detail-regular .box2 .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.report-detail-regular .box2 .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.report-detail-regular .box2 .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.report-detail-regular .box2 .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.report-detail-regular .box2 .table-box .dataTables_paginate .paginate_button a:focus,.report-detail-regular .box2 .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.report-detail-regular .box2 .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.report-detail-regular .box2 .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.report-detail-regular .box2 .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.report-detail-regular .box2 .table-box .ellipsis-container{position:relative;display:flex}.report-detail-regular .box2 .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.report-detail-regular .box2 .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.report-detail-regular .box2 .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.report-detail-regular .box2 .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.report-detail-regular .box2 .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.report-detail-regular .box2 .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.report-detail-regular .box2 .table-box .status-regular p{font-weight:600}.report-detail-regular .box2 .table-box .status-complete{padding:10px;background-color:#ffc107;text-align:center;color:#000;border-radius:10px}.report-detail-regular .box2 .table-box .status-complete p{font-weight:600}.report-detail-regular .box2 .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.report-detail-regular .box2 .table-box .status-draft p{font-weight:600}.report-detail-regular .box2 .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.report-detail-regular .box2 .table-box .status-need-approve p{font-weight:600}.report-detail-regular .box2 .table-box .status-need-revision{padding:10px;background-color:#ffdce4;text-align:center;color:#f4406b;border-radius:10px}.report-detail-regular .box2 .table-box .status-need-revision p{font-weight:600}.report-detail-regular .box2 .table-box .status-ongoing{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.report-detail-regular .box2 .table-box .status-ongoing p{font-weight:600}.report-detail-regular .box2 .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.report-detail-regular .box2 .table-box .status-balance p{font-weight:600}.report-detail-regular .box2 .table-box table{width:100%!important;border-collapse:collapse}.report-detail-regular .box2 .table-box table.dataTable thead .sorting:before,.report-detail-regular .box2 .table-box table.dataTable thead .sorting_asc:before,.report-detail-regular .box2 .table-box table.dataTable thead .sorting_desc:before,.report-detail-regular .box2 .table-box table.dataTable thead .sorting_asc_disabled:before,.report-detail-regular .box2 .table-box table.dataTable thead .sorting_desc_disabled:before,.report-detail-regular .box2 .table-box table.dataTable thead .sorting:after,.report-detail-regular .box2 .table-box table.dataTable thead .sorting_asc:after,.report-detail-regular .box2 .table-box table.dataTable thead .sorting_desc:after,.report-detail-regular .box2 .table-box table.dataTable thead .sorting_asc_disabled:after,.report-detail-regular .box2 .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.report-detail-regular .box2 .table-box th,.report-detail-regular .box2 .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px}.report-detail-regular .box2 .table-box th{background-color:#fafafa;font-weight:400}.report-detail-regular .box2 .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.report-detail-regular .box2 .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.report-detail-regular .box2 .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.report-detail-express{margin:40px}.report-detail-express p,.report-detail-express h1{margin:0;padding:0}.report-detail-express a,.report-detail-express a:hover{text-decoration:none;color:#fff}.report-detail-express .top{display:flex;justify-content:space-between;white-space:nowrap}.report-detail-express .top .title{display:flex;align-items:center;justify-content:center;color:#354ebc}.report-detail-express .top .title p{display:flex;font-size:20px;margin-right:10px;font-weight:300}.report-detail-express .top .title p span{font-weight:500;margin-left:7px}.report-detail-express .top .title img{width:30px}.report-detail-express .top .button{display:flex;gap:10px;align-items:center;justify-content:center}.report-detail-express .top .button .button-1{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 30px;color:#524fa0;background-color:#fff;border-radius:10px;border:1px solid #524fa0;cursor:pointer}.report-detail-express .top .button .button-2{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;color:#fff;background-color:#354ebc;border-radius:10px;cursor:pointer}.report-detail-express .switch{border-bottom:1px solid #DEDDDD;display:flex;gap:20px;cursor:pointer}.report-detail-express .switch .switch-text.active{color:#408df0;padding-bottom:10px;border-bottom:1.5px solid #408df0}.report-detail-express .box{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px;display:flex;flex-direction:column;width:100%}.report-detail-express .box .group-text{display:flex}.report-detail-express .box .half{display:flex;gap:20px;width:50%}.report-detail-express .box .half .text-1{display:flex;flex-direction:column;gap:10px;width:50%}.report-detail-express .box .half .text-1 p{font-size:15px;font-weight:500;color:#686868}.report-detail-express .box .half .text-2{display:flex;flex-direction:column;gap:10px;width:50%;margin-right:20px}.report-detail-express .box .half .text-2 p{font-size:15px;font-weight:400;color:#000}.report-detail-express .box .bottom-box{display:flex;flex-direction:column;gap:10px;margin-top:20px;margin-bottom:40px}.report-detail-express .box .bottom-box p{font-size:15px;font-weight:500;color:#686868}.report-detail-express .box .bottom-box .img-box{display:flex;gap:10px;align-items:center}.report-detail-express .box .bottom-box img{width:12%;border-radius:10px}.report-detail-express .box .title{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #dadefb}.report-detail-express .box .title .title-text{color:#408df0;font-size:20px}.report-detail-express .box .title .textbox{padding:10px 20px;border-radius:10px;background-color:#f3f3f3;border:1px solid #DEDDDD}.report-detail-express .box .table-box{background-color:#fff;border-radius:15px;padding:20px 0;overflow:auto;box-sizing:border-box;position:relative}.report-detail-express .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.report-detail-express .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.report-detail-express .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.report-detail-express .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.report-detail-express .box .table-box .dataTables_paginate .paginate_button a:focus,.report-detail-express .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.report-detail-express .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.report-detail-express .box .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.report-detail-express .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.report-detail-express .box .table-box .ellipsis-container{position:relative;display:flex}.report-detail-express .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.report-detail-express .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.report-detail-express .box .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.report-detail-express .box .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.report-detail-express .box .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.report-detail-express .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.report-detail-express .box .table-box .status-regular p{font-weight:600}.report-detail-express .box .table-box .status-complete{padding:10px;background-color:#ffc107;text-align:center;color:#000;border-radius:10px}.report-detail-express .box .table-box .status-complete p{font-weight:600}.report-detail-express .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.report-detail-express .box .table-box .status-draft p{font-weight:600}.report-detail-express .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.report-detail-express .box .table-box .status-need-approve p{font-weight:600}.report-detail-express .box .table-box .status-need-revision{padding:10px;background-color:#ffdce4;text-align:center;color:#f4406b;border-radius:10px}.report-detail-express .box .table-box .status-need-revision p{font-weight:600}.report-detail-express .box .table-box .status-ongoing{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.report-detail-express .box .table-box .status-ongoing p{font-weight:600}.report-detail-express .box .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.report-detail-express .box .table-box .status-balance p{font-weight:600}.report-detail-express .box .table-box table{width:100%!important;border-collapse:collapse}.report-detail-express .box .table-box table.dataTable thead .sorting:before,.report-detail-express .box .table-box table.dataTable thead .sorting_asc:before,.report-detail-express .box .table-box table.dataTable thead .sorting_desc:before,.report-detail-express .box .table-box table.dataTable thead .sorting_asc_disabled:before,.report-detail-express .box .table-box table.dataTable thead .sorting_desc_disabled:before,.report-detail-express .box .table-box table.dataTable thead .sorting:after,.report-detail-express .box .table-box table.dataTable thead .sorting_asc:after,.report-detail-express .box .table-box table.dataTable thead .sorting_desc:after,.report-detail-express .box .table-box table.dataTable thead .sorting_asc_disabled:after,.report-detail-express .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.report-detail-express .box .table-box th,.report-detail-express .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px}.report-detail-express .box .table-box th{background-color:#fafafa;font-weight:400}.report-detail-express .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.report-detail-express .box .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.report-detail-express .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.report-detail-delivery-form{margin:40px}.report-detail-delivery-form .group-text2{display:flex;gap:20px;height:max-content}.report-detail-delivery-form .half2{display:flex;gap:10px;width:100%;padding:20px;background-color:#fff;border-radius:10px;margin-top:30px;align-items:center}.report-detail-delivery-form .half2 .group-1{display:flex;width:100%;align-items:center}.report-detail-delivery-form .half2 .group-1 p{width:50%;font-size:16px;font-weight:500;color:#686868}.report-detail-delivery-form .half2 .text-1{display:flex;flex-direction:column;gap:10px;width:50%}.report-detail-delivery-form .half2 .text-1 p{font-size:15px;font-weight:500;color:#686868}.report-detail-delivery-form .half2 .text-2{display:flex;flex-direction:column;gap:10px;width:50%;margin-right:20px}.report-detail-delivery-form .half2 .text-2 p{font-size:15px;font-weight:400;color:#000}.report-detail-delivery-form .status{padding:7px 20px;text-align:center;border-radius:10px;margin-bottom:10px;font-size:14px;background-color:#d2d2d2;color:#000;font-weight:500}.report-detail-delivery-form .status p{font-weight:400}.report-detail-delivery-form .status.Need_Approve,.report-detail-delivery-form .status.need_approve,.report-detail-delivery-form .status.Ongoing,.report-detail-delivery-form .status.ongoing,.report-detail-delivery-form .status.Need_Revision,.report-detail-delivery-form .status.need_revision{background-color:orange;color:#fff}.report-detail-delivery-form .status.Excess,.report-detail-delivery-form .status.excess{background-color:#d884e4;color:#fff}.report-detail-delivery-form .status.Regular,.report-detail-delivery-form .status.regular{background-color:#1768f2;color:#fff}.report-detail-delivery-form .status.Truck,.report-detail-delivery-form .status.truck{color:#354ebc;background-color:#d0d6fa}.report-detail-delivery-form .status.Express,.report-detail-delivery-form .status.express{background-color:orange;color:#fff}.report-detail-delivery-form .status.Complete,.report-detail-delivery-form .status.complete,.report-detail-delivery-form .status.Done,.report-detail-delivery-form .status.done{background-color:#e9f7ef;color:#28a745}.report-detail-delivery-form .status.Uncomplete,.report-detail-delivery-form .status.uncomplete{color:#fff;background-color:orange}.report-detail-delivery-form .status.Draft,.report-detail-delivery-form .status.draft{background-color:#d2d2d2;color:#000}.report-detail-delivery-form .status.Outstanding,.report-detail-delivery-form .status.outstanding,.report-detail-delivery-form .status.In-Trolley,.report-detail-delivery-form .status.in-trolley{background-color:#fdd9e1;color:#f4406b}.report-detail-delivery-form .status.Partial_Outstanding,.report-detail-delivery-form .status.partial_outstanding{background-color:orange;color:#fff}.report-detail-delivery-form .status.Balance,.report-detail-delivery-form .status.balance{background-color:#e9f7ef;color:#28a745;margin:0}.report-detail-delivery-form p,.report-detail-delivery-form h1{margin:0;padding:0}.report-detail-delivery-form a,.report-detail-delivery-form a:hover{text-decoration:none;color:#fff}.report-detail-delivery-form .top{display:flex;justify-content:space-between;white-space:nowrap}.report-detail-delivery-form .top .title{display:flex;align-items:center;justify-content:center;color:#354ebc}.report-detail-delivery-form .top .title p{display:flex;font-size:20px;margin-right:10px;font-weight:300}.report-detail-delivery-form .top .title p span{font-weight:500;margin-left:7px}.report-detail-delivery-form .top .title img{width:30px}.report-detail-delivery-form .top .button{display:flex;gap:10px;align-items:center;justify-content:center}.report-detail-delivery-form .top .button .button-1{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 30px;color:#524fa0;background-color:#fff;border-radius:10px;border:1px solid #524fa0;cursor:pointer}.report-detail-delivery-form .top .button .button-2{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;color:#fff;background-color:#354ebc;border-radius:10px;cursor:pointer}.report-detail-delivery-form .switch{border-bottom:1px solid #DEDDDD;display:flex;gap:20px;cursor:pointer}.report-detail-delivery-form .switch .switch-text.active{color:#408df0;padding-bottom:10px;border-bottom:1.5px solid #408df0}.report-detail-delivery-form .box{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px;display:flex;flex-direction:column;width:100%}.report-detail-delivery-form .box .group-text{display:flex}.report-detail-delivery-form .box .half{display:flex;gap:20px;width:50%}.report-detail-delivery-form .box .half .text-1{display:flex;flex-direction:column;gap:10px;width:50%}.report-detail-delivery-form .box .half .text-1 p{font-size:15px;font-weight:500;color:#686868}.report-detail-delivery-form .box .half .text-2{display:flex;flex-direction:column;gap:10px;width:50%;margin-right:20px}.report-detail-delivery-form .box .half .text-2 p{font-size:15px;font-weight:400;color:#000}.report-detail-delivery-form .box .bottom-box{display:flex;flex-direction:column;gap:10px;margin-top:20px;margin-bottom:40px}.report-detail-delivery-form .box .bottom-box p{font-size:15px;font-weight:500;color:#686868}.report-detail-delivery-form .box .bottom-box .img-box{display:flex;gap:10px;align-items:center}.report-detail-delivery-form .box .bottom-box img{width:12%;border-radius:10px}.report-detail-delivery-form .box .title{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid #dadefb}.report-detail-delivery-form .box .title .title-text{color:#408df0;font-size:20px}.report-detail-delivery-form .box .title .textbox{padding:10px 20px;border-radius:10px;background-color:#f3f3f3;border:1px solid #DEDDDD}.report-detail-delivery-form .box .table-box{background-color:#fff;border-radius:15px;padding:20px 0;overflow:auto;box-sizing:border-box;position:relative}.report-detail-delivery-form .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.report-detail-delivery-form .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.report-detail-delivery-form .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.report-detail-delivery-form .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.report-detail-delivery-form .box .table-box .dataTables_paginate .paginate_button a:focus,.report-detail-delivery-form .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.report-detail-delivery-form .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.report-detail-delivery-form .box .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.report-detail-delivery-form .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.report-detail-delivery-form .box .table-box .ellipsis-container{position:relative;display:flex}.report-detail-delivery-form .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.report-detail-delivery-form .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.report-detail-delivery-form .box .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.report-detail-delivery-form .box .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.report-detail-delivery-form .box .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.report-detail-delivery-form .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.report-detail-delivery-form .box .table-box .status-regular p{font-weight:600}.report-detail-delivery-form .box .table-box .status-complete{padding:10px;background-color:#ffc107;text-align:center;color:#000;border-radius:10px}.report-detail-delivery-form .box .table-box .status-complete p{font-weight:600}.report-detail-delivery-form .box .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.report-detail-delivery-form .box .table-box .status-draft p{font-weight:600}.report-detail-delivery-form .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.report-detail-delivery-form .box .table-box .status-need-approve p{font-weight:600}.report-detail-delivery-form .box .table-box .status-need-revision{padding:10px;background-color:#ffdce4;text-align:center;color:#f4406b;border-radius:10px}.report-detail-delivery-form .box .table-box .status-need-revision p{font-weight:600}.report-detail-delivery-form .box .table-box .status-ongoing{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.report-detail-delivery-form .box .table-box .status-ongoing p{font-weight:600}.report-detail-delivery-form .box .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.report-detail-delivery-form .box .table-box .status-balance p{font-weight:600}.report-detail-delivery-form .box .table-box table{width:100%!important;border-collapse:collapse}.report-detail-delivery-form .box .table-box table.dataTable thead .sorting:before,.report-detail-delivery-form .box .table-box table.dataTable thead .sorting_asc:before,.report-detail-delivery-form .box .table-box table.dataTable thead .sorting_desc:before,.report-detail-delivery-form .box .table-box table.dataTable thead .sorting_asc_disabled:before,.report-detail-delivery-form .box .table-box table.dataTable thead .sorting_desc_disabled:before,.report-detail-delivery-form .box .table-box table.dataTable thead .sorting:after,.report-detail-delivery-form .box .table-box table.dataTable thead .sorting_asc:after,.report-detail-delivery-form .box .table-box table.dataTable thead .sorting_desc:after,.report-detail-delivery-form .box .table-box table.dataTable thead .sorting_asc_disabled:after,.report-detail-delivery-form .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.report-detail-delivery-form .box .table-box th,.report-detail-delivery-form .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px}.report-detail-delivery-form .box .table-box th{background-color:#fafafa;font-weight:400}.report-detail-delivery-form .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.report-detail-delivery-form .box .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.report-detail-delivery-form .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.laporan-scale{margin:40px}.laporan-scale p,.laporan-scale h1{margin:0;padding:0}.laporan-scale a,.laporan-scale a:hover{text-decoration:none;color:#fff}.laporan-scale .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.laporan-scale .top-page .text-1{font-size:22px;font-weight:500;color:#354ebc}.laporan-scale .top-page .group-button{display:flex;gap:10px}.laporan-scale .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.laporan-scale .top-page .button-1 a{font-size:14px}.laporan-scale .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.laporan-scale .top-page .button-2 a{font-size:14px}.laporan-scale .top-page2{margin-bottom:20px}.laporan-scale .top-page2 .search-bar{width:100%;margin-right:10px}.laporan-scale .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.laporan-scale .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 5px 13px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#000;letter-spacing:.5px;align-items:center}.laporan-scale .top-page2 input::placeholder{color:#aeaeae}.laporan-scale .top-page2 .search-icon{position:absolute;left:15px}.laporan-scale .top-page2 .search-icon i{font-size:18px;color:#686868;align-items:center}.laporan-scale .top-page2 .date{display:flex;margin-right:10px}.laporan-scale .top-page2 .date ::-webkit-datetime-edit-fields-wrapper{display:flex;position:relative;justify-content:center}.laporan-scale .top-page2 .date .date-style1::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;right:50px;cursor:pointer}.laporan-scale .top-page2 .date .date-style2::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;left:10px;cursor:pointer}.laporan-scale .top-page2 .date .arrow-date{border:1px solid #DEDDDD;border-right:none;border-left:none;background-color:#fff;padding:12px 5px}.laporan-scale .top-page2 .date .date-icon{border:1px solid #DEDDDD;border-left:none;background-color:#fff;padding:12px 15px 12px 0;border-radius:0 10px 10px 0}.laporan-scale .top-page2 .date .date-style1,.laporan-scale .top-page2 .date .date-style2{border:1px solid #DEDDDD;padding:12px 5px;font-size:14px;font-weight:300;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none}.laporan-scale .top-page2 .date .date-style1{border-radius:10px 0 0 10px;border-right:none}.laporan-scale .top-page2 .date .date-style2{border-radius:0;border-right:none;border-left:none}.laporan-scale .top-page2 .date input:focus{border-color:#dedddd;outline:none}.laporan-scale .top-page2 .select-wrapper-arrow{position:relative;width:40%;margin-right:10px}.laporan-scale .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.laporan-scale .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.laporan-scale .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.laporan-scale .top-page2 .dropdown-size{flex:1;margin-right:10px}.laporan-scale .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.laporan-scale .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:14px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.laporan-scale .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.laporan-scale .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:13px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.laporan-scale .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.laporan-scale .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.laporan-scale .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.laporan-scale .table-box .dataTables_paginate .paginate_button a:focus,.laporan-scale .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.laporan-scale .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.laporan-scale .table-box .dataTables_info{font-size:13px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.laporan-scale .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.laporan-scale .table-box .ellipsis-container{position:relative;display:flex}.laporan-scale .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.laporan-scale .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-15px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.laporan-scale .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.laporan-scale .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.laporan-scale .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.laporan-scale .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.laporan-scale .table-box .status-express p{font-weight:600}.laporan-scale .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.laporan-scale .table-box .status-regular p{font-weight:600}.laporan-scale .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.laporan-scale .table-box .status-need-revision p{font-weight:600}.laporan-scale .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.laporan-scale .table-box .status-need-approve p{font-weight:600}.laporan-scale .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.laporan-scale .table-box .status-draft p{font-weight:600}.laporan-scale .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.laporan-scale .table-box .status-uncomplete p{font-weight:600}.laporan-scale .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.laporan-scale .table-box .status-complete p{font-weight:600}.laporan-scale .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.laporan-scale .table-box .status-dash p{font-weight:600}.laporan-scale .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.laporan-scale .table-box .status-outstanding p{font-weight:600}.laporan-scale .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.laporan-scale .table-box .status-partial-outstanding p{font-weight:600}.laporan-scale .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.laporan-scale .table-box .status-balance p{font-weight:600}.laporan-scale .table-box table{width:100%!important;border-collapse:collapse}.laporan-scale .table-box table.dataTable thead .sorting:before,.laporan-scale .table-box table.dataTable thead .sorting_asc:before,.laporan-scale .table-box table.dataTable thead .sorting_desc:before,.laporan-scale .table-box table.dataTable thead .sorting_asc_disabled:before,.laporan-scale .table-box table.dataTable thead .sorting_desc_disabled:before,.laporan-scale .table-box table.dataTable thead .sorting:after,.laporan-scale .table-box table.dataTable thead .sorting_asc:after,.laporan-scale .table-box table.dataTable thead .sorting_desc:after,.laporan-scale .table-box table.dataTable thead .sorting_asc_disabled:after,.laporan-scale .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.laporan-scale .table-box th,.laporan-scale .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px;white-space:nowrap}.laporan-scale .table-box th{background-color:#fafafa;font-weight:400}.laporan-scale .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.laporan-scale .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.laporan-scale .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.inventory{margin:40px}.inventory p,.inventory h1{margin:0;padding:0}.inventory a,.inventory a:hover{text-decoration:none;color:#fff}.inventory .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.inventory .top-page .text-1{font-size:22px;font-weight:500;color:#354ebc}.inventory .top-page .group-button{display:flex;gap:10px}.inventory .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.inventory .top-page .button-1 a{font-size:14px}.inventory .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.inventory .top-page .button-2 a{font-size:14px}.inventory .top-page2{margin-bottom:20px}.inventory .top-page2 .search-bar{width:100%;margin-right:10px}.inventory .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.inventory .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 5px 13px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:14px;font-weight:300;line-height:normal;color:#000;letter-spacing:.5px;align-items:center}.inventory .top-page2 input::placeholder{color:#aeaeae}.inventory .top-page2 .search-icon{position:absolute;left:15px}.inventory .top-page2 .search-icon i{font-size:18px;color:#686868;align-items:center}.inventory .top-page2 .date{display:flex;margin-right:10px}.inventory .top-page2 .date ::-webkit-datetime-edit-fields-wrapper{display:flex;position:relative;justify-content:center}.inventory .top-page2 .date .date-style1::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;right:50px;cursor:pointer}.inventory .top-page2 .date .date-style2::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;left:10px;cursor:pointer}.inventory .top-page2 .date .arrow-date{border:1px solid #DEDDDD;border-right:none;border-left:none;background-color:#fff;padding:12px 5px}.inventory .top-page2 .date .date-icon{border:1px solid #DEDDDD;border-left:none;background-color:#fff;padding:12px 15px 12px 0;border-radius:0 10px 10px 0}.inventory .top-page2 .date .date-style1,.inventory .top-page2 .date .date-style2{border:1px solid #DEDDDD;padding:12px 5px;font-size:16px;font-weight:300;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none}.inventory .top-page2 .date .date-style1{border-radius:10px 0 0 10px;border-right:none}.inventory .top-page2 .date .date-style2{border-radius:0;border-right:none;border-left:none}.inventory .top-page2 .date input:focus{border-color:#dedddd;outline:none}.inventory .top-page2 .select-wrapper-arrow{position:relative;width:40%;margin-right:10px}.inventory .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.inventory .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.inventory .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.inventory .top-page2 .dropdown-size{flex:1;margin-right:10px}.inventory .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.inventory .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:14px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.inventory .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.inventory .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.inventory .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.inventory .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.inventory .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.inventory .table-box .dataTables_paginate .paginate_button a:focus,.inventory .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.inventory .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.inventory .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.inventory .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.inventory .table-box .ellipsis-container{position:relative;display:flex}.inventory .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.inventory .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-15px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.inventory .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.inventory .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.inventory .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.inventory .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.inventory .table-box .status-express p{font-weight:600}.inventory .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.inventory .table-box .status-regular p{font-weight:600}.inventory .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.inventory .table-box .status-need-revision p{font-weight:600}.inventory .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.inventory .table-box .status-need-approve p{font-weight:600}.inventory .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.inventory .table-box .status-draft p{font-weight:600}.inventory .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.inventory .table-box .status-uncomplete p{font-weight:600}.inventory .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.inventory .table-box .status-complete p{font-weight:600}.inventory .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.inventory .table-box .status-dash p{font-weight:600}.inventory .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.inventory .table-box .status-outstanding p{font-weight:600}.inventory .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.inventory .table-box .status-partial-outstanding p{font-weight:600}.inventory .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.inventory .table-box .status-balance p{font-weight:600}.inventory .table-box table{width:100%!important;border-collapse:collapse}.inventory .table-box table.dataTable thead .sorting:before,.inventory .table-box table.dataTable thead .sorting_asc:before,.inventory .table-box table.dataTable thead .sorting_desc:before,.inventory .table-box table.dataTable thead .sorting_asc_disabled:before,.inventory .table-box table.dataTable thead .sorting_desc_disabled:before,.inventory .table-box table.dataTable thead .sorting:after,.inventory .table-box table.dataTable thead .sorting_asc:after,.inventory .table-box table.dataTable thead .sorting_desc:after,.inventory .table-box table.dataTable thead .sorting_asc_disabled:after,.inventory .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.inventory .table-box th,.inventory .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px;white-space:nowrap}.inventory .table-box th{background-color:#fafafa;font-weight:400}.inventory .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.inventory .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.inventory .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.inventory-detail{margin:40px}.inventory-detail p,.inventory-detail h1{margin:0;padding:0}.inventory-detail a,.inventory-detail a:hover{text-decoration:none;color:#fff}.inventory-detail .top-box{display:flex;flex-direction:column;padding:20px;background-color:#fff;border-radius:10px;margin-bottom:20px;margin-top:20px}.inventory-detail .top-box .text-1{font-size:24px;font-weight:500;color:#000;padding-bottom:20px;border-bottom:1px solid #DEDDDD}.inventory-detail .top-box .text-2{font-size:15px;color:#686868;font-weight:500;margin:10px 0}.inventory-detail .top-box .text-3{font-weight:500}.inventory-detail .top{display:flex;justify-content:space-between;white-space:nowrap}.inventory-detail .top .title{display:flex;align-items:center;justify-content:center;color:#354ebc}.inventory-detail .top .title p{display:flex;font-size:20px;margin-right:10px;font-weight:300}.inventory-detail .top .title p span{font-weight:500;margin-left:7px}.inventory-detail .top .title img{width:30px}.inventory-detail .top .button{display:flex;gap:10px;align-items:center;justify-content:center}.inventory-detail .top .button .button-1{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 30px;color:#524fa0;background-color:#fff;border-radius:10px;border:1px solid #524fa0;cursor:pointer}.inventory-detail .top .button .button-2{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;color:#fff;background-color:#354ebc;border-radius:10px;cursor:pointer}.inventory-detail .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.inventory-detail .top-page .text-1{font-size:24px;font-weight:500;color:#354ebc}.inventory-detail .top-page .group-button{display:flex;gap:10px}.inventory-detail .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.inventory-detail .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.inventory-detail .button-submit{width:100%;border-radius:10px;padding:10px;background-color:#354ebc;color:#fff;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-top:20px;text-align:center}.inventory-detail .top-page2{margin-bottom:20px}.inventory-detail .top-page2 .search-bar{width:100%;margin-right:10px}.inventory-detail .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.inventory-detail .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 5px 13px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#000;letter-spacing:.5px;align-items:center}.inventory-detail .top-page2 input::placeholder{color:#aeaeae}.inventory-detail .top-page2 .search-icon{position:absolute;left:15px}.inventory-detail .top-page2 .search-icon i{font-size:18px;color:#686868;align-items:center}.inventory-detail .top-page2 .date{display:flex;margin-right:10px}.inventory-detail .top-page2 .date ::-webkit-datetime-edit-fields-wrapper{display:flex;position:relative;justify-content:center}.inventory-detail .top-page2 .date .date-style1::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;right:50px;cursor:pointer}.inventory-detail .top-page2 .date .date-style2::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;left:10px;cursor:pointer}.inventory-detail .top-page2 .date .arrow-date{border:1px solid #DEDDDD;border-right:none;border-left:none;background-color:#fff;padding:12px 5px}.inventory-detail .top-page2 .date .date-icon{border:1px solid #DEDDDD;border-left:none;background-color:#fff;padding:12px 15px 12px 0;border-radius:0 10px 10px 0}.inventory-detail .top-page2 .date .date-style1,.inventory-detail .top-page2 .date .date-style2{border:1px solid #DEDDDD;padding:12px 5px;font-size:16px;font-weight:300;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none}.inventory-detail .top-page2 .date .date-style1{border-radius:10px 0 0 10px;border-right:none}.inventory-detail .top-page2 .date .date-style2{border-radius:0;border-right:none;border-left:none}.inventory-detail .top-page2 .date input:focus{border-color:#dedddd;outline:none}.inventory-detail .top-page2 .select-wrapper-arrow{position:relative;width:40%;margin-right:10px}.inventory-detail .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.inventory-detail .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.inventory-detail .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.inventory-detail .top-page2 .dropdown-size{flex:1;margin-right:10px}.inventory-detail .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.inventory-detail .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:14px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.inventory-detail .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;position:relative}.inventory-detail .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.inventory-detail .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.inventory-detail .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.inventory-detail .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.inventory-detail .table-box .dataTables_paginate .paginate_button a:focus,.inventory-detail .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.inventory-detail .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.inventory-detail .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.inventory-detail .table-box .top-page2{margin-bottom:20px}.inventory-detail .table-box .top-page2 .search-bar{width:100%;margin-right:10px}.inventory-detail .table-box .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.inventory-detail .table-box .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 5px 13px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#000;letter-spacing:.5px;align-items:center}.inventory-detail .table-box .top-page2 input::placeholder{color:#aeaeae}.inventory-detail .table-box .top-page2 .search-icon{position:absolute;left:15px}.inventory-detail .table-box .top-page2 .search-icon i{font-size:18px;color:#686868;align-items:center}.inventory-detail .table-box .top-page2 .date{display:flex;margin-right:10px}.inventory-detail .table-box .top-page2 .date ::-webkit-datetime-edit-fields-wrapper{display:flex;position:relative;justify-content:center}.inventory-detail .table-box .top-page2 .date .date-style1::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;right:50px;cursor:pointer}.inventory-detail .table-box .top-page2 .date .date-style2::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;left:10px;cursor:pointer}.inventory-detail .table-box .top-page2 .date .arrow-date{border:1px solid #DEDDDD;border-right:none;border-left:none;background-color:#fff;padding:12px 5px}.inventory-detail .table-box .top-page2 .date .date-icon{border:1px solid #DEDDDD;border-left:none;background-color:#fff;padding:12px 15px 12px 0;border-radius:0 10px 10px 0}.inventory-detail .table-box .top-page2 .date .date-style1,.inventory-detail .table-box .top-page2 .date .date-style2{border:1px solid #DEDDDD;padding:12px 5px;font-size:16px;font-weight:300;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none}.inventory-detail .table-box .top-page2 .date .date-style1{border-radius:10px 0 0 10px;border-right:none}.inventory-detail .table-box .top-page2 .date .date-style2{border-radius:0;border-right:none;border-left:none}.inventory-detail .table-box .top-page2 .date input:focus{border-color:#dedddd;outline:none}.inventory-detail .table-box .top-page2 .select-wrapper-arrow{position:relative;width:40%;margin-right:10px}.inventory-detail .table-box .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.inventory-detail .table-box .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.inventory-detail .table-box .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.inventory-detail .table-box .top-page2 .dropdown-size{flex:1;margin-right:10px}.inventory-detail .table-box .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.inventory-detail .table-box .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:14px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.inventory-detail .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.inventory-detail .table-box .ellipsis-container{position:relative;display:flex}.inventory-detail .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.inventory-detail .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-15px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.inventory-detail .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.inventory-detail .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.inventory-detail .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.inventory-detail .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.inventory-detail .table-box .status-express p{font-weight:600}.inventory-detail .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.inventory-detail .table-box .status-regular p{font-weight:600}.inventory-detail .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.inventory-detail .table-box .status-need-revision p{font-weight:600}.inventory-detail .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.inventory-detail .table-box .status-need-approve p{font-weight:600}.inventory-detail .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.inventory-detail .table-box .status-draft p{font-weight:600}.inventory-detail .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.inventory-detail .table-box .status-uncomplete p{font-weight:600}.inventory-detail .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.inventory-detail .table-box .status-complete p{font-weight:600}.inventory-detail .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.inventory-detail .table-box .status-dash p{font-weight:600}.inventory-detail .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.inventory-detail .table-box .status-outstanding p{font-weight:600}.inventory-detail .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.inventory-detail .table-box .status-partial-outstanding p{font-weight:600}.inventory-detail .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.inventory-detail .table-box .status-balance p{font-weight:600}.inventory-detail .table-box table{width:100%!important;border-collapse:collapse}.inventory-detail .table-box table.dataTable thead .sorting:before,.inventory-detail .table-box table.dataTable thead .sorting_asc:before,.inventory-detail .table-box table.dataTable thead .sorting_desc:before,.inventory-detail .table-box table.dataTable thead .sorting_asc_disabled:before,.inventory-detail .table-box table.dataTable thead .sorting_desc_disabled:before,.inventory-detail .table-box table.dataTable thead .sorting:after,.inventory-detail .table-box table.dataTable thead .sorting_asc:after,.inventory-detail .table-box table.dataTable thead .sorting_desc:after,.inventory-detail .table-box table.dataTable thead .sorting_asc_disabled:after,.inventory-detail .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.inventory-detail .table-box th,.inventory-detail .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px;white-space:nowrap}.inventory-detail .table-box th{background-color:#fafafa;font-weight:400}.inventory-detail .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.inventory-detail .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.inventory-detail .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.inventory-detail-inventory{margin:40px}.inventory-detail-inventory p,.inventory-detail-inventory h1{margin:0;padding:0}.inventory-detail-inventory a,.inventory-detail-inventory a:hover{text-decoration:none;color:#fff}.inventory-detail-inventory .pop-up-scan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.inventory-detail-inventory .pop-up-scan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:500px;padding:0;box-sizing:border-box;position:relative;margin-bottom:90px}.inventory-detail-inventory .pop-up-scan .card .top{display:flex;justify-content:center;align-items:center;padding:15px;border-bottom:1px solid #DEDDDD}.inventory-detail-inventory .pop-up-scan .card .top .text-1{font-size:20px;font-weight:500;color:#354ebc}.inventory-detail-inventory .pop-up-scan .card .top i{position:absolute;left:460px;color:gray;cursor:pointer}.inventory-detail-inventory .pop-up-scan .card .barcode-box{display:flex;justify-content:center;align-items:center;padding:20px;gap:20px;background-color:#999;margin:20px 20px 10px;height:350px}.inventory-detail-inventory .pop-up-scan .card input{margin:0 20px 20px;padding:10px;border-radius:10px;border:1px solid #DEDDDD}.inventory-detail-inventory .top{display:flex;justify-content:space-between;white-space:nowrap}.inventory-detail-inventory .top .title{display:flex;align-items:center;justify-content:center;color:#354ebc}.inventory-detail-inventory .top .title p{display:flex;font-size:20px;margin-right:10px;font-weight:300}.inventory-detail-inventory .top .title p span{font-weight:500;margin-left:7px}.inventory-detail-inventory .top .title img{width:30px}.inventory-detail-inventory .top .button{display:flex;gap:10px;align-items:center;justify-content:center}.inventory-detail-inventory .top .button .button-1{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 30px;color:#524fa0;background-color:#fff;border-radius:10px;border:1px solid #524fa0;cursor:pointer}.inventory-detail-inventory .top .button .button-2{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;color:#fff;background-color:#354ebc;border-radius:10px;cursor:pointer}.inventory-detail-inventory .switch{border-bottom:1px solid #DEDDDD;display:flex;gap:20px;cursor:pointer}.inventory-detail-inventory .switch .switch-text.active{color:#408df0;padding-bottom:10px;border-bottom:1.5px solid #408df0}.inventory-detail-inventory .box{padding:20px;background-color:#fff;border-radius:10px;margin-top:20px;display:flex;flex-direction:column;width:100%}.inventory-detail-inventory .box .top1{display:flex;justify-content:space-between;margin-top:10px}.inventory-detail-inventory .box .top1 .left-item{display:flex;gap:10px;align-items:center}.inventory-detail-inventory .box .top1 .left-item p{color:#354ebc;font-size:18px;font-weight:500}.inventory-detail-inventory .box .top1 .left-item img{width:30px;height:30px}.inventory-detail-inventory .box .top1 .right-item{display:flex;gap:5px;border-bottom:2px solid #DEDDDD}.inventory-detail-inventory .box .top1 .right-item .item{padding:10px 35px;background-color:#f9fcff;border-radius:10px 10px 0 0;color:#5b84c3;font-weight:500;font-size:14px;cursor:pointer}.inventory-detail-inventory .box .top1 .right-item .item.active{background-color:orange;color:#fff}.inventory-detail-inventory .box .top2{display:flex;justify-content:space-between;margin-top:20px}.inventory-detail-inventory .box .top2 .items{display:flex;gap:5px}.inventory-detail-inventory .box .top2 .items .item{padding:10px 35px;background-color:#f4f3f8;border-radius:10px 10px 0 0;color:#5b84c3;font-weight:500;font-size:14px;cursor:pointer}.inventory-detail-inventory .box .top2 .items .item.active{background-color:#5b84c3;color:#fff}.inventory-detail-inventory .box .select-wrapper-arrow{position:relative;margin-right:10px}.inventory-detail-inventory .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.inventory-detail-inventory .box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 40px 13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#000;letter-spacing:.5px}.inventory-detail-inventory .box .group-text{display:flex}.inventory-detail-inventory .box .half{display:flex;gap:20px;width:50%}.inventory-detail-inventory .box .half .text-1{display:flex;flex-direction:column;gap:10px;width:50%}.inventory-detail-inventory .box .half .text-1 p{font-size:15px;font-weight:500;color:#686868}.inventory-detail-inventory .box .half .text-2{display:flex;flex-direction:column;gap:10px;width:50%;margin-right:20px}.inventory-detail-inventory .box .half .text-2 p{font-size:15px;font-weight:400;color:#000}.inventory-detail-inventory .box .bottom-box{display:flex;flex-direction:column;gap:10px;margin-top:20px;margin-bottom:40px}.inventory-detail-inventory .box .bottom-box p{font-size:15px;font-weight:500;color:#686868}.inventory-detail-inventory .box .bottom-box .img-box{display:flex;gap:10px;align-items:center}.inventory-detail-inventory .box .bottom-box img{width:12%;border-radius:10px}.inventory-detail-inventory .box .title{display:flex;justify-content:space-between;align-items:center}.inventory-detail-inventory .box .title .title-text{color:#354ebc;font-size:20px;font-weight:500}.inventory-detail-inventory .box .title .textbox{padding:10px 20px;border-radius:10px;background-color:#f3f3f3;border:1px solid #DEDDDD}.inventory-detail-inventory .box .table-box{background-color:#fff;border-radius:15px;padding:20px 0;overflow:auto;box-sizing:border-box;position:relative}.inventory-detail-inventory .box .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.inventory-detail-inventory .box .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.inventory-detail-inventory .box .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.inventory-detail-inventory .box .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.inventory-detail-inventory .box .table-box .dataTables_paginate .paginate_button a:focus,.inventory-detail-inventory .box .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.inventory-detail-inventory .box .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.inventory-detail-inventory .box .table-box .dataTables_info{font-size:15px;font-weight:400!important;color:#666;position:absolute;margin-top:10px!important}.inventory-detail-inventory .box .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.inventory-detail-inventory .box .table-box .ellipsis-container{position:relative;display:flex}.inventory-detail-inventory .box .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.inventory-detail-inventory .box .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-20px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:1}.inventory-detail-inventory .box .table-box .modal-ellipsis span{color:#000;white-space:nowrap;font-weight:300;font-size:15px}.inventory-detail-inventory .box .table-box .modal-ellipsis a{display:flex;gap:10px;align-items:center;padding:10px 15px}.inventory-detail-inventory .box .table-box .modal-ellipsis a:hover{background-color:#fafafa;border-radius:10px}.inventory-detail-inventory .box .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.inventory-detail-inventory .box .table-box .status-regular p{font-weight:600}.inventory-detail-inventory .box .table-box .status-complete{padding:10px;background-color:#ffc107;text-align:center;color:#000;border-radius:10px}.inventory-detail-inventory .box .table-box .status-complete p{font-weight:600}.inventory-detail-inventory .box .table-box .status-excess{padding:10px;background-color:#d080e8;text-align:center;color:#fff;border-radius:10px}.inventory-detail-inventory .box .table-box .status-excess p{font-weight:600}.inventory-detail-inventory .box .table-box .status-used{padding:10px;background-color:#2777c4;text-align:center;color:#fff;border-radius:10px}.inventory-detail-inventory .box .table-box .status-used p{font-weight:600}.inventory-detail-inventory .box .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.inventory-detail-inventory .box .table-box .status-need-approve p{font-weight:600}.inventory-detail-inventory .box .table-box .status-missing{padding:10px;background-color:#ffdce4;text-align:center;color:#f4406b;border-radius:10px}.inventory-detail-inventory .box .table-box .status-missing p{font-weight:600}.inventory-detail-inventory .box .table-box .status-ongoing{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.inventory-detail-inventory .box .table-box .status-ongoing p{font-weight:600}.inventory-detail-inventory .box .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.inventory-detail-inventory .box .table-box .status-balance p{font-weight:600}.inventory-detail-inventory .box .table-box table{width:100%!important;border-collapse:collapse}.inventory-detail-inventory .box .table-box table.dataTable thead .sorting:before,.inventory-detail-inventory .box .table-box table.dataTable thead .sorting_asc:before,.inventory-detail-inventory .box .table-box table.dataTable thead .sorting_desc:before,.inventory-detail-inventory .box .table-box table.dataTable thead .sorting_asc_disabled:before,.inventory-detail-inventory .box .table-box table.dataTable thead .sorting_desc_disabled:before,.inventory-detail-inventory .box .table-box table.dataTable thead .sorting:after,.inventory-detail-inventory .box .table-box table.dataTable thead .sorting_asc:after,.inventory-detail-inventory .box .table-box table.dataTable thead .sorting_desc:after,.inventory-detail-inventory .box .table-box table.dataTable thead .sorting_asc_disabled:after,.inventory-detail-inventory .box .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.inventory-detail-inventory .box .table-box th,.inventory-detail-inventory .box .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px}.inventory-detail-inventory .box .table-box th{background-color:#fafafa;font-weight:400}.inventory-detail-inventory .box .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.inventory-detail-inventory .box .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:15px}.inventory-detail-inventory .box .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.notification{margin:40px}.notification p,.notification h1{margin:0;padding:0}.notification a,.notification a:hover{text-decoration:none;color:#fff}.notification .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.notification .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.notification .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.notification .pop-up-hapus .card .title i{font-size:25px}.notification .pop-up-hapus .card .content2{margin:0 20px 20px}.notification .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.notification .pop-up-hapus .card .border2{border-bottom:1px solid #dbe9ff}.notification .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.notification .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.notification .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.notification .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.notification .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.notification .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.notification .pop-up-hapus .card .button1 button:hover,.notification .pop-up-hapus .card .button2 button:hover{opacity:.9}.notification .top-page{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;letter-spacing:1px}.notification .top-page .text-1{font-size:22px;font-weight:500;color:#354ebc}.notification .top-page .group-button{display:flex;gap:10px}.notification .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.notification .top-page .button-1 a{font-size:14px}.notification .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.notification .top-page .button-2 a{font-size:14px}.notification .top-page .date{display:flex;font-size:14px}.notification .top-page .date ::-webkit-datetime-edit-fields-wrapper{display:flex;position:relative;padding-left:12px}.notification .top-page .date .date-style1::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;right:50px;cursor:pointer}.notification .top-page .date .date-style2::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;left:10px;cursor:pointer}.notification .top-page .date .arrow-date{border:1px solid #DEDDDD;border-right:none;border-left:none;background-color:#fff;padding:12px 5px}.notification .top-page .date .date-icon{border:1px solid #DEDDDD;border-left:none;background-color:#fff;padding:5px 15px 5px 0;border-radius:0 10px 10px 0}.notification .top-page .date .date-style1,.notification .top-page .date .date-style2{border:1px solid #DEDDDD;padding:9px 5px;font-size:14px;font-weight:300;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none}.notification .top-page .date .date-style1{border-radius:10px 0 0 10px;border-right:none}.notification .top-page .date .date-style2{border-radius:0;border-right:none;border-left:none}.notification .top-page .date input:focus{border-color:#dedddd;outline:none}.notification .top-page .date input[type=date]{font-size:14px;color:#686868;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-left:10px;padding-top:10px;font-weight:400}.notification .top-page2{margin-bottom:20px}.notification .top-page2 .search-bar{width:100%;margin-right:10px}.notification .top-page2 .search-input-container{position:relative;display:flex;align-items:center;width:100%}.notification .top-page2 input{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 5px 13px 45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#000;letter-spacing:.5px;align-items:center}.notification .top-page2 input::placeholder{color:#aeaeae}.notification .top-page2 .search-icon{position:absolute;left:15px}.notification .top-page2 .search-icon i{font-size:18px;color:#686868;align-items:center}.notification .top-page2 .date{display:flex;margin-right:10px}.notification .top-page2 .date ::-webkit-datetime-edit-fields-wrapper{display:flex;position:relative;justify-content:center}.notification .top-page2 .date .date-style1::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;right:50px;cursor:pointer}.notification .top-page2 .date .date-style2::-webkit-calendar-picker-indicator{position:fixed;width:100%;opacity:0%;margin:0;padding:0;left:10px;cursor:pointer}.notification .top-page2 .date .arrow-date{border:1px solid #DEDDDD;border-right:none;border-left:none;background-color:#fff;padding:12px 5px}.notification .top-page2 .date .date-icon{border:1px solid #DEDDDD;border-left:none;background-color:#fff;padding:12px 15px 12px 0;border-radius:0 10px 10px 0}.notification .top-page2 .date .date-style1,.notification .top-page2 .date .date-style2{border:1px solid #DEDDDD;padding:12px 5px;font-size:16px;font-weight:300;color:#000;-webkit-appearance:none;-moz-appearance:none;appearance:none}.notification .top-page2 .date .date-style1{border-radius:10px 0 0 10px;border-right:none}.notification .top-page2 .date .date-style2{border-radius:0;border-right:none;border-left:none}.notification .top-page2 .date input:focus{border-color:#dedddd;outline:none}.notification .top-page2 .select-wrapper-arrow{position:relative;width:40%;margin-right:10px}.notification .top-page2 .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.notification .top-page2 .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.notification .top-page2 .dropdown-group{display:flex;justify-content:space-between;align-items:center}.notification .top-page2 .dropdown-size{flex:1;margin-right:10px}.notification .top-page2 .dropdown{width:100%;padding:12px 20px;border:1px solid #DEDDDD;border-radius:10px;color:#aeaeae;font-weight:300;background-color:#fff}.notification .top-page2 .button{background-color:#354ebc;color:#fff;border:none;padding:14px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.notification .table-box{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box}.notification .table-box .dataTables_paginate .paginate_button a{border:none;padding:2px 8px;margin:0 2px;color:#000;font-size:14px;font-weight:500;text-align:center;align-self:center;border:1px solid #d9d9d9;border-radius:3px}.notification .table-box .dataTables_paginate .paginate_button a:hover{background-color:#fafafa}.notification .table-box .dataTables_paginate .paginate_button.active a{color:#000;background-color:transparent;border:1px solid #408df0;border-radius:3px}.notification .table-box .dataTables_paginate{margin-top:10px;margin-right:10px;border:none}.notification .table-box .dataTables_paginate .paginate_button a:focus,.notification .table-box .dataTables_paginate .paginate_button a:active{background-color:transparent;outline:none;box-shadow:none}.notification .table-box .dataTables_paginate .paginate_button:contains("…") a{border:none}.notification .table-box .menu-button{position:relative;text-align:center;display:flex;gap:15px;justify-content:center;font-size:18px}.notification .table-box .ellipsis-container{position:relative;display:flex}.notification .table-box .ellipsis-button{background:none;border:none;cursor:pointer;text-align:center;display:flex;padding:0}.notification .table-box .modal-ellipsis{position:absolute;flex-direction:column;top:-15px;right:25px;background-color:#fff;box-shadow:0 4px 8px #0003;border-radius:10px;display:none;z-index:10}.notification .table-box .modal-ellipsis a{color:#000;white-space:nowrap;font-weight:300}.notification .table-box .modal-ellipsis div{display:flex;gap:10px;align-items:center;padding:10px 15px}.notification .table-box .modal-ellipsis div:hover{background-color:#fafafa;border-radius:10px}.notification .table-box .status-express{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.notification .table-box .status-express p{font-weight:600}.notification .table-box .status-regular{padding:10px;background-color:#1768f2;text-align:center;color:#fff;border-radius:10px}.notification .table-box .status-regular p{font-weight:600}.notification .table-box .status-need-revision{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.notification .table-box .status-need-revision p{font-weight:600}.notification .table-box .status-need-approve{padding:10px;background-color:#f4406b;text-align:center;color:#fff;border-radius:10px}.notification .table-box .status-need-approve p{font-weight:600}.notification .table-box .status-draft{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.notification .table-box .status-draft p{font-weight:600}.notification .table-box .status-uncomplete{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.notification .table-box .status-uncomplete p{font-weight:600}.notification .table-box .status-complete{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.notification .table-box .status-complete p{font-weight:600}.notification .table-box .status-dash{padding:10px;background-color:#d2d2d2;text-align:center;color:#000;border-radius:10px}.notification .table-box .status-dash p{font-weight:600}.notification .table-box .status-outstanding{padding:10px;background-color:#fdd9e1;text-align:center;color:#f4406b;border-radius:10px}.notification .table-box .status-outstanding p{font-weight:600}.notification .table-box .status-partial-outstanding{padding:10px;background-color:orange;text-align:center;color:#fff;border-radius:10px}.notification .table-box .status-partial-outstanding p{font-weight:600}.notification .table-box .status-balance{padding:10px;background-color:#e9f7ef;text-align:center;color:#28a745;border-radius:10px}.notification .table-box .status-balance p{font-weight:600}.notification .table-box table{width:100%!important;border-collapse:collapse}.notification .table-box table.dataTable thead .sorting:before,.notification .table-box table.dataTable thead .sorting_asc:before,.notification .table-box table.dataTable thead .sorting_desc:before,.notification .table-box table.dataTable thead .sorting_asc_disabled:before,.notification .table-box table.dataTable thead .sorting_desc_disabled:before,.notification .table-box table.dataTable thead .sorting:after,.notification .table-box table.dataTable thead .sorting_asc:after,.notification .table-box table.dataTable thead .sorting_desc:after,.notification .table-box table.dataTable thead .sorting_asc_disabled:after,.notification .table-box table.dataTable thead .sorting_desc_disabled:after{color:#fafafa}.notification .table-box th,.notification .table-box td{border-bottom:1px solid #ddd;padding:20px;text-align:left;font-size:14px}.notification .table-box th{background-color:#fafafa;font-weight:400}.notification .table-box .dataTables_paginate{margin-top:20px;margin-right:20px}.notification .table-box .dataTables_wrapper .dataTables_info{font-size:15px;font-weight:400;color:#666;position:absolute;margin-top:10px}.notification .table-box .modal-pencil{display:absolute;background-color:#354ebc;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;white-space:nowrap}.notification-add{margin:40px}.notification-add p,.notification-add h1{margin:0;padding:0}.notification-add a,.notification-add a:hover{text-decoration:none;color:#fff}.notification-add .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.notification-add .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.notification-add .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.notification-add .pop-up-simpan .card .title .fa-exclamation-circle,.notification-add .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.notification-add .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.notification-add .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.notification-add .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.notification-add .pop-up-simpan .card .button button:hover{opacity:.9}.notification-add .pop-up-cetak-label{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.notification-add .pop-up-cetak-label .card .top{display:flex;align-items:center;padding:15px 150px;border-bottom:1px solid #dadefb;color:#354ebc;font-size:18px;font-weight:500;position:relative;justify-content:center}.notification-add .pop-up-cetak-label .card .top p{display:flex;justify-content:center;align-items:center}.notification-add .pop-up-cetak-label .card .top i{color:#aeaeae;position:absolute;right:20px;cursor:pointer}.notification-add .pop-up-cetak-label .card .top .button-label{padding:10px 20px;background-color:#ffc107;border-radius:10px;color:#fff;cursor:pointer}.notification-add .pop-up-cetak-label .card .top .button-label i{margin-right:5px}.notification-add .pop-up-cetak-label .card .title{display:flex;justify-content:center;padding:20px;font-size:15px;color:#000;font-weight:500;border-bottom:1px solid #dadefb;max-width:450px;text-align:center}.notification-add .pop-up-cetak-label .card .buttons{display:flex;justify-content:end;gap:10px;padding:15px}.notification-add .pop-up-cetak-label .card .buttons .batal{padding:5px 20px;background-color:#fff;color:#000;border-radius:8px;cursor:pointer;border:1px solid #DEDDDD}.notification-add .pop-up-cetak-label .card .buttons .iya{padding:5px 20px;background-color:#4259c1;color:#fff;border-radius:8px;cursor:pointer;border:none}.notification-add .top{display:flex;justify-content:space-between;white-space:nowrap}.notification-add .top .title{display:flex;align-items:center;justify-content:center;color:#354ebc}.notification-add .top .title p{display:flex;font-size:20px;margin-right:10px;font-weight:300}.notification-add .top .title p span{font-weight:500;margin-left:7px}.notification-add .top .title img{width:30px}.notification-add .top .button{display:flex;gap:10px;align-items:center;justify-content:center}.notification-add .top .button .button-1{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 30px;color:#524fa0;background-color:#fff;border-radius:10px;border:1px solid #524fa0;cursor:pointer}.notification-add .top .button .button-2{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;color:#fff;background-color:#354ebc;border-radius:10px;cursor:pointer}.notification-add .box{padding:20px;background-color:#fff;border-radius:10px;width:70%;margin-top:20px}.notification-add .box .custom-date-input{position:relative;display:inline-block;width:100%}.notification-add .box .custom-date-input input[type=date]{position:relative;padding-right:40px}.notification-add .box .custom-date-input input[type=datetime-local]::-webkit-calendar-picker-indicator{opacity:0!important;position:absolute;right:0;top:50%;transform:translateY(-50%);width:100%;height:100%;cursor:pointer}.notification-add .box input[type=date],.notification-add .box input[type=datetime-local]{position:relative;background:url(/build/assets/icon-date-dUDlBV_V.svg) no-repeat right 15px center;padding-right:40px}.notification-add .box .select-wrapper-arrow{position:relative;width:100%;margin-top:10px}.notification-add .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.notification-add .box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.notification-add .box input,.notification-add .box textarea{margin-top:10px;width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.notification-add .box3{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;width:35%;margin-top:20px}.notification-add .box3 label{margin-left:5px;display:flex;align-items:center}.notification-add .box3 input{margin-right:10px}.notification-add .box3 .input[type=checkbox]{cursor:pointer;border-radius:3px!important;padding:0;width:20px;height:20px!important;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #d9d9d9}.notification-add .box3 .input[type=checkbox]:after{background-image:url(/build/assets/checkbox-BDrq0JwD.svg);background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:3px!important;width:20px;height:20px;position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;content:"";display:none;border:1px solid #d9d9d9}.notification-add .box3 .input[type=checkbox]:checked,.notification-add .box3 .input[type=checkbox].checked{border:none;outline:none}.notification-add .box3 .input[type=checkbox]:checked:after,.notification-add .box3 .input[type=checkbox].checked:after{display:block}.notification-add .box3 .title-text{font-size:18px;font-weight:700;margin-bottom:10px}.notification-add .box3 .access-list{list-style:none;padding:0}.notification-add .box3 .access-list li{margin:10px 0}.notification-add .box3 .dropdown .toggle-btn{cursor:pointer;float:right}.notification-add .box3 .dropdown-content{display:none;list-style:none;padding-left:30px;margin-top:0}.notification-add .box3 .dropdown.open .dropdown-content{display:block}.notification-add .wrapp-detail{display:flex;gap:30px;padding:20px;background-color:#fff;border-radius:10px;margin-top:20px}.notification-add .wrapp-detail .wrapp-img{display:flex;padding:5px;flex-direction:column;justify-content:center;align-items:center;gap:5px;flex:0 0 326px;align-self:stretch;border-radius:15px;background:#fafafa}.notification-add .wrapp-detail .wrapp-img img{width:100%;border-radius:15px;padding:10px 15px;height:248px;object-fit:contain;display:flex;align-items:center}.notification-add .wrapp-detail .wrapp-item{width:100%;flex-direction:column;display:flex;align-items:flex-start;gap:20px;flex:1}.notification-add .wrapp-detail .wrapp-item .wrapp-data{display:flex;flex-direction:column;gap:12px;width:100%}.notification-add .wrapp-detail .wrapp-item .wrapp-data .label{color:#666;font-family:Poppins;font-size:16px;font-style:normal;font-weight:500;line-height:normal;margin-bottom:0;width:100%}.notification-add .wrapp-detail .wrapp-item .wrapp-data .value{width:100%;color:#666;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-align:justify;margin-bottom:0;padding:10px;border-bottom:1px solid #d1d0d0}.notification-ubah{margin:40px}.notification-ubah p,.notification-ubah h1{margin:0;padding:0}.notification-ubah a,.notification-ubah a:hover{text-decoration:none;color:#fff}.notification-ubah .pop-up-simpan{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.notification-ubah .pop-up-simpan .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:0 50px;box-sizing:border-box;position:relative}.notification-ubah .pop-up-simpan .card .title{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:500;padding:25px;font-size:20px}.notification-ubah .pop-up-simpan .card .title .fa-exclamation-circle,.notification-ubah .pop-up-simpan .card .title .fa-check-circle{font-size:60px;margin-bottom:20px}.notification-ubah .pop-up-simpan .card .text-1{color:#686868;font-weight:500;letter-spacing:.5px;font-size:20px}.notification-ubah .pop-up-simpan .card .text-2{color:#686868;font-weight:400;font-size:14px;letter-spacing:.5px}.notification-ubah .pop-up-simpan .card .button{display:flex;justify-content:center;align-self:center;margin-top:20px;padding:5px 20px;gap:10px;font-size:16px;background-color:#2777c4;border-radius:7px;border:none;color:#fff}.notification-ubah .pop-up-simpan .card .button button:hover{opacity:.9}.notification-ubah .pop-up-cetak-label{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.notification-ubah .pop-up-cetak-label .card .top{display:flex;align-items:center;padding:15px 150px;border-bottom:1px solid #DADEFB;color:#354ebc;font-size:18px;font-weight:500;position:relative;justify-content:center}.notification-ubah .pop-up-cetak-label .card .top p{display:flex;justify-content:center;align-items:center}.notification-ubah .pop-up-cetak-label .card .top i{color:#aeaeae;position:absolute;right:20px;cursor:pointer}.notification-ubah .pop-up-cetak-label .card .top .button-label{padding:10px 20px;background-color:#ffc107;border-radius:10px;color:#fff;cursor:pointer}.notification-ubah .pop-up-cetak-label .card .top .button-label i{margin-right:5px}.notification-ubah .pop-up-cetak-label .card .title{display:flex;justify-content:center;padding:20px;font-size:15px;color:#000;font-weight:500;border-bottom:1px solid #DADEFB;max-width:450px;text-align:center}.notification-ubah .pop-up-cetak-label .card .buttons{display:flex;justify-content:end;gap:10px;padding:15px}.notification-ubah .pop-up-cetak-label .card .buttons .batal{padding:5px 20px;background-color:#fff;color:#000;border-radius:8px;cursor:pointer;border:1px solid #DEDDDD}.notification-ubah .pop-up-cetak-label .card .buttons .iya{padding:5px 20px;background-color:#4259c1;color:#fff;border-radius:8px;cursor:pointer;border:none}.notification-ubah .top{display:flex;justify-content:space-between;white-space:nowrap}.notification-ubah .top .title{display:flex;align-items:center;justify-content:center;color:#354ebc}.notification-ubah .top .title p{display:flex;font-size:20px;margin-right:10px;font-weight:300}.notification-ubah .top .title p span{font-weight:500;margin-left:7px}.notification-ubah .top .title img{width:30px}.notification-ubah .top .button{display:flex;gap:10px;align-items:center;justify-content:center}.notification-ubah .top .button .button-1{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 30px;color:#524fa0;background-color:#fff;border-radius:10px;border:1px solid #524fa0;cursor:pointer}.notification-ubah .top .button .button-2{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 40px;color:#fff;background-color:#354ebc;border-radius:10px;cursor:pointer}.notification-ubah .box{padding:20px;background-color:#fff;border-radius:10px;width:70%;margin-top:20px}.notification-ubah .box .custom-date-input{position:relative;display:inline-block;width:100%}.notification-ubah .box .custom-date-input input[type=date]{position:relative;padding-right:40px}.notification-ubah .box .custom-date-input input[type=date]::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;top:50%;transform:translateY(-50%);width:100%;height:100%;cursor:pointer}.notification-ubah .box .custom-date-input:after{content:url(/build/assets/icon-date-dUDlBV_V.svg);position:absolute;right:10px;top:58%;transform:translateY(-50%);pointer-events:none;width:24px;height:24px}.notification-ubah .box .select-wrapper-arrow{position:relative;width:100%;margin-top:10px}.notification-ubah .box .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.notification-ubah .box .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.notification-ubah .box input,.notification-ubah .box textarea{margin-top:10px;width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.notification-ubah .box3{background-color:#fff;border-radius:15px;padding:20px;overflow:auto;box-sizing:border-box;width:35%;margin-top:20px}.notification-ubah .box3 label{margin-left:5px;display:flex;align-items:center}.notification-ubah .box3 input{margin-right:10px}.notification-ubah .box3 .input[type=checkbox]{cursor:pointer;border-radius:3px!important;padding:0;width:20px;height:20px!important;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #D9D9D9}.notification-ubah .box3 .input[type=checkbox]:after{background-image:url(/build/assets/checkbox-BDrq0JwD.svg);background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:3px!important;width:20px;height:20px;position:absolute;top:0;left:0;right:0;bottom:0;background-color:transparent;content:"";display:none;border:1px solid #D9D9D9}.notification-ubah .box3 .input[type=checkbox]:checked,.notification-ubah .box3 .input[type=checkbox].checked{border:none;outline:none}.notification-ubah .box3 .input[type=checkbox]:checked:after,.notification-ubah .box3 .input[type=checkbox].checked:after{display:block}.notification-ubah .box3 .title-text{font-size:18px;font-weight:700;margin-bottom:10px}.notification-ubah .box3 .access-list{list-style:none;padding:0}.notification-ubah .box3 .access-list li{margin:10px 0}.notification-ubah .box3 .dropdown .toggle-btn{cursor:pointer;float:right}.notification-ubah .box3 .dropdown-content{display:none;list-style:none;padding-left:30px;margin-top:0}.notification-ubah .box3 .dropdown.open .dropdown-content{display:block}.setting{margin:40px;display:flex;flex-direction:column;gap:25px}.setting p,.setting h1{margin:0;padding:0}.setting a,.setting a:hover{text-decoration:none;color:#fff}.setting .pop-up-ubah{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.setting .pop-up-ubah .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.setting .pop-up-ubah .card .title{display:flex;justify-content:center;align-items:center;margin-bottom:20px;font-weight:500;padding:25px;font-size:20px;border-bottom:1px solid #ddd}.setting .pop-up-ubah .card .title .fa-times-circle{font-size:20px;position:absolute;right:20px}.setting .pop-up-ubah .card .content2{margin:0 20px 20px}.setting .pop-up-ubah .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.setting .pop-up-ubah .card .border2{border-bottom:1px solid #dbe9ff}.setting .pop-up-ubah .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.setting .pop-up-ubah .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.setting .pop-up-ubah .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.setting .pop-up-ubah .card .button{display:flex;justify-content:center;align-self:center;width:100%;margin:15px 0;gap:10px}.setting .pop-up-ubah .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.setting .pop-up-ubah .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:100%;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.setting .pop-up-ubah .card .button1 button:hover,.setting .pop-up-ubah .card .button2 button:hover{opacity:.9}.setting .pop-up-hapus{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:1;display:none;justify-content:center;align-items:center}.setting .pop-up-hapus .card{z-index:10;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:90%;padding:0;box-sizing:border-box;position:relative}.setting .pop-up-hapus .card .title{display:flex;align-items:center;font-weight:400;padding:25px;font-size:17px;gap:15px}.setting .pop-up-hapus .card .title i{font-size:25px}.setting .pop-up-hapus .card .content2{margin:0 20px 20px}.setting .pop-up-hapus .card .content2 p{color:#666;font-size:13px;font-weight:300;margin-bottom:5px}.setting .pop-up-hapus .card .border2{border-bottom:1px solid #dbe9ff}.setting .pop-up-hapus .card .select-wrapper-arrow{position:relative;width:100%;margin-right:10px}.setting .pop-up-hapus .card .select-wrapper-arrow:before{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:18px;height:19px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cpath d='M4.66699 7.16602L8.00033 9.83268L11.3337 7.16602' stroke='%239F9F9F' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.setting .pop-up-hapus .card .select-wrapper-arrow select{width:100%;border-radius:10px;border:1px solid #DEDDDD;background-color:#fff;padding:13px 20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px;font-weight:300;line-height:normal;color:#686868;letter-spacing:.5px}.setting .pop-up-hapus .card .button{display:flex;justify-content:end;margin-bottom:15px;gap:10px}.setting .pop-up-hapus .card .button2{width:100%;box-sizing:border-box;background-color:#4259c1;width:70px;color:#fff;border:none;margin:0 21px 0 0;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.setting .pop-up-hapus .card .button1{background-color:#fff;color:#000;border:1px solid #DEDDDD;margin-left:21px;width:90px;box-sizing:border-box;padding:13px 0;border-radius:10px;cursor:pointer;font-size:16px}.setting .pop-up-hapus .card .button1 button:hover,.setting .pop-up-hapus .card .button2 button:hover{opacity:.9}.setting .toggle-switch{position:relative;width:100px;height:40px}.setting .toggle-switch .switch-input{display:none}.setting .toggle-switch .switch-label{position:relative;display:block;background-color:#a2c6e7;border-radius:20px;height:100%;cursor:pointer;transition:background-color .3s ease-in-out}.setting .toggle-switch .switch-label .switch-slider{position:absolute;top:0;left:0;width:50%;height:100%;background-color:#354ebc;border-radius:20px;transition:all .3s ease-in-out}.setting .toggle-switch .switch-label .switch-text{position:absolute;width:50%;height:100%;text-align:center;line-height:40px;color:#fff;font-weight:700;transition:all .3s ease-in-out}.setting .toggle-switch .switch-label .on-text{left:0}.setting .toggle-switch .switch-label .off-text{right:0;color:#fff}.setting .toggle-switch .switch-input:checked+.switch-label .switch-slider{left:50%;background-color:#354ebc}.setting .toggle-switch .switch-input:checked+.switch-label .on-text{color:#fff}.setting .toggle-switch .switch-input:checked+.switch-label .off-text{color:#fff}.setting .top-page{display:flex;justify-content:space-between;align-items:center;letter-spacing:1px}.setting .top-page .text-1{font-size:22px;font-weight:500;color:#354ebc}.setting .top-page .group-button{display:flex;gap:10px}.setting .top-page .button-1{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.setting .top-page .button-2{background-color:#faad14;color:#fff;border:none;padding:10px 20px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center}.setting .box{display:flex;flex-direction:column;padding:20px;background-color:#fff;border-radius:10px}.setting .box .text-1{font-weight:500}.setting .box .switch{position:relative;display:inline-block;width:60px;height:34px}.setting .box .switch input{opacity:0;width:0;height:0}.setting .box .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.setting .box .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.setting .box input:checked+.slider{background-color:#354ebc}.setting .box input:checked+.slider:before{transform:translate(26px)}.setting .box .slider.round{border-radius:34px}.setting .box .slider.round:before{border-radius:50%}.setting .wrapp-bottom{display:flex;flex-direction:column;gap:20px}
