@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap";*{border:0}*,body{margin:0;padding:0}body{font-family:Plus Jakarta Sans,sans-serif!important;background:#fafafa!important}[data-test-id=button-close]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.antd-wrapper-body .ant-image-preview-mask,.antd-wrapper-body .ant-image-preview-operations-wrapper,.antd-wrapper-body .ant-image-preview-wrap{z-index:1500}.footer-app{padding-bottom:calc(env(safe-area-inset-bottom) + 4px)}.MuiTypography-root,button,h1,h2,h3,h4,h5,h6,p{font-family:Plus Jakarta Sans,sans-serif!important}.MuiCard-root{box-shadow:0 0 2px 0 rgba(145,158,171,.3),0 12px 24px -4px rgba(145,158,171,.12)!important;border-radius:10px!important}.MuiFormHelperText-root{margin:0;padding:0;font-size:12px!important}.expired-text{color:#b71d18;animation:blink 1.5s infinite;font-weight:700;font-style:Bold;font-size:13px;line-height:100%;letter-spacing:0}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#f7ce00!important}.MuiInputBase-root,.MuiOutlinedInput-root{border-radius:8px!important;border-color:#f7ce00;box-shadow:0 1px 2px 0 rgba(16,24,40,.0509803922);background:#fff}.MuiInputBase-root.Mui-disabled,.MuiOutlinedInput-root.Mui-disabled{-webkit-text-fill-color:#000;background:rgba(199,199,199,.5098039216);border-radius:7px}.MuiInputBase-root .MuiOutlinedInput-input.Mui-disabled,.MuiOutlinedInput-root .MuiOutlinedInput-input.Mui-disabled{-webkit-text-fill-color:#000;border-radius:7px}.MuiInputBase-root ::placeholder,.MuiOutlinedInput-root ::placeholder{font-size:14px!important;color:#888!important;opacity:1!important;padding-top:2.5px!important;font-family:Plus Jakarta Sans,sans-serif!important}.input-number{border-radius:8px!important;box-shadow:0 1px 2px 0 rgba(16,24,40,.0509803922);border:1px solid rgba(0,0,0,.23);height:40px;padding:0 14px}.input-number:focus-visible{outline-color:#f7ce00}.input-number::placeholder{font-size:14px!important;color:"#888888"!important;opacity:1!important;padding-top:2.5px!important;font-family:Plus Jakarta Sans,sans-serif!important}.button-primary{background:#2b5caa;width:100%;border-radius:8px;color:#fff;font-size:16px;font-weight:500;line-height:19.2px;padding:10px}.file-picker.MuiButtonBase-root{background:#efefef;font-size:12px;font-weight:400;color:#000;text-transform:capitalize!important}label{font-family:Plus Jakarta Sans,sans-serif!important;font-size:14px;font-weight:500;line-height:20px;text-align:left;color:#171717}span.required{color:red;margin-left:4px}.MuiFormHelperText-root.Mui-error{color:#f04438;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:400;line-height:20px;text-align:left;margin:0}.timepicker-sarvenaz{border:1px solid #b0b0b0;padding:8.5px 14px;margin-bottom:10px}.timepicker-sarvenaz .ant-picker-input input ::placeholder{color:red}.timepicker-sarvenaz .ant-picker-input ::-ms-input-placeholder{color:red}.message-create,.message-remove{margin-bottom:16px;display:flex;gap:14px;justify-content:space-between;align-items:center;padding:10px 18px;border-radius:4px}.message-create span,.message-remove span{display:flex;gap:14px}.message-create p,.message-remove p{font-size:14px}@media screen and (max-width:599px){.message-create p,.message-remove p{font-size:12px}}.message-create{background-color:#a6f4c5;color:#05603a}.message-remove{background-color:#fee4e2;color:#912018}.search-by{display:flex;align-items:center;gap:10px;width:100%}.custom-dropdown.MuiInputBase-root{width:150px!important}@media screen and (max-width:599px){.custom-dropdown.MuiInputBase-root{width:170px!important}}.custom-dropdown.MuiInputBase-root .MuiSelect-select{padding:8.4px 16px!important;margin:0!important;font-size:14px}.margin-price{font-weight:700;min-width:70px;display:flex;align-items:center;justify-content:start}.margin-price.loss{color:#f43838}.request{background:#fff;border:2px solid #f39c12;color:#f39c12}.request,.request svg{font-size:13px}.request svg path{fill:#f39c12}.process{background:#fff;border:2px solid #00a7d0;color:#00a7d0}.process,.process svg{font-size:13px}.process svg path{fill:#00a7d0}.invoice{border:2px solid #0073b7;color:#0073b7}.invoice,.reimbursment{background:#fff;margin:5px 0;font-size:13px}.reimbursment{border:2px solid #605ba8;color:#605ba8;padding:5px 15px}.onvalidated{background:#fff;border:2px solid #f70;color:#f70}.onvalidated,.onvalidated svg{font-size:13px}.onvalidated svg path{fill:#f70}.partial{background:#fff;border:2px solid #4795b1;color:#4795b1}.partial,.partial svg{font-size:13px}.partial svg path{fill:#4795b1}.paid{background:#fff;border:2px solid #5ce65c;color:#5ce65c}.paid,.paid svg{font-size:13px}.paid svg path{fill:#5ce65c}.completed{background:#dcfce7;color:#3cd856}.completed,.waiting{font-size:13px;font-weight:600}.waiting{background:#fff4de;color:#ff947a}.otw{background:#f0f9ff;color:#0095ff}.canceled,.otw{font-size:13px;font-weight:600}.canceled{background:#ffe2e5;color:#fa5a7d}.trucking-icon{background:#f4e3df;padding:5px 8px;border-radius:6px;display:flex}.trucking-icon svg path{fill:#d78262}.selfdrive-icon{background:#dff4f7;padding:5px 8px;border-radius:6px;display:flex}.selfdrive-icon svg path{fill:#69bfb3}.shipping-icon{background:#f6f2ff;padding:5px 8px;border-radius:6px;display:flex}.shipping-icon svg path{fill:#d3cdf4}.location-order{margin:10px 0}.location-order .loading-place-icon{fill:#f7ce00;font-size:10px}.location-order .unloading-place-icon{fill:#f7ce00;font-size:15px}.location-order .divider-icon{fill:#d6d6d6;font-size:7px;position:relative}.location-order .divider-breakpoint{font-size:12px;position:relative;left:1.4px}.location-order .divider-breakpoint path{fill:#f7ce00}.location-order h3,.location-order p{font-size:13px;color:#35404e}.location-order h3{margin:3px 0 0}.MuiLinearProgress-bar{transition:none}.rdrEndEdge,.rdrInRange,.rdrSelected,.rdrStartEdge{background:#f7ce00!important;font-weight:600}.rdrDayEndOfMonth.rdrDayHovered,.rdrDayHovered,.rdrDayInPreview,.rdrDayStartOfMonth.rdrDayHovered{border-color:#f7ce00!important}.rdrDayToday .rdrDayNumber span:after{background:#f7ce00!important}.filter-date-mobile .MuiDialogContent-root{padding:0 16px!important}@media screen and (max-width:959px){.rdrCalendarWrapper,.rdrMonth{width:100%!important;padding:5px 0!important}}.header-mobile{background-color:#f7ce00;padding:calc(env(safe-area-inset-top) + 8px) 0 15px}.header-mobile svg path{fill:rgba(0,0,0,.8705882353)}.header-mobile h4{margin:0!important;font-size:22px}.swipe-mobile .MuiPaper-root{padding-bottom:calc(env(safe-area-inset-bottom) + 1px);border-radius:15px 15px 0 0}.swal2-container{z-index:3005}.swipe-mobile{z-index:2001!important}.MuiDialog-root,.MuiPickersPopper-root{z-index:3002!important}.MuiPopover-root,.MuiPopper-root{z-index:3003!important}.input-file{width:350px;max-width:100%;color:#444;padding:5px;background:#fff;border-radius:10px;border:1px solid #b0b0b0}.input-file::-webkit-file-upload-button{margin-right:20px;border:none;background:#f7ce00;padding:10px 20px;border-radius:10px;color:#fff;cursor:pointer;-webkit-transition:background .2s ease-in-out;transition:background .2s ease-in-out}.input-file::file-selector-button{margin-right:20px;border:none;background:#f7ce00;padding:10px 20px;border-radius:10px;color:#fff;cursor:pointer;transition:background .2s ease-in-out}.input-file::-webkit-file-upload-button:hover{background:#c3b601}.input-file::file-selector-button:hover{background:#c3b601}.lihat-file{font-size:14px;margin:5px 0}.filter-user{width:500px;border-radius:8px;padding:25px 32px}.filter-user header{margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #f1f1f1;display:flex;justify-content:space-between;align-items:center}.filter-user main,.filter-user section{display:flex;flex-direction:column;margin-bottom:5px}.filter-user .option{display:flex}.filter-user span{display:flex;justify-content:space-between;align-items:center}.filter-user button{margin-top:15px}.date-range-mobile{border:1px solid #a5a4a4!important}.ant-picker-dropdown{z-index:3500}.dropzone-input{border:var(--border-style);border-radius:10px;padding:10px;text-align:center;margin-top:10px}.dropzone-input img{margin:10px 0}.dropzone-input .select-files{background:#f7ce00;width:20%;margin-right:auto;margin-left:auto;border-radius:20px;padding:5px;color:#fff;margin-top:5px}@media screen and (max-width:599px){.dropzone-input .select-files{width:50%}}.dropzone-input .select-files:hover{cursor:pointer}.dropzone-input button{margin:10px auto}.dropzone-input p{font-weight:500;font-size:15px;color:gray}.swal-title-app{font-size:18px}.form-mobile .title{font-family:Plus Jakarta Sans;font-weight:500;font-style:Medium;font-size:16px;line-height:100%;letter-spacing:0;padding:15px 0}.hidden{display:none!important}.helper-text-input{font-weight:400;font-style:Regular;font-size:12px;line-height:100%;letter-spacing:0;color:#707070;margin-top:5px}.tools-action{padding:0!important}.custom-btn,button{padding:10px 24px;border-radius:6px;display:flex;justify-content:center;align-items:center;gap:6px;font-size:14px;text-decoration:none;transition:all .15s ease-in-out;cursor:pointer}@media screen and (max-width:959px){.custom-btn,button{font-size:12px}}.custom-btn.primary,button.primary{background-color:#f7ce00;border:1px solid #f7ce00;color:#fff}.custom-btn.primary:hover,button.primary:hover{background-color:rgba(247,206,0,.5019607843)}@media screen and (max-width:599px){.custom-btn.primary,button.primary{width:100%}}.custom-btn.primary:disabled,button.primary:disabled{background-color:#c8c8c8!important;border:1px solid #c8c8c8!important;cursor:default}.custom-btn.outlined,button.outlined{background-color:#fff;border:1px solid #f7ce00;color:rgba(0,0,0,.8705882353)}.custom-btn.outlined:hover,button.outlined:hover{background-color:rgba(247,206,0,.5019607843)}@media screen and (max-width:599px){.custom-btn.outlined,button.outlined{width:100%}}.custom-btn.outlined:disabled,button.outlined:disabled{background-color:#c8c8c8!important;border:1px solid #c8c8c8!important;cursor:default}.custom-btn.secondary,button.secondary{background-color:rgba(255,206,27,.4784313725);border:1px solid #f7ce00;color:rgba(0,0,0,.8705882353)}.custom-btn.secondary:hover,button.secondary:hover{background-color:#f7ce00}@media screen and (max-width:599px){.custom-btn.secondary,button.secondary{width:100%}}.custom-btn.secondary:disabled,button.secondary:disabled{background-color:#c8c8c8!important;border:1px solid #c8c8c8!important;cursor:default}.custom-btn.neutral,button.neutral{background-color:#fff;border:1px solid #d1d1d1;color:#5d5d5d!important}.custom-btn.neutral:hover,button.neutral:hover{background-color:#eaeaea}@media screen and (max-width:599px){.custom-btn.neutral,button.neutral{width:100%}}.custom-btn.neutral:disabled,button.neutral:disabled{background-color:#c8c8c8!important;border:1px solid #c8c8c8!important;cursor:default}.custom-btn.danger,button.danger{background-color:#b42318;border:1px solid #b42318;color:#fff}.custom-btn.danger:hover,button.danger:hover{background-color:#9d180f}@media screen and (max-width:599px){.custom-btn.danger,button.danger{width:100%}}.custom-btn.danger:disabled,button.danger:disabled{background-color:#c8c8c8!important;border:1px solid #c8c8c8!important;cursor:default}.custom-btn.remove,button.remove{background-color:#fffbfa;border:1px solid #b42318;color:#b42318}.custom-btn.remove:hover,button.remove:hover{background-color:#ede4e2}@media screen and (max-width:599px){.custom-btn.remove,button.remove{width:100%}}.custom-btn.remove:disabled,button.remove:disabled{background-color:#c8c8c8!important;border:1px solid #c8c8c8!important;cursor:default}.custom-btn.full,button.full{width:100%;font-size:16px}@media screen and (max-width:599px){.custom-btn.full,button.full{font-size:14px}}.custom-btn.full:disabled,button.full:disabled{background-color:#c8c8c8!important;border:1px solid #c8c8c8!important;cursor:default}.custom-btn a,button a{text-decoration:none;color:#fff}.datagrid{width:100%}.datagrid .MuiDataGrid-root{border:1px solid #e7e7e7;border-bottom:none;background-color:#fff!important;background:#fff;font-family:Plus Jakarta Sans,sans-serif!important}.datagrid .MuiDataGrid-root .MuiDataGrid-cell:focus-within{outline:none!important}.datagrid .MuiDataGrid-root .hide-checkbox{position:-webkit-sticky;position:sticky;top:0;z-index:4}.datagrid .MuiDataGrid-root .hide-checkbox .MuiDataGrid-cellCheckbox{display:none}.datagrid .MuiDataGrid-root .MuiDataGrid-columnHeader{background:rgba(229,230,230,.6196078431)}.datagrid .MuiDataGrid-root .MuiDataGrid-columnHeaderTitle{color:#475467;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;line-height:18px;text-align:left;width:100%}.datagrid .MuiDataGrid-root .MuiDataGrid-overlayWrapperInner{height:100%!important}.datagrid .MuiDataGrid-root .MuiDataGrid-overlayWrapperInner .empty-data{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30.5px 0}.datagrid .MuiDataGrid-root .odd-row{background:#f9fafb}.datagrid .MuiDataGrid-root .MuiDataGrid-cell{white-space:normal!important;word-wrap:break-word!important;padding-top:20px!important;padding-bottom:20px!important;display:flex;align-items:center}.datagrid .MuiDataGrid-root .MuiDataGrid-cell:last-child{padding:20px 0!important}.datagrid .MuiDataGrid-root .MuiDataGrid-cellContent{color:#475467;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.datagrid .MuiDataGrid-root .MuiDataGrid-overlayWrapper{height:300px!important}.datagrid .MuiDataGrid-root p{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.datagrid .MuiDataGrid-root .information-user{width:100%;margin:20px 0}.datagrid .MuiDataGrid-root .information-user h4{color:#000;font-size:13px;font-style:normal;font-weight:700;line-height:normal;margin-bottom:10px}.datagrid .MuiDataGrid-root .information-user .detail-information{margin:10px 0}.datagrid .MuiDataGrid-root .information-user .detail-information p{color:#000;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-style:normal;font-weight:400;line-height:normal}.datagrid .MuiDataGrid-root .information-user .label-button .pulse-button{color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:10px;font-style:normal;font-weight:700;line-height:normal;min-width:0;width:50px;height:25px;text-transform:capitalize;border-radius:50px}.datagrid .pagination-area{background:#fff;padding:10px 15px;border:1px solid #e4e7ec;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.datagrid .pagination-area .pagination-datagrid{display:flex;justify-content:space-between;align-items:center;padding:0}@media screen and (max-width:959px){.datagrid .pagination-area .pagination-datagrid{align-items:flex-start;flex-direction:column}}.datagrid .pagination-area .pagination-datagrid .row-perpage{border:none;box-shadow:none;margin:0}.datagrid .pagination-area .pagination-datagrid .row-perpage fieldset{border:none}.datagrid .pagination-area .pagination-datagrid .MuiTypography-root,.datagrid .pagination-area .pagination-datagrid .legend-pagination{font-size:13px;font-weight:500;line-height:15.6px;color:#888}.datagrid .pagination-area .pagination-datagrid .MuiTypography-root strong,.datagrid .pagination-area .pagination-datagrid .legend-pagination strong{color:#3d3d3d}.datagrid .pagination-area .pagination-datagrid .MuiPagination-ul .MuiPaginationItem-root.Mui-selected{background-color:#eee;border-radius:8px}.datagrid .total{border-top:1px solid #e7e7e7;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;padding:10px 15px}.hide-checkbox .MuiDataGrid-checkboxInput{display:none}.virtual-table{box-shadow:none!important}.virtual-table .head-virtual-table .MuiTableCell-root{background:#e5e6e6}.MuiDialog-root .MuiDialog-container .MuiDialog-paper{border-radius:10px}.MuiDialog-root .MuiDialog-container .MuiDialog-paper .MuiDialogTitle-root{font-size:18px}.tandai-lokasi-app{padding-top:calc(env(safe-area-inset-top) + 12px)}.tandai-lokasi-app .MuiDialog-paper{padding-bottom:calc(env(safe-area-inset-bottom) + 1px);border-radius:0!important}.login-page{height:100vh;display:flex;align-items:center}.login-page:before{content:"";animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;position:absolute;height:100%;width:100%;opacity:.3;background:radial-gradient(rgb(210,241,223),rgb(211,215,250),rgb(237,244,186)) 0 0/400% 400%;animation:gradient 15s ease 0s infinite normal none running}.login-page .MuiCard-root{width:420px;z-index:1;position:relative;padding:30px 20px;box-shadow:0 0 2px 0 rgba(145,158,171,.3),0 12px 24px -4px rgba(145,158,171,.12);border-radius:7px;border:1px solid rgba(245,245,245,.768627451)}@media screen and (max-width:959px){.login-page .MuiCard-root{width:320px;padding:30px 20px;background:none;box-shadow:none;height:90vh;display:flex;flex-direction:column;justify-content:space-around}.login-page .MuiCard-root .form{padding-top:100px}.login-page .MuiCard-root .form .password{margin-bottom:15px}.login-page .MuiCard-root .form .logo img{width:55%;height:100%}}.login-page .MuiCard-root .logo{display:flex;align-items:center;justify-content:center;margin-top:20px;margin-bottom:30px}.login-page .MuiCard-root .forgot-password{margin-bottom:20px;display:flex;justify-content:flex-end}.login-page .MuiCard-root .forgot-password a{color:#2b5caa;font-size:14px;font-weight:500;line-height:19.2px}.login-page .MuiCard-root .copyright{margin:20px 0 0}@media screen and (max-width:959px){.login-page .MuiCard-root .copyright{position:relative;top:50px}}.login-page .MuiCard-root .copyright p{font-size:14px;font-weight:500;line-height:19.2px;text-align:center}.login-page .MuiCard-root .primary{margin-top:20px;width:100%;font-weight:600}.login-page .playstore{margin:20px 0 0;z-index:1;position:relative}@media screen and (max-width:959px){.login-page .playstore{display:none}}.login-page .playstore .get-it-on{display:flex;justify-content:center;margin:10px 0 0}.login-page .playstore .get-it-on:hover{cursor:pointer}.login-page-mobile{height:100vh;display:flex;align-items:center}.login-page-mobile:before{content:"";animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;position:absolute;height:100%;width:100%;opacity:.3;background:radial-gradient(rgb(210,241,223),rgb(211,215,250),rgb(237,244,186)) 0 0/400% 400%;animation:gradient 15s ease 0s infinite normal none running}@media screen and (max-width:959px){.login-page-mobile .MuiCard-root{width:320px;padding:30px 20px;background:none;box-shadow:none!important;height:90vh;display:flex;flex-direction:column;justify-content:space-around;z-index:1000}.login-page-mobile .MuiCard-root .form{padding-top:100px}.login-page-mobile .MuiCard-root .form label{font-size:16px}.login-page-mobile .MuiCard-root .form .MuiTextField-root input{font-size:17px}.login-page-mobile .MuiCard-root .form .password{margin-bottom:15px}.login-page-mobile .MuiCard-root .form .logo img{width:55%;height:100%}.login-page-mobile .MuiCard-root .form button{font-size:14px}}.login-page-mobile .MuiCard-root .logo{display:flex;align-items:center;justify-content:center;margin-top:20px;margin-bottom:30px}.login-page-mobile .MuiCard-root .forgot-password{margin-bottom:20px;display:flex;justify-content:flex-end}.login-page-mobile .MuiCard-root .forgot-password a{color:#2b5caa;font-size:14px;font-weight:500;line-height:19.2px}.login-page-mobile .MuiCard-root .copyright{margin:20px 0 0}@media screen and (max-width:959px){.login-page-mobile .MuiCard-root .copyright{position:relative;top:50px}}.login-page-mobile .MuiCard-root .copyright p{font-size:14px;font-weight:500;line-height:19.2px;text-align:center}.login-page-mobile .MuiCard-root .primary{margin-top:20px;width:100%;font-weight:600}.login-page-mobile .playstore{margin:20px 0 0;z-index:1;position:relative}@media screen and (max-width:959px){.login-page-mobile .playstore{display:none}}.login-page-mobile .playstore .get-it-on{display:flex;justify-content:center;margin:10px 0 0}.MuiAppBar-root{background:#fff!important;color:#000;box-shadow:none!important;margin:0;position:fixed!important;z-index:1000!important}.MuiAppBar-root svg{fill:#000}.MuiAppBar-root .navbar{display:flex;width:100%;justify-content:space-between;align-items:center}.MuiAppBar-root .navbar .logo-area{display:none}@media screen and (max-width:959px){.MuiAppBar-root .navbar .logo-area{display:block}}.MuiAppBar-root .navbar .notication-icon{margin-right:10px}.MuiAppBar-root .navbar .notication-icon .MuiBadge-badge{background-color:#b42318}.MuiAppBar-root .navbar .notication-icon .MuiSvgIcon-root{fill:#888}.MuiAppBar-root .navbar .search-navbar{width:300px}@media screen and (max-width:599px){.MuiAppBar-root .navbar .search-navbar,.MuiAppBar-root .navbar .user-info{display:none}}.MuiAppBar-root .navbar .user-info h4{font-size:13px;line-height:15.6px;color:#454545}.MuiAppBar-root .navbar .user-info p{color:#5d5d5d;font-size:13px;font-weight:500;line-height:15.6px}.MuiAppBar-root .MuiBreadcrumbs-root{text-transform:capitalize}.MuiAppBar-root .MuiBreadcrumbs-root .MuiBreadcrumbs-ol .MuiBreadcrumbs-li a,.MuiAppBar-root .MuiBreadcrumbs-root .MuiBreadcrumbs-ol .MuiBreadcrumbs-li p{color:#707070;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.MuiAppBar-root .MuiBreadcrumbs-root .MuiBreadcrumbs-ol .MuiBreadcrumbs-li p{color:#000;font-weight:700}.MuiAppBar-root .label-breadcrumb{color:#000;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize;padding-left:30px}@media screen and (max-width:959px){.header-sarvenaz .navbar-sarvenaz{padding:0 15px;background:#fff!important;margin-top:0}.header-sarvenaz .navbar-sarvenaz .expand-menu{background:#fff;display:flex}.header-sarvenaz .navbar-sarvenaz .navbar{justify-content:flex-end}}.user-dropdown .MuiPaper-root{box-shadow:0 4px 20px 0 rgba(57,57,57,.2);border-radius:8px}.user-dropdown .MuiPaper-root .MuiList-root .MuiMenuItem-root .MuiTypography-root{display:flex;align-items:center;gap:10px}.user-dropdown .MuiPaper-root .MuiList-root .MuiMenuItem-root .MuiTypography-root span{display:flex;align-items:center}.user-dropdown .MuiPaper-root .MuiList-root .MuiMenuItem-root:first-child{border-bottom:1px solid #e7e7e7;padding:15px 15px 20px}.user-dropdown .MuiPaper-root .MuiList-root .MuiMenuItem-root:first-child .MuiTypography-root{color:#454545;font-family:Inter;font-weight:500;line-height:15.6px;text-align:left}.user-dropdown .MuiPaper-root .MuiList-root .MuiMenuItem-root:first-child .MuiTypography-root span svg path{fill:#888}.user-dropdown .MuiPaper-root .MuiList-root .MuiMenuItem-root:nth-last-child(-n+1){padding-top:13px}.user-dropdown .MuiPaper-root .MuiList-root .MuiMenuItem-root:nth-last-child(-n+1) .MuiTypography-root{color:#912018;font-weight:500}.notification-list .MuiPaper-root{box-shadow:0 4px 20px 0 rgba(57,57,57,.2);border-radius:8px}.notification-list .MuiPaper-root .title{padding:15px 10px;border-bottom:1px solid #e7e7e7}.notification-list .MuiPaper-root .title .read-all{background:none;font-family:Inter;font-size:13px;font-weight:500;line-height:15.6px;text-align:left;color:#3679ba}.notification-list .MuiPaper-root .list-notif{padding:15px 10px;border-bottom:1px solid #e7e7e7}.notification-list .MuiPaper-root .list-notif.active{background:#e6ecf8}.notification-list .MuiPaper-root .list-notif:hover{cursor:pointer}.notification-list .MuiPaper-root .list-notif .MuiTypography-root{display:flex;align-items:center;gap:10px;font-family:Inter;font-weight:500;line-height:18px;text-align:left}.notification-list .MuiPaper-root .list-notif .MuiTypography-root span{display:flex;align-items:center}.notification-list .MuiPaper-root .list-notif:nth-last-child(-n+1){border:none}.app-bar{box-shadow:0 0 2px 0 rgba(145,158,171,.3),0 12px 24px -4px rgba(145,158,171,.12)!important}.app-bar svg path{fill:none}.app-bar p{font-size:16px}@media screen and (max-width:959px){.sidebar{z-index:1300!important}}.sidebar .MuiDrawer-paper{border-right:1px solid #e7e7e7!important;background:#fff;overflow:hidden;z-index:1000}@media screen and (max-width:959px){.sidebar .MuiDrawer-paper{height:100%!important}}.sidebar .MuiDrawer-paper .logo-area{display:flex;align-items:flex-start;justify-content:center;padding:25px}.sidebar .MuiDrawer-paper .MuiList-root{overflow:auto}.sidebar .MuiDrawer-paper .MuiList-root::-webkit-scrollbar{width:2px}.sidebar .MuiDrawer-paper .MuiList-root:-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.sidebar .MuiDrawer-paper .MuiList-root::-webkit-scrollbar-thumb{background-color:#2b5caa}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu h3{color:#2a3547!important;padding:0 17px;margin:10px 0;font-size:.75rem;font-weight:700;line-height:26px;text-align:left}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu{margin:0 20px}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu a{width:100%;text-decoration:none}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu a svg{color:#000}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .badge-sidebar .MuiTypography-root{display:flex;align-items:center;gap:10px;width:100%}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .badge-sidebar .MuiTypography-root .count{background:#d92d20;width:32px;height:20px;padding:4px;gap:8px;border-radius:100px;font-size:10px;font-weight:500;line-height:12px;text-align:center;color:#fff}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .MuiListItemText-primary{color:#454545;font-size:14px;font-style:normal;font-weight:550;line-height:normal;font-family:Plus Jakarta Sans,sans-serif;margin-left:10px}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .drop-icon path{fill:#454545}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .MuiListItemIcon-root{min-width:25px}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .Mui-selected{background:#ffce1b;border-radius:9px}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .Mui-selected .MuiListItemText-primary{font-weight:600;color:#fff}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .Mui-selected .drop-icon path{fill:#fff}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .MuiCollapse-root .MuiListItemButton-root{height:30px;padding:24px 40px}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .MuiCollapse-root .MuiListItemText-root .MuiListItemText-primary{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:normal;font-family:Plus Jakarta Sans,sans-serif}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .MuiCollapse-root .Mui-selected{background:#f3f6fc;border:none;height:30px;margin-top:8px}.sidebar .MuiDrawer-paper .MuiList-root .sidebar-menu .list-menu .MuiCollapse-root .Mui-selected .MuiListItemText-primary{font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;line-height:19.2px;color:#2b5caa}.sidebar .MuiDrawer-paper .list-sidebar{height:95%;display:flex;flex-direction:column;justify-content:space-between}.sidebar .MuiDrawer-paper .logout-action .info-user{display:flex;align-items:center;width:100%}.sidebar .MuiDrawer-paper .logout-action .info-user p{color:#912018;font-size:16px;font-style:normal;font-weight:550;line-height:normal;font-family:Plus Jakarta Sans,sans-serif}.sidebar .MuiDrawer-paper .logout-action button{background-color:rgba(0,0,0,0)}.sidebar .MuiDrawer-paper .logout-action button svg path{color:#912018}.dashboard-overview .welcome-dashboard{margin:0 0 10px;display:flex;align-items:center;justify-content:space-between}.dashboard-overview .welcome-dashboard h3{margin:0;padding:0;font-size:25px}.dashboard-overview .welcome-dashboard h4{color:#888;font-size:16px;font-weight:500;line-height:19.2px;text-align:left}.dashboard-overview .welcome-dashboard h4 span{color:#3d3d3d;font-weight:700}.dashboard-overview .summary-omset .title{display:flex;align-items:center;width:90%}.dashboard-overview .summary-omset .title h3{border-right:2px solid #000;padding-right:10px;font-size:18px}.dashboard-overview .summary-omset .title .total-order-summary{font-weight:600;line-height:100%;color:#707070;letter-spacing:0;margin:0 10px;border:none}.dashboard-overview .revenue-analitik{margin:20px 0}.dashboard-overview .revenue-analitik .card-count-overview{box-shadow:0 2px 6px 0 rgba(57,57,57,.0784313725);height:100%}.dashboard-overview .revenue-analitik .card-count-overview .MuiCardContent-root{display:flex;height:100%;flex-direction:column;justify-content:center;padding:16px}.dashboard-overview .revenue-analitik .card-count-overview .MuiCardContent-root .top{display:flex;gap:10px}.dashboard-overview .revenue-analitik .card-count-overview .MuiCardContent-root .top .desc{display:flex;flex-direction:column;justify-content:center}.dashboard-overview .revenue-analitik .card-count-overview .MuiCardContent-root .top .desc .jenis{font-size:16px;font-weight:700;line-height:19.2px;color:#454545}.dashboard-overview .revenue-analitik .card-count-overview .MuiCardContent-root .top .desc .today{font-size:16px;font-weight:500;line-height:19.2px;color:#888;margin-top:3px}.dashboard-overview .revenue-analitik .card-count-overview .MuiCardContent-root .count{margin-top:10px!important;font-size:25px;font-weight:700;line-height:30px;text-align:left;color:#262626}.dashboard-overview .revenue-analitik .card-count-overview .MuiCardContent-root .desc-user{font-size:16px;font-weight:500;line-height:19.2px;color:#888;margin-top:5px}.dashboard-overview .revenue-analitik .revenue h3{font-size:16px;font-weight:500;line-height:19.2px;color:#888;margin-top:3px}.dashboard-overview .revenue-analitik .revenue .rp{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dashboard-overview .revenue-analitik .revenue .rp h1{font-size:30px}.dashboard-overview .revenue-analitik .revenue .rp span .percentage{display:flex;align-items:center;background:#149d52;color:#fff;font-weight:500;border-radius:10px;padding:0 5px;font-size:14px}.dashboard-overview .revenue-analitik .revenue .perbandingan p{color:#737b8b;font-size:15px;line-height:12px;font-weight:500}.dashboard-overview .revenue-analitik .count-card .top{display:flex;gap:10px}.dashboard-overview .revenue-analitik .count-card .top .ritase{background:rgba(255,148,122,.7215686275);border-radius:6px;height:40px;width:40px;display:flex;align-items:center;justify-content:center}.dashboard-overview .revenue-analitik .count-card .top .gold{background:#ffe585;border-radius:6px;height:40px;width:40px;display:flex;align-items:center;justify-content:center}.dashboard-overview .revenue-analitik .count-card .top .green{background:rgba(0,184,217,.4);border-radius:6px;height:55px;width:55px;display:flex;align-items:center;justify-content:center}.dashboard-overview .revenue-analitik .count-card .top .avg{background:#ffab81;border-radius:6px;height:40px;width:40px;display:flex;align-items:center;justify-content:center}.dashboard-overview .revenue-analitik .count-card .top .deviasi{background:#e7eefe;border-radius:6px;height:40px;width:40px;display:flex;align-items:center;justify-content:center}.dashboard-overview .revenue-analitik .count-card .top .coal{background:#cecece;border-radius:6px;height:40px;width:40px;display:flex;align-items:center;justify-content:center}.dashboard-overview .revenue-analitik .count-card .top .lead-time{background:#d3effb;border-radius:6px;height:40px;width:40px;display:flex;align-items:center;justify-content:center}.dashboard-overview .revenue-analitik .count-card .top .pending{background:rgba(114,242,148,.5607843137);border-radius:6px;height:40px;width:40px;display:flex;align-items:center;justify-content:center}.dashboard-overview .revenue-analitik .count-card .top .payment-process{background:rgba(244,200,173,.48);border-radius:6px;height:40px;width:40px;display:flex;align-items:center;justify-content:center}.dashboard-overview .revenue-analitik .count-card .top .order{background:#ff947a;border-radius:6px;height:40px;width:40px;display:flex;align-items:center;justify-content:center}.dashboard-overview .revenue-analitik .count-card .top .order svg{width:auto;height:auto}.dashboard-overview .revenue-analitik .count-card .top .order svg path{color:#fff4de;fill:#fff4de}.dashboard-overview .revenue-analitik .count-card .top .profit{background:#e8e8e8;border-radius:6px;height:40px;width:50px;display:flex;align-items:center;justify-content:center}.dashboard-overview .revenue-analitik .count-card .top .truck{background:#3cd856;border-radius:6px;height:40px;width:40px;display:flex;align-items:center;justify-content:center}.dashboard-overview .revenue-analitik .count-card .top .driver{background:#bf83ff;border-radius:6px;height:40px;width:40px;display:flex;align-items:center;justify-content:center}.dashboard-overview .revenue-analitik .count-card .top .desc{display:flex;flex-direction:column;justify-content:center}.dashboard-overview .revenue-analitik .count-card .top .desc .jenis{font-size:18px;font-weight:700;line-height:19.2px;color:#454545;margin-top:5px}.dashboard-overview .revenue-analitik .count-card .top .desc .today{font-size:16px;font-weight:500;line-height:19.2px;color:#888;margin-top:3px}.dashboard-overview .revenue-analitik .count-card .count-value{margin-top:10px;font-size:35px;font-weight:700;line-height:30px;text-align:left;color:#262626}.dashboard-overview .revenue-analitik .count-card svg{width:30px;height:30px}.dashboard-overview .revenue-analitik .card-count-overview-omset{box-shadow:0 2px 6px 0 rgba(57,57,57,.0784313725)}.dashboard-overview .revenue-analitik .card-count-overview-omset .MuiCardContent-root{display:flex;height:100%;flex-direction:column;justify-content:center;padding:16px}.dashboard-overview .revenue-analitik .card-count-overview-omset .MuiCardContent-root .top{display:flex;gap:10px}.dashboard-overview .revenue-analitik .card-count-overview-omset .MuiCardContent-root .top .desc{display:flex;flex-direction:column;justify-content:center;gap:5px}.dashboard-overview .revenue-analitik .card-count-overview-omset .MuiCardContent-root .top .desc .jenis{font-size:16px;font-weight:600;line-height:19.2px;color:#454545}.dashboard-overview .revenue-analitik .card-count-overview-omset .MuiCardContent-root .top .desc .today{font-size:16px;font-weight:500;line-height:19.2px;color:#888;margin-top:3px}.dashboard-overview .revenue-analitik .card-count-overview-omset .MuiCardContent-root .top .desc .jenis{margin:0}.dashboard-overview .revenue-analitik .card-count-overview-omset .MuiCardContent-root .count{font-size:25px;font-weight:700;line-height:30px;text-align:left;color:#262626}.dashboard-overview .revenue-analitik .card-count-overview-omset .MuiCardContent-root .desc-user{font-size:16px;font-weight:500;line-height:19.2px;color:#888;margin-top:5px}.dashboard-overview .summary{margin-bottom:10px}.dashboard-overview .summary .title{padding:0 0 10px;display:flex;align-items:center;gap:10px}.dashboard-overview .summary .title h3{font-size:20px}.dashboard-overview .summary .total{display:flex;align-items:center;justify-content:space-between}.dashboard-overview .new-order{margin-bottom:20px}.dashboard-overview .new-order .title{display:flex;align-items:center;justify-content:space-between;margin:0 0 5px}.dashboard-overview .new-order .title h3{font-size:20px}.dashboard-overview .new-order .jenis-order{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.dashboard-overview .new-order .jenis-order .MuiTab-root{text-transform:capitalize}.dashboard-overview .new-order .jenis-order .MuiTab-root.Mui-selected{color:#f7ce00}.dashboard-overview .new-order .jenis-order .MuiTabs-indicator{background-color:#f7ce00}.dashboard-overview .new-order .request{background:#fff;border:2px solid #f39c12;color:#f39c12;font-size:13px}.dashboard-overview .new-order .request svg{font-size:13px}.dashboard-overview .new-order .request svg path{fill:#f39c12}.dashboard-overview .new-order .process{background:#fff;border:2px solid #00a7d0;color:#00a7d0;font-size:13px}.dashboard-overview .new-order .process svg{font-size:13px}.dashboard-overview .new-order .process svg path{fill:#00a7d0}.dashboard-overview .new-order .invoice{background:#fff;border:2px solid #0073b7;color:#0073b7;margin:5px 0;font-size:13px}.dashboard-overview .new-order .paid{background:#fff;border:2px solid #5ce65c;color:#5ce65c;font-size:13px}.dashboard-overview .new-order .paid svg{font-size:13px}.dashboard-overview .new-order .paid svg path{fill:#5ce65c}.dashboard-overview .new-order .completed{background:#dcfce7;color:#3cd856;font-size:13px;font-weight:600}.dashboard-overview .new-order .waiting{background:#fff4de;color:#ff947a;font-size:13px;font-weight:600}.dashboard-overview .new-order .otw{background:#f0f9ff;color:#0095ff;font-size:13px;font-weight:600}.dashboard-overview .new-order .canceled{background:#ffe2e5;color:#fa5a7d;font-size:13px;font-weight:600}.dashboard-overview .new-order .secondary{background:none;color:#f7ce00}.dashboard-overview .order-hauling{margin-bottom:20px}.dashboard-overview .order-hauling .title{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}.dashboard-overview .order-hauling .title h3{font-size:20px}.dashboard-overview .order-hauling .title .select-denda{width:250px}.dashboard-overview .order-hauling .title .select-denda label{top:-7px}.dashboard-overview .order-hauling .title .search-denda{width:250px}.dashboard-overview .order-hauling .secondary{background:none;color:#f7ce00}.dashboard-overview .total-order{height:100%}.dashboard-overview .total-order p{font-size:16px;font-weight:500;line-height:19.2px;color:#888;margin-top:3px}.dashboard-overview .total-order h3{margin-top:10px;font-size:35px;font-weight:700;line-height:30px;text-align:left;color:#262626}.dashboard-overview .total-order .legend{position:relative;top:10px}.dashboard-overview .total-order .legend p{color:#262626;font-size:13px;font-weight:500;line-height:19.2px;margin-top:3px;display:flex;gap:10px;align-items:center}.dashboard-overview .total-order .legend p svg{font-size:13px}.dashboard-overview .total-order .legend .otw{background:none}.dashboard-overview .total-order .legend .otw svg path{fill:#00a7d0}.dashboard-overview .total-order .legend .completed{background:none}.dashboard-overview .total-order .legend .completed svg path{fill:#5ce65c}.dashboard-overview .total-order .legend .cancel svg path{fill:#fa5a7d}.dashboard-overview .total-order .legend .waiting{background:none}.dashboard-overview .total-order .legend .waiting svg path{fill:#ff947a}.dashboard-overview .omzet-perrute{margin:20px 0}.dashboard-overview .list-omzet-byrute .MuiCardContent-root{padding:0}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .title{padding:16px;border-bottom:1px solid #e1e1e1;display:flex;justify-content:space-between;align-items:center;position:relative}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .title .legend-omzet:hover .legend{display:block;opacity:1}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .title .legend-omzet .legend{display:none;transition:opacity .2s,display .2s;opacity:0;margin-right:10px;position:absolute;background:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,.2509803922);padding:10px;border-radius:5px;top:50px;left:122px;z-index:200}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .title .legend-omzet .legend h3{text-align:left;margin-bottom:10px}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .title .legend-omzet .legend .progress-bar{margin:3px 0}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .title .legend-omzet .legend .progress-bar .ant-progress-text{font-weight:600;font-size:12px;line-height:100%;letter-spacing:0;color:#fff}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .title .legend-omzet .legend .yellow-progress .ant-progress-inner{background:#fff4de}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .title .legend-omzet .legend .blue-progress .ant-progress-inner{background:#f0f9ff}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .title .legend-omzet .legend .green-progress .ant-progress-inner{background:#dcfce7}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .title button{background:none;padding:0}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .title button svg path{fill:#0073b7}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .list{max-height:63vh;overflow-y:scroll}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .list .by-rute{background:var(--bg);padding:13px 16px}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .list .by-rute:hover{cursor:pointer}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .list .by-rute .origin-destination{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .list .by-rute .origin-destination h4{font-weight:700;line-height:100%;letter-spacing:0}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .list .by-rute .origin-destination svg{font-size:14px}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .list .by-rute .summary-rute{margin:5px 0;flex-wrap:wrap}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .list .by-rute .summary-rute .summary-total{width:54%}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .list .by-rute .summary-rute .summary-total .total{text-align:center;width:20px;margin-left:5px;font-weight:700;font-size:18px}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .list .by-rute .summary-rute .summary-total .divider{text-align:center;margin:0 5px;border-right:1px solid #bfbfbf}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .list .by-rute .summary-rute .summary-total .revenue{text-align:center;font-weight:700;font-size:18px;margin:0 0 0 6px}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .list .by-rute .summary-rute .progress{display:flex;justify-content:flex-start;width:41%}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .list .by-rute .summary-rute .progress .progress-bar{display:flex;justify-content:flex-end}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .list .by-rute .summary-rute .progress .progress-bar .ant-progress-text{font-weight:600;font-size:12px;line-height:100%;letter-spacing:0;color:#fff}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .list .by-rute .summary-rute .progress .yellow-progress .ant-progress-inner{background:#fff4de}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .list .by-rute .summary-rute .progress .blue-progress .ant-progress-inner{background:#f0f9ff}.dashboard-overview .list-omzet-byrute .MuiCardContent-root .list .by-rute .summary-rute .progress .green-progress .ant-progress-inner{background:#dcfce7}.dokumen-web .header{display:flex;margin-bottom:16px;gap:10px;flex-direction:column;justify-content:space-between;align-items:flex-start}.dokumen-web .header .MuiInputBase-root{width:400px}@media screen and (max-width:599px){.dokumen-web .header .MuiInputBase-root{width:100%}.dokumen-web .header{flex-wrap:wrap}}.dokumen-web .header h3{margin:0;padding:0;font-size:25px}.dokumen-web .header-black{color:#000;font-weight:600}.dokumen-web .info-dokumen{margin:0!important}.dokumen-mobile .list,.dokumen-mobile .list .MuiCard-root{margin:20px 0}.dokumen-mobile .list .MuiCard-root h3{font-size:17px}.dokumen-mobile .list .MuiCard-root p{margin:4px 0;font-size:15px}.dokumen-mobile .list .MuiCard-root .foot-note{margin:10px 0;padding:10px 0 0;border-top:1px solid #e7e7e7}.dokumen-mobile .list .MuiCard-root .foot-note .info-dokumen{margin:0}.order-web .header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:10px}.order-web .header .MuiInputBase-root{width:400px}@media screen and (max-width:599px){.order-web .header .MuiInputBase-root{width:100%}.order-web .header{flex-wrap:wrap}}.order-web .header h3{margin:0;padding:0;font-size:25px}.order-web .jenis-order{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between}.order-web .jenis-order .MuiTab-root,.order-web .jenis-order .filter-on .MuiChip-label:first-line{text-transform:capitalize}.order-web .jenis-order .MuiTab-root.Mui-selected{color:#f7ce00}.order-web .jenis-order .MuiTabs-indicator{background-color:#f7ce00}.order-web .filter{display:flex;justify-content:space-between;margin:0 0 18px;align-items:center}.order-web .filter .select-order-date{width:120%}.order-web .filter .select-order-date.neutral{padding:8.7px 24px;border-color:rgba(0,0,0,.23);border-radius:6px;font-weight:500;color:rgba(0,0,0,.8705882353)!important}.order-web .filter .select-order-status{width:100%}.order-web .filter .select-order-status.neutral{padding:8.7px 24px}.order-web .filter .refresh,.order-web .filter .select-order-status.neutral{border-color:rgba(0,0,0,.23);border-radius:6px;font-weight:500;color:rgba(0,0,0,.8705882353)!important}.order-web .filter .refresh{padding:8.7px 15px}.order-web .request{background:#fff;border:2px solid #f39c12;color:#f39c12;font-size:13px}.order-web .request svg{font-size:13px}.order-web .request svg path{fill:#f39c12}.order-web .process{background:#fff;border:2px solid #00a7d0;color:#00a7d0;font-size:13px}.order-web .process svg{font-size:13px}.order-web .process svg path{fill:#00a7d0}.order-web .invoice{background:#fff;border:2px solid #0073b7;color:#0073b7;margin:5px 0;font-size:13px}.order-web .onvalidated{background:#fff;border:2px solid #f70;color:#f70;font-size:13px}.order-web .onvalidated svg{font-size:13px}.order-web .onvalidated svg path{fill:#f70}.order-web .paid{background:#fff;border:2px solid #5ce65c;color:#5ce65c;font-size:13px}.order-web .paid svg{font-size:13px}.order-web .paid svg path{fill:#5ce65c}.order-web .completed{background:#dcfce7;color:#3cd856;font-size:13px;font-weight:600}.order-web .waiting{background:#fff4de;color:#ff947a;font-size:13px;font-weight:600}.order-web .otw{background:#f0f9ff;color:#0095ff;font-size:13px;font-weight:600}.order-web .canceled{background:#ffe2e5;color:#fa5a7d;font-size:13px;font-weight:600}.order-web .order-code{position:relative;color:#2f2f2f;cursor:pointer;display:inline-flex;align-items:center}.order-web .order-code:hover{text-decoration:underline}.order-web .order-code .dp-tag{margin-left:6px;background:linear-gradient(90deg,#fff8cc,#f7ce00);color:#5a4b00;font-size:11px;padding:2px 6px;border-radius:6px;font-weight:600;animation:gentleGlow 2.4s ease-in-out infinite;box-shadow:0 0 0 1px rgba(247,206,0,.25);transition:transform .2s ease;position:relative}.order-web .order-code .dp-tag.dp-tag-completed{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#1b5e20;animation:none;box-shadow:0 2px 8px rgba(76,175,80,.2);border:1px solid rgba(76,175,80,.3)}.order-web .order-code .dp-tag.dp-tag-completed:after{content:"";position:absolute;inset:-2px;border-radius:6px;background:linear-gradient(135deg,rgba(76,175,80,.1),rgba(129,199,132,.15));z-index:-1;opacity:.7}.order-web .order-code:hover .dp-tag{transform:scale(1.08)}@keyframes gentleGlow{0%{background:linear-gradient(90deg,#fffbe0,#ffea73);box-shadow:0 0 4px 1px rgba(247,206,0,.4)}50%{background:linear-gradient(90deg,#ffeb73,#f7ce00);box-shadow:0 0 10px 2px rgba(247,206,0,.6)}to{background:linear-gradient(90deg,#fffbe0,#ffea73);box-shadow:0 0 4px 1px rgba(247,206,0,.4)}}@keyframes subtlePulse{0%,to{background:linear-gradient(135deg,#e3f2fd,#bbdefb);box-shadow:0 2px 8px rgba(33,150,243,.2)}50%{background:linear-gradient(135deg,#bbdefb,#90caf9);box-shadow:0 3px 12px rgba(33,150,243,.35)}}.order-web .order-alert{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center}.order-web .order-alert p{border-right:2px solid #dcdcdc;padding-right:10px}@media screen and (max-width:959px){.order-web .order-alert p{border:none}}.order-web .order-alert section{display:flex;justify-content:center;align-items:center;gap:10px}.payment-request-form form{margin:10px 0}.payment-request-form form p{font-size:14px}.payment-request-form form .action{margin-top:20px;display:flex;justify-content:space-between;align-items:center}.checkpoint-order .order-summary{position:-webkit-sticky;position:sticky;top:85px}.checkpoint-order .info-order{display:flex;align-items:center;justify-content:space-between}.checkpoint-order .info-order p{font-weight:500;font-size:16px;color:gray}.checkpoint-order .info-order h3{font-size:19px}.checkpoint-order .info-muatan{border-bottom:1px solid #ededed;padding-bottom:15px}.checkpoint-order .lokasi-muat-bongkar p{font-size:14px}.checkpoint-order .lokasi-muat-bongkar h3{font-size:16px;margin:0}.checkpoint-order .lokasi-muat-bongkar .loading-place-icon{font-size:14px}.checkpoint-order .lokasi-muat-bongkar .unloading-place-icon{font-size:20px}.checkpoint-order .info-status-armada{border-top:1px solid #ededed;padding-top:10px}.checkpoint-order .button-tambah{font-weight:500}.checkpoint-order .timeline .MuiTimelineDot-filledPrimary{background-color:#39cc39}.checkpoint-order .timeline .delete,.checkpoint-order .timeline .galeri{padding:10px 5px}.form-add-checkpoint .pilih-dari-peta{font-weight:600}.form-add-checkpoint .select-files{background:#f7ce00;font-weight:600;color:#fff;border-radius:20px;padding:5px 0;font-size:14px;margin:10px auto;width:15%}@media screen and (max-width:959px){.form-add-checkpoint .select-files{width:30%}}.form-add-checkpoint .select-files:hover{cursor:pointer}.bukpot-web .header{margin-bottom:20px}.bukpot-web .header h3{margin:0;padding:0;font-size:25px}.bukpot-web .MuiCard-root .filter{display:flex;align-items:center;gap:10px;justify-content:flex-start;margin-bottom:20px}.bukpot-web .MuiCard-root .filter .select-order-status.neutral{padding:8.7px 24px;border-color:rgba(0,0,0,.23);border-radius:6px;font-weight:500;color:rgba(0,0,0,.8705882353)!important}.bukpot-web .MuiCard-root .info p{color:#888;margin-top:3px}.bukpot-mobile{min-height:100%;height:auto;display:flex;flex-direction:column;background:#fff;padding-top:calc(env(safe-area-inset-top) + .8px)}.bukpot-mobile .header-bukpot{top:0;width:100%;z-index:1500;position:fixed}.bukpot-mobile .filter{background:#fff;display:flex;justify-content:space-between;padding:10px 0;align-items:center}.bukpot-mobile .filter .select-order-date{width:120%}.bukpot-mobile .filter .select-order-date.neutral{padding:8.7px 24px}.bukpot-mobile .filter .refresh,.bukpot-mobile .filter .select-order-date.neutral{border-color:rgba(0,0,0,.23);border-radius:6px;font-weight:500;color:rgba(0,0,0,.8705882353)!important}.bukpot-mobile .filter .refresh{padding:8.7px 15px}.bukpot-mobile .list-setup{margin-top:135px}.bukpot-mobile .list-setup .MuiCard-root{margin:10px 0}.bukpot-mobile .list-setup .MuiCard-root .count-order{font-weight:400;font-size:12px;line-height:100%;letter-spacing:0;color:#534949;margin:0}.bukpot-mobile .list-setup .MuiCard-root h3{font-size:17px}.bukpot-mobile .list-setup .MuiCard-root p{margin:0;font-size:15px}.bukpot-mobile .list{margin-top:135px}.bukpot-mobile .list .MuiCard-root{margin:20px 0}.bukpot-mobile .list .MuiCard-root h3{font-size:17px}.bukpot-mobile .list .MuiCard-root p{margin:4px 0;font-size:15px}.bukpot-mobile .list .MuiCard-root .foot-note{margin:10px 0;padding:10px 0 0;border-top:1px solid #e7e7e7}.bukpot-mobile .list .MuiCard-root .foot-note .info-dokumen{margin:0}.riwayat-pembayaran .header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.riwayat-pembayaran .header h3{margin:0;padding:0;font-size:25px}.riwayat-pembayaran .MuiCard-root .filter{display:flex;align-items:center;gap:10px;justify-content:flex-start;margin-bottom:20px}.riwayat-pembayaran .MuiCard-root .filter .select-order-status.neutral{padding:8.7px 24px;border-color:rgba(0,0,0,.23);border-radius:6px;font-weight:500;color:rgba(0,0,0,.8705882353)!important}.riwayat-pembayaran-mobile .header{position:fixed;top:0;width:100%;z-index:1500}.riwayat-pembayaran-mobile .filter{background:#fff;display:flex;justify-content:space-between;padding:10px 0;align-items:center}.riwayat-pembayaran-mobile .filter .select-order-date{width:120%}.riwayat-pembayaran-mobile .filter .select-order-date.neutral{padding:8.7px 24px;border-color:rgba(0,0,0,.23);border-radius:6px;font-weight:500;color:rgba(0,0,0,.8705882353)!important}.riwayat-pembayaran-mobile .filter .refresh{padding:8.7px 15px;border-color:rgba(0,0,0,.23);border-radius:6px;font-weight:500;color:rgba(0,0,0,.8705882353)!important}.riwayat-pembayaran-mobile .list{margin:150px 0;padding-top:calc(env(safe-area-inset-top) + .8px)}.riwayat-pembayaran-mobile .list .MuiCard-root{margin-bottom:10px}.profile-page-body{overflow:hidden}.profile-page{margin-top:15px}.profile-page .header{margin-bottom:20px}.profile-page .header h3{margin:0;padding:0;font-size:25px}.profile-page .MuiCard-root .profile-view{display:flex;flex-wrap:wrap}.profile-page .MuiCard-root .profile-view .MuiTabs-root{width:22%}.profile-page .MuiCard-root .profile-view .MuiTabs-scroller{margin-right:19px!important}.profile-page .MuiCard-root .profile-view .MuiTabs-scroller .MuiTabs-indicator{display:none}.profile-page .MuiCard-root .profile-view .MuiTabs-scroller .MuiTabs-flexContainerVertical{align-items:flex-start}.profile-page .MuiCard-root .profile-view .MuiTabs-scroller .MuiTabs-flexContainerVertical .MuiTab-root{text-transform:capitalize;padding:0;min-height:37px;width:100%;align-items:flex-start}.profile-page .MuiCard-root .profile-view .MuiTabs-scroller .MuiTabs-flexContainerVertical .MuiTab-root.Mui-selected{background:#f7ce00;color:rgba(0,0,0,.8705882353);border-radius:8px;padding-left:10px}.profile-page .MuiCard-root .profile-view .my-profile h4{margin-bottom:20px}.profile-page .MuiCard-root .profile-view .my-profile .card-profile{border:1px solid #cacaca;padding:10px 16px;border-radius:8px;margin-bottom:20px}.profile-page .MuiCard-root .profile-view .my-profile .card-profile h4{margin:0}.profile-page .MuiCard-root .profile-view .my-profile .card-profile p{font-size:16px;font-weight:400;line-height:19.2px}.profile-page .MuiCard-root .profile-view .my-profile .card-profile .title-info-partner{margin:5px 0 15px}.profile-page .MuiCard-root .profile-view .my-profile .card-profile .partner-info{margin-bottom:25px;margin-left:0;margin-right:25px}.profile-page .MuiCard-root .profile-view .my-profile .card-profile .partner-info .title{font-size:14px;font-weight:500;line-height:19.2px;color:#727272;margin-bottom:5px}.profile-page .MuiCard-root .profile-view .my-profile .card-profile .partner-info .body{font-size:16px;font-weight:500;line-height:19.2px;margin-bottom:5px}.profile-page .MuiCard-root .profile-view .my-profile .card-profile .city{text-transform:lowercase;font-size:14px;font-weight:500;line-height:19.2px}.profile-page .MuiCard-root .profile-view .my-profile .card-profile .city:first-line{text-transform:capitalize}.kata-sandi-module .body{padding:15px 0}.kata-sandi-module .body .data{margin:20px 0}.kata-sandi-module .body .informasi{border:1px solid #e7e7e7;margin:30px 0;width:Fill 454px px;height:Hug 147px px;padding:16px;gap:8px;border-radius:12px}.kata-sandi-module .body .informasi h5{font-size:16px;font-weight:500;line-height:19.2px;margin:0 0 10px}.kata-sandi-module .body .informasi p{color:#888;font-size:16px;font-weight:500;line-height:19.2px;text-align:left}.kata-sandi-module .body label{font-weight:600;font-size:16px}.kata-sandi-module .action{padding:10px 24px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e4e7ec}.profile-module-mobile{display:flex;flex-direction:column;background:#fff;padding-bottom:calc(env(safe-area-inset-bottom) + 4px)}.profile-module-mobile .header{background:#fafafa;background-color:#f7ce00;background-size:cover;padding:calc(env(safe-area-inset-top) + .8px) 0 10px}.profile-module-mobile .header .back-icon{padding:0 20px;position:static;align-items:center}.profile-module-mobile .header .back-icon h2{margin:0}.profile-module-mobile .header .back-icon svg path{fill:rgba(0,0,0,.8705882353)}.profile-module-mobile .header .profile-name{padding:20px}.profile-module-mobile .header .profile-name .info{min-width:0}.profile-module-mobile .header .profile-name .info h3{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-module-mobile .header .profile-name .info p{font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-module-mobile .scroll-profile{min-height:70dvh;height:77vh;display:flex;flex-direction:column;overflow:hidden;background:#fff;border-top-right-radius:20px;border-top-left-radius:20px;position:relative;top:-15px;padding-top:20px}.profile-module-mobile .menu{flex:1 1;min-height:0;overflow-y:auto}.profile-module-mobile .menu p{color:#5d5d5d;font-weight:500}.profile-module-mobile .menu .menu-profil .MuiListItemText-root .MuiTypography-root{font-weight:600}.profile-module-mobile .kata-sandi-module{background:#fff;border-top-right-radius:20px;border-top-left-radius:20px;position:relative;top:-15px;height:75vh;padding-top:20px}.profile-module-mobile .kata-sandi-module .body{padding:15px 0}.profile-module-mobile .kata-sandi-module .body .data{margin:20px 0}.profile-module-mobile .kata-sandi-module .body .informasi{border:1px solid #e7e7e7;margin:30px 0;width:Fill 454px px;height:Hug 147px px;padding:16px;gap:8px;border-radius:12px}.profile-module-mobile .kata-sandi-module .body .informasi h5{font-size:16px;font-weight:500;line-height:19.2px;margin:0 0 10px}.profile-module-mobile .kata-sandi-module .body .informasi p{color:#888;font-size:16px;font-weight:500;line-height:19.2px;text-align:left}.profile-module-mobile .kata-sandi-module .body label{font-weight:600}.profile-module-mobile .kata-sandi-module .action{padding:10px 0;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e4e7ec}.profile-module-mobile .my-profile{background:#fff;border-top-right-radius:20px;border-top-left-radius:20px;position:relative;top:-15px;padding-top:20px}.profile-module-mobile .my-profile p{color:#5d5d5d;font-weight:500}.profile-module-mobile .my-profile h4{margin-bottom:20px}.profile-module-mobile .my-profile .card-profile{padding:10px 16px;border-radius:8px;margin-bottom:20px}.profile-module-mobile .my-profile .card-profile h4{margin:0;font-size:20px}.profile-module-mobile .my-profile .card-profile p{font-size:16px;font-weight:400;line-height:19.2px}.profile-module-mobile .my-profile .card-profile .title-info-partner{margin:5px 0 15px}.profile-module-mobile .my-profile .card-profile .partner-info{margin-bottom:25px;margin-left:0;margin-right:25px}.profile-module-mobile .my-profile .card-profile .partner-info .title{font-size:16px;font-weight:500;line-height:19.2px;color:#727272;margin-bottom:5px}.profile-module-mobile .my-profile .card-profile .partner-info .body{font-size:17px;font-weight:500;line-height:19.2px;margin-bottom:5px}.profile-module-mobile .my-profile .card-profile .city{text-transform:lowercase;font-size:14px;font-weight:500;line-height:19.2px}.profile-module-mobile .my-profile .card-profile .city:first-line{text-transform:capitalize}.profile-module-mobile .logout{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 0 calc(env(safe-area-inset-bottom) + 16px)}.profile-module-mobile .logout h4{color:#912018;text-decoration:underline;font-size:20px;margin-bottom:8px}.profile-module-mobile .logout p{margin:10px 0 0}.home-app{transition:height .3s ease}.home-app *{transition:opacity .3s ease}.home-app .header-app{background:#eadede;background-color:#f7ce00;background-image:url(/img/coba2.png);background-size:cover;background-position:0 15px;background-repeat:no-repeat;height:var(--height);padding-top:calc(env(safe-area-inset-top) + 5px)}.home-app .header-app .info{display:flex;gap:10px;align-items:center}.home-app .header-app .info p{color:rgba(0,0,0,.8705882353);font-weight:500;line-height:19.2px;font-size:16px}.home-app .header-app .info h3{font-size:18px}.home-app .header-app .notif-icon svg path{fill:rgba(0,0,0,.8705882353)}.home-app .header-app .pendapatan{text-align:center;margin:30px 0}.home-app .header-app .pendapatan p{font-size:16px;color:#454545}.home-app .header-app .pendapatan h4{font-size:20px}.home-app .header-app .h1-announcement{font-size:22px}.home-app .header-app .h2-announcement{font-size:18px}.home-app .header-app .h3-announcement{font-size:16px}.home-app .header-app .h4-announcement{font-size:14px}.home-app .header-app .h5-announcement{font-size:12px}.home-app .menu-home{background:#fafafa;border-top-right-radius:20px;border-top-left-radius:20px;position:relative;top:-20px;height:11vh}.home-app .menu-home .menu-app{position:relative;top:-45px}.home-app .menu-home .menu-app .revenue{display:flex;align-items:center;justify-content:space-between;flex-direction:column;flex:1 0 21%}.home-app .menu-home .menu-app .revenue p{font-size:13px;color:#454545;text-align:center;margin-top:10px}.home-app .menu-home .menu-app .revenue h4{font-size:20px}.home-app .menu-home .menu-app .revenue .saldo-icon{background:rgba(255,206,27,.4784313725);border-radius:6px;height:40px;width:40px;display:flex;align-items:center;justify-content:center}.home-app .menu-home .menu-app .menu{margin:20px 0 10px;padding:10px;border-radius:7px}.home-app .order-terbaru-app{background:#fafafa;border-top-right-radius:20px;border-top-left-radius:20px;z-index:1000;position:relative}.home-app .order-terbaru-app h4{word-spacing:5px;font-size:19px}.home-app .order-terbaru-app a{font-size:16px;color:#454545;text-decoration:none;margin-bottom:0}.home-app .order-terbaru-app .list-order{margin:12px 0}.home-app .order-terbaru-app .list-order .type-order-filter{border-radius:20px;padding:10px 0;width:25%;height:30px;text-transform:capitalize}.home-app .order-terbaru-app .list-order .MuiCard-root{margin-bottom:15px}.home-app .order-terbaru-app .list-order .MuiCard-root h3{font-size:16px}.home-app .order-terbaru-app .list-order .MuiCard-root .heading-card p,.home-app .order-terbaru-app .list-order .MuiCard-root p{font-size:15px}.home-app .order-terbaru-app .list-order .MuiCard-root .muatan{margin:10px 0}.home-app .order-terbaru-app .list-order .MuiCard-root .muatan p{margin:3px 0}.home-app .order-terbaru-app .list-order .MuiCard-root .status-pembayaran{width:100%}.list-order-app{padding-top:calc(env(safe-area-inset-top) + .8px)}.list-order-app .fixed-header-list-order{position:fixed;z-index:1500;top:0;width:100%}.list-order-app .fixed-header-list-order .header-list{background:#f7ce00;padding:20px 0;position:fixed;top:0;background-color:#fff;border-bottom:3px solid #000;width:100%}.list-order-app .fixed-header-list-order .header-list .title{display:flex;align-items:center;justify-content:space-between}.list-order-app .fixed-header-list-order .header-list .title button{width:10%}.list-order-app .fixed-header-list-order .filter-status-pembayaran{background:#fff}.list-order-app .fixed-header-list-order .filter-status-pembayaran .search{padding:15px 10px 0}.list-order-app .fixed-header-list-order .filter-status-pembayaran .MuiTab-root.Mui-selected{color:rgba(0,0,0,.8705882353);font-weight:600}.list-order-app .fixed-header-list-order .filter-status-pembayaran .MuiTabs-indicator{background:#f7ce00}.list-order-app .list{padding-top:190px}.list-order-app .list .MuiCard-root{margin:20px 0}.list-order-app .list .MuiCard-root:nth-child(n+1){margin:10px 0 20px}.list-order-app .list .MuiCard-root h3{font-size:16px}.list-order-app .list .MuiCard-root .heading-card p,.list-order-app .list .MuiCard-root p{font-size:15px}.list-order-app .list .MuiCard-root .muatan{margin:10px 0}.list-order-app .list .MuiCard-root .muatan p{margin:3px 0}.list-order-app .list .MuiCard-root .status-pembayaran{width:100%}.list-order-app .order-alert{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center}.list-order-app .order-alert p{border-right:2px solid #dcdcdc;padding-right:10px}@media screen and (max-width:959px){.list-order-app .order-alert p{border:none}}.list-order-app .order-alert section{display:flex;justify-content:center;align-items:center;gap:10px}.list-order-app .dp-status button{border:none;border-radius:8px;padding:8px 16px;font-weight:600;font-size:13px;text-transform:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1);min-width:-moz-fit-content;min-width:fit-content}.list-order-app .dp-status .btn-ajukan-dp{background:linear-gradient(135deg,#fff8cc,#f7ce00 50%,#fff8cc);background-size:200% 200%;color:#3b3b3b;animation:shineMove 3s ease-in-out infinite,pulseGlow 1.6s ease-in-out infinite alternate}.list-order-app .dp-status .btn-ajukan-dp:hover{transform:scale(1.04);box-shadow:0 0 12px 4px rgba(247,206,0,.5)}@keyframes shineMove{0%{background-position:200% 0}50%{background-position:0 50%}to{background-position:200% 0}}@keyframes pulseGlow{0%{box-shadow:0 0 4px rgba(247,206,0,.2),0 0 8px rgba(247,206,0,.1)}to{box-shadow:0 0 10px rgba(247,206,0,.4),0 0 20px rgba(247,206,0,.3)}}.list-order-app .dp-status .btn-history-dp{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.list-order-app .dp-status .btn-history-dp:hover{background:linear-gradient(135deg,#dcedc8,#c5e1a5)}@keyframes blinkDP{0%{box-shadow:0 0 6px 2px rgba(247,206,0,.2);transform:scale(1)}to{box-shadow:0 0 12px 4px rgba(247,206,0,.5);transform:scale(1.02)}}.filter-order-mobile{padding:20px 0}.filter-order-mobile .reset-filter{background:none;color:#f7ce00;padding:0;font-size:16px;font-weight:600}.filter-order-mobile .MuiFormLabel-root.Mui-focused{color:rgba(0,0,0,.8705882353)}.filter-order-mobile .MuiFormControlLabel-label{text-transform:capitalize}.filter-order-mobile .MuiRadio-root.Mui-checked{color:#f7ce00}.detail-order .header-mobile{padding:calc(env(safe-area-inset-top) + 3px) 0 20px}.detail-order .info-checkpoint{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background:#fff}.detail-order form .input-file{width:auto;margin:10px 0}.detail-order .detail{background:#fff;border-top-right-radius:20px;border-top-left-radius:20px;position:relative;top:-10px;padding-top:20px}.detail-order .detail .MuiAccordion-root{box-shadow:none;border-bottom:1px solid #e7e7e7}.detail-order .detail .detail-order-multi h4{font-size:17px}.detail-order .detail .detail-order-multi p{font-size:14px;color:#5d5d5d;font-weight:400}.detail-order .detail .detail-order{margin-bottom:20px}.detail-order .detail .detail-order p{color:#5d5d5d;font-weight:400}.detail-order .detail .info-order{margin:10px 0}.detail-order .detail .info-order p{color:#5d5d5d;font-weight:500}.detail-order .detail .info-order h4{margin:5px 0}.detail-order .detail .upload-berkas{border-top:1px solid #e7e7e7;padding-top:5px}.detail-order .detail .upload-berkas p{text-align:center;margin:10px 0 20px}.detail-order .detail .action{margin:10px 0;display:flex;gap:10px}.detail-order .detail .lokasi-muat-bongkar p{font-size:15px}.detail-order .detail .lokasi-muat-bongkar h3{font-size:16px}.detail-order .detail .info-muatan{font-weight:600;margin:0}.detail-order .detail .info-status-armada{border-bottom:1px dashed #a8a8a8;padding-bottom:10px;background:#fff}.detail-order .detail .button-tambah{width:50%;font-weight:600}.detail-order .checkpoint-data{padding:10px 0;background:#fff}.detail-order .checkpoint-data .button-tambah{width:40%;padding:5px;font-weight:600}.detail-order .checkpoint-data .timeline .MuiTimelineDot-root{padding:1px;width:24px;height:24px}.detail-order .checkpoint-data .timeline .MuiTimelineDot-filledPrimary{background-color:#39cc39}.detail-order .checkpoint-data .timeline .delete,.detail-order .checkpoint-data .timeline .galeri{padding:10px 5px}.detail-order .checkpoint-data .timeline .catatan-checkpoint,.detail-order .checkpoint-data .timeline p{font-size:15px}.swiper-form-checkpoint .MuiPaper-root{overflow-y:hidden}.swiper-form-checkpoint form{max-height:85vh;overflow-y:auto}.splash-screen{min-height:95dvh;padding-bottom:env(safe-area-inset-bottom);display:flex;align-items:center;background:radial-gradient(rgb(210,241,223),rgb(211,215,250),rgb(237,244,186)) 0 0/400% 400%;justify-content:space-between;flex-direction:column}.splash-screen:before{content:"";animation-timeline:auto;animation-range-start:normal;animation-range-end:normal;position:absolute;height:100%;width:100%;animation:gradient 15s ease 0s infinite normal none running}.splash-screen .version-code{text-align:center;margin-bottom:5px}.detail-tiket fieldset{border:1px solid #b0b0b0;padding:10px;border-radius:7px}.detail-tiket fieldset legend{background:#fff}.detail-tiket fieldset legend h3{color:rgba(0,0,0,.8705882353)}.detail-tiket .action{margin:15px 0}.no-data-view{height:65vh}.no-data-view p{margin:10px 0}.ringkasan-omset-app .header-app{padding-top:10px;background:#eadede;background-color:#f7ce00;background-image:url(/img/coba2.png);background-size:cover;background-position:0 15px;background-repeat:no-repeat;height:var(--height)}.ringkasan-omset-app .header-app .info{display:flex;gap:10px;align-items:center}.ringkasan-omset-app .header-app .info p{color:rgba(0,0,0,.8705882353);font-weight:500;line-height:19.2px;font-size:16px}.ringkasan-omset-app .header-app .info h3{font-size:18px}.ringkasan-omset-app .header-app .notif-icon svg path{fill:rgba(0,0,0,.8705882353)}.ringkasan-omset-app .header-app .filter-tanggal{margin:0}.ringkasan-omset-app .header-app .pendapatan{text-align:center;margin:30px 0 0 10px;display:flex;align-items:center;justify-content:space-between}.ringkasan-omset-app .header-app .pendapatan svg{font-size:30px}.ringkasan-omset-app .header-app .pendapatan .total{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.ringkasan-omset-app .header-app .pendapatan .total p{font-size:16px;color:#454545}.ringkasan-omset-app .header-app .pendapatan .total h4{font-size:28px}.ringkasan-omset-app .menu-home{background:#fafafa;border-top-right-radius:20px;border-top-left-radius:20px;position:relative;top:-20px;height:11vh;margin-bottom:var(--margin-bottom)}.ringkasan-omset-app .menu-home .menu-app{position:relative;top:-45px}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root{padding:0}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .title{padding:16px;border-bottom:1px solid #e1e1e1;display:flex;justify-content:space-between;align-items:center;position:relative}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .title .legend-omzet:hover .legend{display:block;opacity:1}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .title .legend-omzet .legend{display:none;transition:opacity .2s,display .2s;opacity:0;margin-right:10px;position:absolute;background:#fff;box-shadow:0 0 5px 0 rgba(0,0,0,.2509803922);padding:10px;border-radius:5px;top:50px;left:122px;z-index:200}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .title .legend-omzet .legend h3{text-align:left;margin-bottom:10px}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .title .legend-omzet .legend .progress-bar{margin:3px 0}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .title .legend-omzet .legend .progress-bar .ant-progress-text{font-weight:600;font-size:12px;line-height:100%;letter-spacing:0;color:#fff}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .title .legend-omzet .legend .yellow-progress .ant-progress-inner{background:#fff4de}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .title .legend-omzet .legend .blue-progress .ant-progress-inner{background:#f0f9ff}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .title .legend-omzet .legend .green-progress .ant-progress-inner{background:#dcfce7}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .title button{background:none;padding:0}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .title button svg path{fill:#0073b7}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .list{max-height:36vh;overflow-y:scroll}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .list .by-rute{background:var(--bg);padding:13px 16px}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .list .by-rute:hover{cursor:pointer}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .list .by-rute .origin-destination{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .list .by-rute .origin-destination h4{font-weight:700;line-height:100%;letter-spacing:0}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .list .by-rute .origin-destination svg{font-size:14px}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .list .by-rute .summary-rute{margin:5px 0;flex-wrap:wrap}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .list .by-rute .summary-rute .summary-total{width:54%}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .list .by-rute .summary-rute .summary-total .total{text-align:center;width:20px;margin-left:5px;font-weight:700;font-size:18px}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .list .by-rute .summary-rute .summary-total .divider{text-align:center;margin:0 5px;border-right:1px solid #bfbfbf}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .list .by-rute .summary-rute .summary-total .revenue{text-align:center;font-weight:700;font-size:18px;margin:0 0 0 6px}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .list .by-rute .summary-rute .progress{display:flex;justify-content:flex-start;width:41%}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .list .by-rute .summary-rute .progress .progress-bar{display:flex;justify-content:flex-end}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .list .by-rute .summary-rute .progress .progress-bar .ant-progress-text{font-weight:600;font-size:12px;line-height:100%;letter-spacing:0;color:#fff}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .list .by-rute .summary-rute .progress .yellow-progress .ant-progress-inner{background:#fff4de}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .list .by-rute .summary-rute .progress .blue-progress .ant-progress-inner{background:#f0f9ff}.ringkasan-omset-app .menu-home .menu-app .MuiCardContent-root .list-omzet-byrute .list .by-rute .summary-rute .progress .green-progress .ant-progress-inner{background:#dcfce7}@media screen and (max-width:959px){.ringkasan-omset-app .summary-omset .title{margin:10px 0}}.down-payment-web-module .order-info{width:100%;height:100%;border-radius:16px;color:#111;background:linear-gradient(135deg,#FFD600,#FFF8E1),url(/img/wave3.png);position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.05);background-blend-mode:overlay,overlay,normal,normal}.down-payment-web-module .order-info .MuiCardContent-root{height:100%;display:flex;flex-direction:column;justify-content:space-around}.down-payment-web-module .order-info:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='160' viewBox='0 0 400 160'%3E%3Cpath d='M0 80 Q50 40, 100 80 T200 80 T300 80 T400 80' stroke='%23000000' stroke-width='1.2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-size:200px 80px;opacity:.09}.down-payment-web-module .order-info:after,.down-payment-web-module .order-info:before{content:"";position:absolute;inset:0;z-index:0;background-repeat:repeat;filter:blur(.3px)}.down-payment-web-module .order-info:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='120' viewBox='0 0 300 120'%3E%3Cpath d='M0 60 Q37.5 45, 75 60 T150 60 T225 60 T300 60' stroke='%23000000' stroke-width='0.9' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-size:300px 120px;opacity:.07}.down-payment-web-module .order-info>*{position:relative;z-index:1}.down-payment-web-module .order-info .top{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1.1rem;margin-bottom:16px}.down-payment-web-module .order-info .sisa-pembayaran{margin:15px 0}.down-payment-web-module .order-info .sisa-pembayaran .label{font-size:.95rem;margin-bottom:4px;color:#333}.down-payment-web-module .order-info .sisa-pembayaran .amount{font-size:1.8rem;font-weight:700}.down-payment-web-module .order-info .total-harga{display:flex;flex-direction:column;align-items:flex-end;font-weight:600;font-size:1rem}.down-payment-web-module .information-order{border:1px solid #e1e1e1;border-radius:8px;margin:10px 0 0;padding:10px;display:flex;gap:15px}.down-payment-web-module .information-order>*{flex:1 1}.down-payment-web-module .information-order h4{margin:10px 0;text-align:center;font-size:15px}.down-payment-web-module .information-order .label{font-size:14px}.down-payment-app-module .order-info{width:100%;height:100%;border-radius:16px;color:#111;background:linear-gradient(135deg,#FFD600,#FFF8E1),url(/img/wave3.png);position:relative;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.05);background-blend-mode:overlay,overlay,normal,normal}.down-payment-app-module .order-info .MuiCardContent-root{height:100%;display:flex;flex-direction:column;justify-content:space-around}.down-payment-app-module .order-info:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='160' viewBox='0 0 400 160'%3E%3Cpath d='M0 80 Q50 40, 100 80 T200 80 T300 80 T400 80' stroke='%23000000' stroke-width='1.2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-size:200px 80px;opacity:.09}.down-payment-app-module .order-info:after,.down-payment-app-module .order-info:before{content:"";position:absolute;inset:0;z-index:0;background-repeat:repeat;filter:blur(.3px)}.down-payment-app-module .order-info:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='120' viewBox='0 0 300 120'%3E%3Cpath d='M0 60 Q37.5 45, 75 60 T150 60 T225 60 T300 60' stroke='%23000000' stroke-width='0.9' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-size:300px 120px;opacity:.07}.down-payment-app-module .order-info>*{position:relative;z-index:1}.down-payment-app-module .order-info .top{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:1.1rem;margin-bottom:16px}.down-payment-app-module .order-info .sisa-pembayaran{margin:15px 0}.down-payment-app-module .order-info .sisa-pembayaran .label{font-size:.95rem;margin-bottom:4px;color:#333}.down-payment-app-module .order-info .sisa-pembayaran .amount{font-size:1.8rem;font-weight:700}.down-payment-app-module .order-info .total-harga{display:flex;flex-direction:column;align-items:flex-end;font-weight:600;font-size:1rem}.down-payment-app-module .list-dp-history{margin-top:20px;padding-bottom:calc(env(safe-area-inset-bottom) + 1px)}.down-payment-app-module .list-dp-history .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.down-payment-app-module .list-dp-history .info{margin-top:8px;border-top:1px dashed #e0e0e0;padding-top:8px}.down-payment-app-module .list-dp-history .info p{font-size:12px;color:#666;margin:0 0 4px}.down-payment-app-module .list-dp-history .info h4{font-size:14px;margin:0;font-weight:600}.swiper-form-dp .MuiPaper-root{overflow-y:hidden}.swiper-form-dp form{max-height:50vh;overflow-y:auto}.update-app{height:100vh;background:#fff;display:flex;align-items:center}.update-app h3,.update-app p{text-align:center}.update-app p{margin:10px 0;font-weight:400}.update-app .MuiButton-root{background:#f7ce00;color:#fff}.update-app .MuiButton-root,.update-app .primary-button-outline{margin:20px 0;text-transform:capitalize;border-radius:10px;width:50%}.update-app .update-info p{text-align:left;font-size:16px}.forbidden-page{margin-top:50px}.forbidden-page h1{font-weight:700;text-align:center}.forbidden-page .image{display:flex;align-items:center;justify-content:center}.forbidden-page p{text-align:center}.forbidden-page button{margin-left:auto;margin-right:auto;margin-top:15px;font-weight:600}