.boooking-status{font-size:11px;font-style:normal;font-weight:700;line-height:20px;border-radius:4px;width:-moz-fit-content;width:fit-content;padding:2px 3px;margin-bottom:12px;cursor:pointer}.boooking-status-cell{font-size:12px;padding:2px 3px;margin-bottom:5px;cursor:auto;display:block;white-space:nowrap}.bookingSubmitted,.bookingProcessing,.departed,.arrived,.siSubmitted{color:var(--yusen-dark-blue, #06183d);border:1px solid var(--yusen-dark-blue, #06183d)}.bookingConfirmed,.bookingCompleted,.doRelease,.gateOut,.delivered,.bookingChangeAccepted,.bookingCancellationAccepted,.siConfirmed,.siChangeAccepted{color:var(--yusen-green, #458d8c);border:1px solid var(--yusen-green, #458d8c)}.draft,.bookingChangeSubmitted,.bookingCancellationSubmitted,.siChangeSubmitted{color:var(--yusen-yellow, #ffc933);border:1px solid var(--yusen-yellow, #ffc933)}.bookingCancelled{color:var(--yusen-light-grey, #999999);border:1px solid var(--yusen-light-grey, #999999)}.bookingChangeRejected,.bookingCancellationRejected,.siRejected,.siChangeRejected{color:var(--yusen-red, #d32f2f);border:1px solid var(--yusen-red, #d32f2f)}:root{--widget-list-vw-ratio: calc((100vw - 60px) / 1280);--widget-list-padding: 25px;--widget-list-padding-top: 12px;--widget-list-header-font-size: 28px;--widget-list-tbar-font-size: 13px;--widget-list-table-font-size: 14px;--widget-list-cell-p-x-6: 6px;--widget-list-cell-p-x-8: 8px;--widget-list-cell-bookingNumber: calc(172 * var(--widget-list-vw-ratio));--widget-list-cell-houseBill: calc(82 * var(--widget-list-vw-ratio));--widget-list-cell-bookingStatus: calc(166 * var(--widget-list-vw-ratio));--widget-list-cell-bookingType: calc(84 * var(--widget-list-vw-ratio));--widget-list-cell-cargoReadyDate: calc(124 * var(--widget-list-vw-ratio));--widget-list-cell-originPortLocode: calc(131 * var(--widget-list-vw-ratio));--widget-list-cell-destinationPortLocode: calc( 131 * var(--widget-list-vw-ratio) );--widget-list-cell-bookingCreationDate: calc( 100 * var(--widget-list-vw-ratio) );--widget-list-cell-orderReference: calc(114 * var(--widget-list-vw-ratio));--widget-list-cell-shipping_line: calc(38 * var(--widget-list-vw-ratio));--widget-list-cell-selector: calc(23 * var(--widget-list-vw-ratio));--widget-list-cell-templateName: calc(184 * var(--widget-list-vw-ratio));--widget-list-cell-templateShipperCompanyName: calc( 172 * var(--widget-list-vw-ratio) );--widget-list-cell-templateConsigneeCompanyName: calc( 128 * var(--widget-list-vw-ratio) );--widget-list-cell-templatePortLocodeName: calc( 131 * var(--widget-list-vw-ratio) );--widget-list-cell-templateDateModified: calc( 128 * var(--widget-list-vw-ratio) );--widget-list-cell-templateIsDocumentAttached: calc( 75 * var(--widget-list-vw-ratio) );--widget-list-cell-actionShipper: calc(113 * var(--widget-list-vw-ratio));--widget-list-cell-2line-height: 36px}@media (max-width: 1280px){:root{--widget-list-padding-top: 6px;--widget-list-header-font-size: 16px;--widget-list-tbar-font-size: 11px;--widget-list-table-font-size: 11px;--widget-list-cell-bookingNumber: calc(165 * var(--widget-list-vw-ratio));--widget-list-cell-bookingStatus: calc(157 * var(--widget-list-vw-ratio));--widget-list-cell-bookingType: calc(80 * var(--widget-list-vw-ratio));--widget-list-cell-originPortLocode: calc( 126 * var(--widget-list-vw-ratio) );--widget-list-cell-destinationPortLocode: calc( 126 * var(--widget-list-vw-ratio) );--widget-list-cell-templateName: calc(190 * var(--widget-list-vw-ratio));--widget-list-cell-templateShipperCompanyName: calc( 165 * var(--widget-list-vw-ratio) );--widget-list-cell-templateConsigneeCompanyName: calc( 160 * var(--widget-list-vw-ratio) );--widget-list-cell-templatePortLocodeName: calc( 126 * var(--widget-list-vw-ratio) );--widget-list-cell-templateDateModified: calc( 140 * var(--widget-list-vw-ratio) );--widget-list-cell-templateIsDocumentAttached: calc( 105 * var(--widget-list-vw-ratio) );--widget-list-cell-actionShipper: calc(120 * var(--widget-list-vw-ratio));--widget-list-cell-2line-height: 30px}}.col-1-5{flex:0 0 20%;max-width:20%}.col-max-100{max-width:100px}.col-max-minus-100{max-width:calc(100% - 100px)}.listview-container,.statusview-container{width:100%;display:block;margin:0 auto;padding-bottom:calc(var(--widget-list-padding-top) / 2);background-color:var(--color-neutral-1)}.listview-container .status-inline-loading,.statusview-container .status-inline-loading{position:absolute;top:6px;z-index:10000;left:50%}.listview-container .page-header,.statusview-container .page-header{padding:12px 0 12px 40px;border-bottom:1px solid var(--neutral-02, #e9ecef);background:var(--neutral-00, #fff)}.listview-container .page-header h3,.statusview-container .page-header h3{color:var(--color-brand-primary);font-size:var(--widget-list-header-font-size)}.listview-container .page-header .form-group,.statusview-container .page-header .form-group{margin-bottom:0}.listview-container .page-header .btn,.statusview-container .page-header .btn{padding-top:3px;padding-bottom:3px}.listview-container .table-container,.statusview-container .table-container{line-height:1.3;padding:20px var(--widget-list-padding) 0 var(--widget-list-padding)}.listview-container .management-toolbar-container.expandable,.statusview-container .management-toolbar-container.expandable{height:auto!important;min-height:44px}.listview-container .management-toolbar-container.expandable .form-group,.statusview-container .management-toolbar-container.expandable .form-group,.listview-container .panel-unstyled,.listview-container .panel,.statusview-container .panel-unstyled,.statusview-container .panel{margin-bottom:0}.listview-container .management-toolbar-container.min-height-filter-row,.statusview-container .management-toolbar-container.min-height-filter-row{min-height:52px}.listview-container .management-toolbar-container,.statusview-container .management-toolbar-container{padding:8px var(--widget-list-padding)}.listview-container .subnav-tbar-primary .tbar-item.clear-all,.statusview-container .subnav-tbar-primary .tbar-item.clear-all{position:absolute;right:var(--widget-list-padding)}.listview-container .subnav-tbar-primary,.statusview-container .subnav-tbar-primary{background:var(--neutral-03, #dee2e6)!important;width:100%;padding-bottom:.425rem;padding-top:.425rem;position:relative}.listview-container .subnav-tbar-primary>.container-fluid,.statusview-container .subnav-tbar-primary>.container-fluid{margin-left:0!important;padding-left:42px;max-width:calc(100% - 100px)}.listview-container .subnav-tbar-primary .tbar-item.tbar-item-active-filters-label .tbar-label,.statusview-container .subnav-tbar-primary .tbar-item.tbar-item-active-filters-label .tbar-label{border:none;padding-left:0;padding-right:0}.listview-container .subnav-tbar-primary .tbar-item,.statusview-container .subnav-tbar-primary .tbar-item{justify-content:start}.listview-container .subnav-tbar-primary .tbar-item .tbar-item-inner-display-value,.statusview-container .subnav-tbar-primary .tbar-item .tbar-item-inner-display-value{font-weight:600;max-width:70vw;padding-left:5px}.listview-container .btn-apply-filter,.statusview-container .btn-apply-filter{width:fit-content}.listview-container .btn-primary-filter,.statusview-container .btn-primary-filter{box-shadow:none;width:fit-content}.listview-container .btn-primary-filter.filter-hiding,.statusview-container .btn-primary-filter.filter-hiding{border-color:var(--color-action-neutral-hover);color:var(--color-action-neutral-hover)}.listview-container .btn-primary-filter .lexicon-icon,.statusview-container .btn-primary-filter .lexicon-icon{margin-right:10px}.listview-container .results-found,.statusview-container .results-found{padding-left:30px}.listview-container .lexicon-icon.cursor-pointer,.statusview-container .lexicon-icon.cursor-pointer{margin-top:2px!important}.listview-container .toolbar-filter-panel .collapse-icon-open,.listview-container .toolbar-filter-panel .collapse-icon-closed,.statusview-container .toolbar-filter-panel .collapse-icon-open,.statusview-container .toolbar-filter-panel .collapse-icon-closed{margin-top:-40px}.listview-container .loading-dimmer,.statusview-container .loading-dimmer{opacity:.4}.compact-container .form-control{height:32px}.compact-container .dropdown .input-group-item .lexicon-icon-caret-bottom{top:11px!important}.compact-container .btn{padding-top:3px;padding-bottom:3px}.statusview-container{padding-bottom:unset}@media (min-width: 1400px){.statusview-container .jo-padding .statusnav-wrapper{padding-left:calc(4.1666666667% - 40px)}}.statusview-container .statusview-main{box-shadow:var(--box-shadow);overflow-x:auto;padding:24px}@media (max-width: 1200px){.statusview-container .statusview-main .sticky-toolbar{position:sticky;left:0}}@media (min-width: 900px){.statusview-container .statusview-main .statusnav-wrapper .col-min-180{min-width:180px}.statusview-container .statusview-main .statusnav-wrapper .col-max-minus-180{max-width:calc(100% - 180px)}}@media (min-width: 768px){.statusview-container .statusview-main .statusnav-wrapper .col-min-180{min-width:180px}.statusview-container .statusview-main .statusnav-wrapper .col-max-minus-180{max-width:calc(100% - 180px)}}.statusview-container .statusview-main .header-row.row,.statusview-container .statusview-main .header-row.row .col-sm-12,.statusview-container .statusview-main .header-row.row .row{margin:0;padding:0}.statusview-container .statusview-main .header-row.row .inline-item-before{margin-right:16px}.statusview-container .statusview-main .header-row.row .lexicon-icon{width:24px;height:24px}.statusview-container .statusview-main .header-row.row h4{font-family:Arial;font-size:24px;font-style:normal;font-weight:700;line-height:28px}.statusview-container .statusview-main .header-row.row .btn-icon-filter{color:#adb5bd;padding:0;box-shadow:none}.statusview-container .statusview-main .header-row.row .btn-icon-filter-active{color:var(--color-action-primary-default, #1e3554)}.statusview-container .statusview-main .header-row.row .btn-apply-filter{padding:5px 12px;margin-right:12px;margin-top:-5px}.statusview-container .statusview-main .subnav-tbar-primary{margin-left:12px;margin-top:12px}.statusview-container .statusview-main .subnav-tbar-primary>.container-fluid{padding-left:6px}.statusview-container .statusview-main .subnav-tbar-primary .tbar-item.clear-all{right:3px}.statusview-container .management-toolbar-container.expandable{min-height:70px}.statusview-container .management-toolbar-container{padding:8px 12px}.statusview-container .panel-unstyled{margin-bottom:24px}.statusview-container .toolbar-filter-panel .collapse-icon-open,.statusview-container .toolbar-filter-panel .collapse-icon-closed{margin-top:-40px;margin-right:-20px}.statusview-container .btn-filter{box-shadow:none}.statusview-container .btn-filter-open{color:var(--link-color)}.listview-container{padding-bottom:0}.listview-container .table-container{padding-top:var(--widget-list-padding-top)}.listview-container .management-toolbar-container{padding:10px var(--widget-list-padding)}.listview-container .subnav-tbar-primary{padding-bottom:calc(.425rem - 5px);padding-top:calc(.425rem - 5px)}.listview-container .subnav-tbar-primary>.container-fluid{padding-left:calc(var(--widget-list-padding) - 5px)}.listview-container .subnav-tbar-primary .tbar-label{padding-bottom:calc(.3125rem - 2px);padding-top:calc(.3125rem - 2px)}.listview-container .subnav-tbar-primary .tbar-item.clear-all{top:3px}.listview-container .pagination-bar{border-top:1px solid var(--neutral-02, #e9ecef);padding-bottom:calc(var(--widget-list-padding-top) / 2);padding-top:10px}.listview-container .pagination-bar ul.pagination-root{margin-right:-15px}.listview-container .btn-apply-filter{background-color:var(--color-brand-secondary)}.listview-widget .action-bar-container{border:1px solid var(--color-neutral-2, #e9ecef);border-radius:4px;box-shadow:var(--box-shadow);left:50%;padding:.8em 1.6em;position:fixed;top:var(--widget-list-header-font-size);transform:translate(-50%);z-index:900}.listview-widget .action-bar-container .btn-link:active:focus,.listview-widget .action-bar-container .btn-link:focus{box-shadow:none}.listview-widget .action-bar-container .text-selected-items{padding-right:1em;border-right-width:1px;border-right-color:gray;border-right-style:solid}.listview-widget .action-bar-container .btn-secondary{border:0}.listview-widget .action-bar-container .btn-secondary:hover{border:0;background-color:var(--color-neutral-2)}.listview-widget .action-bar-container .btn-secondary:disabled:hover{border:0!important;background-color:unset!important;cursor:default}.listview-widget .action-bar-container .delete-draft-button{max-width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.listview-widget .listview-toolbar-section{position:sticky;top:0;z-index:500}.listview-widget .management-toolbar-wrapper{box-shadow:var(--box-shadow);z-index:500}.listview-widget .management-toolbar-wrapper .toolbar-filter-panel-overlay{display:none;position:absolute;width:100%;height:calc(100% - 50px);z-index:2000}.listview-widget .listview-toolbar-section-selected .management-toolbar-wrapper .toolbar-filter-panel-overlay{display:block}.listview-widget .listview-toolbar-section-selected .subnav-tbar.subnav-tbar-primary,.listview-widget .listview-toolbar-section-selected .panel.panel-unstyled{opacity:.5}.listview-widget .results-found{background-color:var(--body-bg, #fff);bottom:0;position:sticky;padding-left:var(--widget-list-padding);padding-right:var(--widget-list-padding)}.listview-widget .results-found .pagination-items-per-page button{padding-left:0}.listview-widget .no-results-found{display:none}.listview-widget .label-item,.listview-widget .tbar-section{font-size:calc(var(--widget-list-tbar-font-size) - 1px)}.listview-widget .objects-table-container{height:100%;width:100%;overflow-x:auto}.listview-widget .objects-table-container .link-primary{text-decoration-line:underline}.listview-widget .objects-table-container .table{min-width:calc(1270px - var(--widget-list-padding) - var(--widget-list-padding));width:calc(100% - 1px);border:1px solid var(--neutral-02, #e9ecef);font-size:var(--widget-list-table-font-size)}.listview-widget .objects-table-container .table td{padding-bottom:4px;padding-top:9px;min-height:28px!important;height:min-content;width:min-content}.listview-widget .objects-table-container .table thead tr.jo-row td,.listview-widget .objects-table-container .table thead tr.shipper-row td{padding-bottom:9px}.listview-widget .objects-table-container .table .table-autofit td{width:auto}.listview-widget .objects-table-container .table td.text-trim{text-overflow:ellipsis;overflow-x:hidden}.listview-widget .objects-table-container .table td.plr-8{padding-left:var(--widget-list-cell-p-x-8);padding-right:var(--widget-list-cell-p-x-8)}.listview-widget .objects-table-container .table td.p-x-8-l{padding-left:var(--widget-list-cell-p-x-8)}.listview-widget .objects-table-container .table td.p-x-8-r{padding-right:var(--widget-list-cell-p-x-8)}.listview-widget .objects-table-container .table .cell-bookingNumber{max-width:var(--widget-list-cell-bookingNumber)}.listview-widget .objects-table-container .table .cell-houseBill{max-width:var(--widget-list-cell-houseBill)}.listview-widget .objects-table-container .table .cell-bookingStatus,.listview-widget .objects-table-container .table .cell-shipperCompanyName{max-width:var(--widget-list-cell-bookingStatus)}.listview-widget .objects-table-container .table .cell-shipperCompanyName{width:var(--widget-list-cell-bookingStatus)}.listview-widget .objects-table-container .table .cell-bookingType{max-width:var(--widget-list-cell-bookingType)}.listview-widget .objects-table-container .table .cell-cargoReadyDate{max-width:var(--widget-list-cell-cargoReadyDate)}.listview-widget .objects-table-container .table .cell-originPortLocode{max-width:var(--widget-list-cell-originPortLocode)}.listview-widget .objects-table-container .table .cell-destinationPortLocode{max-width:var(--widget-list-cell-destinationPortLocode)}.listview-widget .objects-table-container .table .cell-bookingCreationDate{max-width:var(--widget-list-cell-bookingCreationDate)}.listview-widget .objects-table-container .table .cell-orderReference{max-width:var(--widget-list-cell-orderReference)}.listview-widget .objects-table-container .table .cell-shipping_line{max-width:var(--widget-list-cell-shipping_line);min-width:calc(.66 * var(--widget-list-cell-shipping_line))}.listview-widget .objects-table-container .table .cell-selector{max-width:var(--widget-list-cell-selector)}.listview-widget .objects-table-container .table-list-title{color:var(--secondary-secondary, #6b6c7e)}.listview-widget .objects-table-container .header-text .table-list-title{color:#6c6b7e;font-weight:700}.listview-widget .objects-table-container .th-row-flex-nowrap{flex-wrap:nowrap!important}.listview-widget .objects-table-container .col-min-120{min-width:120px}.listview-widget .objects-table-container .col-min-150{min-width:150px}.listview-widget .objects-table-container .col-min-200{min-width:200px}.listview-widget .objects-table-container .x-align-header{margin-left:calc(0px - var(--widget-list-cell-p-x-8))}.listview-widget .objects-table-container .cell-bookingType .x-align-header,.listview-widget .objects-table-container .cell-cargoReadyDate .x-align-header{margin-left:calc(0px - var(--widget-list-cell-p-x-8) * 3)}.listview-widget .objects-table-container .name-style{font-weight:700}.listview-widget .objects-table-container .btn-sort{box-shadow:none}.listview-widget .objects-table-container .btn-sorting{color:var(--link-color)}.listview-widget .objects-table-container .btn-group-shipper-action>*:hover{background-color:var(--form-input-background-color)}.listview-widget .objects-table-container .btn-open-shipment-details{justify-content:normal;padding-top:2px!important;height:36px}.listview-widget .objects-table-container .icon-sortable{color:var(--btn-default-color);cursor:pointer;margin-left:5px}.listview-widget .objects-table-container .icon-sorting{color:var(--link-color)}.listview-widget .objects-table-container .cell-header{padding:5px var(--widget-list-cell-p-x-8);margin-left:calc(0px - var(--widget-list-cell-p-x-8))}.listview-widget .objects-table-container .cell-header-sortable{cursor:pointer}.listview-widget .objects-table-container .cell-header-sorting{background-color:var(--form-input-background-color)}.listview-widget .objects-table-container .cell-header-secondary,.listview-widget .objects-table-container .cell-text-secondary{display:block;padding-top:4px;padding-bottom:3px}.listview-widget .objects-table-container .cell-text-cutoff,.listview-widget .objects-table-container .cell-text-secondary{text-overflow:ellipsis;overflow-x:hidden}.listview-widget .objects-table-container .cell-header-secondary.header-align{margin-left:calc(0px - var(--widget-list-cell-p-x-8))}.listview-widget .objects-table-container .cell-link{color:#2fc4f4}.listview-widget .objects-table-container .route-line-inner-container{display:flex;align-items:start;justify-content:left;width:100%;margin-left:calc(-2 * var(--widget-list-vw-ratio));margin-top:1px;color:#b8bdc2}.listview-widget .objects-table-container .route-line-inner-container .MuiSvgIcon-root{height:16px;width:16px}.listview-widget .objects-table-container .route-line-edge{height:9px;width:9px;border-radius:2px;background-color:var(--color-neutral-4)}.listview-widget .objects-table-container .route-line{height:2px;width:100%;background-color:var(--color-neutral-4)}.listview-widget .objects-table-container .combined-cols{padding:.7em;white-space:nowrap}.listview-widget .template-table-container .cell-action{text-align:center}.listview-widget .template-table-container .cell-text-2line{max-height:var(--widget-list-cell-2line-height);white-space:initial;text-overflow:clip;overflow:hidden;display:block;border:none}@supports (-webkit-line-clamp: 2){.listview-widget .template-table-container .cell-text-2line{height:var(--widget-list-cell-2line-height);overflow:hidden;text-overflow:ellipsis;white-space:initial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}.listview-widget .template-table-container .table .cell-template-templateName{max-width:var(--widget-list-cell-templateName);width:var(--widget-list-cell-templateName)}.listview-widget .template-table-container .table .cell-template-originPortLocodeName,.listview-widget .template-table-container .table .cell-template-destinationPortLocodeName,.listview-widget .template-table-container .table .cell-template-createdBy{max-width:var(--widget-list-cell-templatePortLocodeName);width:var(--widget-list-cell-templatePortLocodeName)}.listview-widget .template-table-container .table .cell-template-shipperCompanyName,.listview-widget .template-table-container .table .cell-template-r_bookingTemplateAccount_accountEntryERC,.listview-widget .template-table-container .table .cell-template-bookingTemplateAccountName{max-width:var(--widget-list-cell-templateShipperCompanyName);width:var(--widget-list-cell-templateShipperCompanyName)}.listview-widget .template-table-container .table .cell-template-consigneeCompanyName{max-width:var(--widget-list-cell-templateConsigneeCompanyName);width:var(--widget-list-cell-templateConsigneeCompanyName)}.listview-widget .template-table-container .table .cell-template-dateModified{max-width:var(--widget-list-cell-templateDateModified);width:var(--widget-list-cell-templateDateModified)}.listview-widget .template-table-container .table .cell-template-isDocumentAttached{max-width:var(--widget-list-cell-templateIsDocumentAttached);width:var(--widget-list-cell-templateIsDocumentAttached)}.listview-widget .template-table-container .table .cell-template-isDocumentAttached .x-align-header{margin-left:calc(0px - var(--widget-list-cell-p-x-6) * 5)}.listview-widget .template-table-container .table thead tr.shipper-row td{vertical-align:middle}.listview-widget .template-table-container .table .shipper-row .cell-template-consigneeCompanyName{width:calc(170 * var(--widget-list-vw-ratio))}.listview-widget .template-table-container .table .shipper-row .cell-template-createdBy{width:calc(170 * var(--widget-list-vw-ratio));max-width:calc(170 * var(--widget-list-vw-ratio))}.listview-widget .template-table-container .table .shipper-row .cell-action{width:var(--widget-list-cell-actionShipper);text-align:start}.listview-widget .template-table-container .table .shipper-row .cell-action .btn-group-item{margin-right:5px}.listview-widget .template-table-container .table .shipper-row .cell-action .btn{padding:0 5px}.listview-widget .template-table-container .table .shipper-row .cell-action .lexicon-icon-trash{display:none}.listview-widget .template-table-container .table .shipper-row-hover .cell-action .lexicon-icon-trash{display:unset}@media (min-width: 1280px){.table-scroller{display:none}}@media (max-width: 1280px){.objects-table-container,.objects-table-container .table-responsive{overflow-x:hidden}.table-scroller{height:10px;width:100%;overflow-x:auto;overflow-y:hidden;bottom:28px;position:sticky;z-index:550}.table-scroller .table-reference{min-width:calc(1270px - var(--widget-list-padding) - var(--widget-list-padding));width:calc(100% - 1px);height:10px}}@media (max-width: 1280px){.dropdown-menu,.dropdown-menu input,.dropdown-menu input::placeholder{font-size:var(--widget-list-table-font-size)}.dropdown-menu .date-picker-nav select.form-control,.dropdown-menu .date-picker-nav .form-control-select,.dropdown-menu .btn,.dropdown-menu input,.dropdown-menu input::placeholder{font-size:var(--widget-list-table-font-size)}.dropdown-menu .dropdown-item .mr-3{margin-right:3px!important}.dropdown-menu .custom-checkbox{font-size:var(--widget-list-table-font-size)!important}.dropdown-menu .custom-checkbox label,.dropdown-menu .custom-checkbox span,.dropdown-menu .custom-checkbox span:before,.dropdown-menu .custom-checkbox span:after,.dropdown-menu .custom-checkbox input{font-size:var(--widget-list-table-font-size)!important}.dropdown-menu .custom-checkbox .custom-control-label:before,.dropdown-menu .custom-checkbox .custom-control-label:after,.dropdown-menu .custom-checkbox input{width:var(--widget-list-table-font-size)!important;height:var(--widget-list-table-font-size)!important}.dropdown-menu .custom-checkbox .custom-control-label:before{clip-path:circle(var(--widget-list-table-font-size))}.listview-container .management-toolbar-container{padding:7px var(--widget-list-padding)}.listview-widget{font-size:var(--widget-list-table-font-size)}.listview-widget .page-header h4{font-size:var(--widget-list-header-font-size)}.listview-widget .management-toolbar-container.expandable{min-height:30px}.listview-widget .management-toolbar-container.min-height-filter-row{min-height:36px}.listview-widget .custom-checkbox{font-size:var(--widget-list-table-font-size)!important}.listview-widget .custom-checkbox label,.listview-widget .custom-checkbox span,.listview-widget .custom-checkbox span:before,.listview-widget .custom-checkbox span:after,.listview-widget .custom-checkbox input{font-size:var(--widget-list-table-font-size)!important}.listview-widget .custom-checkbox .custom-control-label:before,.listview-widget .custom-checkbox .custom-control-label:after,.listview-widget .custom-checkbox input{width:var(--widget-list-table-font-size)!important;height:var(--widget-list-table-font-size)!important}.listview-widget .custom-checkbox .custom-control-label:before{clip-path:circle(var(--widget-list-table-font-size))}.listview-widget .form-control{height:22px;font-size:var(--widget-list-table-font-size)}.listview-widget .form-control::placeholder{font-size:var(--widget-list-table-font-size)}.listview-widget svg.lexicon-icon{height:calc(var(--widget-list-table-font-size) - 1px);width:calc(var(--widget-list-table-font-size) - 1px)}.listview-widget .btn{font-size:var(--widget-list-table-font-size);line-height:18px}.listview-widget .page-header svg.MuiSvgIcon-root{width:17px;height:17px}.listview-widget .page-header .input-group .input-group-inset-item .btn-monospaced{height:auto}.listview-widget .label-item,.listview-widget .tbar-section{font-size:var(--widget-list-tbar-font-size)}.listview-widget .label-item .tbar-label,.listview-widget .tbar-section .tbar-label{padding-bottom:calc(.3125rem - 4px);padding-top:calc(.3125rem - 4px)}.listview-widget .objects-table-container .table td{padding-bottom:2px;padding-top:6px;min-height:20px!important}.listview-widget .objects-table-container .table td.cell-selector.plr-8{padding-left:var(--widget-list-cell-p-x-6);padding-right:calc(var(--widget-list-cell-p-x-6) / 3)}.listview-widget .objects-table-container .table thead tr.jo-row td,.listview-widget .objects-table-container .table thead tr.shipper-row td{padding-bottom:6px}.listview-widget .objects-table-container .boooking-status-cell{font-size:9.5px;padding:0 3px;margin-bottom:3px;line-height:16px}.listview-widget .objects-table-container .col-min-200{width:188px}.listview-widget .objects-table-container .route-line-inner-container{margin-top:-1px}.listview-widget .objects-table-container .cell-header-secondary.header-align,.listview-widget .objects-table-container .x-align-header{margin-left:calc(0px - var(--widget-list-cell-p-x-6))}.listview-widget .objects-table-container .cell-bookingStatus{padding-top:4px}.listview-widget .objects-table-container .cell-bookingType .x-align-header,.listview-widget .objects-table-container .cell-cargoReadyDate .x-align-header{margin-left:calc(0px - var(--widget-list-cell-p-x-6) * 2)}.listview-widget .objects-table-container .cell-header{padding:5px var(--widget-list-cell-p-x-6);margin-left:calc(0px - var(--widget-list-cell-p-x-6))}.listview-widget .objects-table-container .icon-sortable{margin-left:3px}.listview-widget .pagination-bar{padding-top:4px}.listview-widget .pagination-bar .pagination-results,.listview-widget .pagination-bar .page-link{font-size:var(--widget-list-table-font-size)}.listview-widget .pagination-bar .page-link{height:auto}.listview-widget .pagination-bar .pagination-items-per-page>a,.listview-widget .pagination-bar .pagination-items-per-page>button{height:1rem}.listview-widget .pagination-bar ul.pagination li.page-item .btn{padding-top:unset!important;padding-bottom:unset!important}}.v-border-left{border-left:1px solid var(--color-brand-primary-lighten-6, #6a748b)}.v-border{border-left:1px solid var(--color-brand-primary-lighten-6, #6a748b);border-right:1px solid var(--color-brand-primary-lighten-6, #6a748b)}.statusnav-wrapper-3line .status-multi-step{height:180px}.statusnav-wrapper-3line .status-multi-step .multi-step-nav .multi-step-divider{top:155px}.statusnav-wrapper-3line .status-multi-step .multi-step-nav .multi-step-indicator .multi-step-indicator-figure{top:-115px}.statusnav-wrapper-3line .status-multi-step .multi-step-nav .multi-step-indicator .multi-step-indicator-title{top:-68px;height:60px}.statusnav-wrapper-3line .status-multi-step .multi-step-nav .multi-step-indicator div.multi-step-icon{margin-top:128px}.status-multi-step{height:160px;padding:0 35px}.status-multi-step .multi-step-indicator-label-top .multi-step-indicator-label{bottom:unset}.status-multi-step .multi-step-indicator-label-top .multi-step-item{padding-top:unset}.status-multi-step .multi-step-nav{margin-bottom:unset}.status-multi-step .multi-step-nav li.multi-step-item{height:100%;margin:0 auto}.status-multi-step .multi-step-nav .multi-step-divider{top:135px}.status-multi-step .multi-step-nav .multi-step-indicator{height:100%}.status-multi-step .multi-step-nav .multi-step-indicator .multi-step-indicator-label{text-overflow:unset;white-space:pre-line}.status-multi-step .multi-step-nav .multi-step-indicator .multi-step-indicator-figure{top:-95px;color:var(--color-brand-primary-primary, #06183d);font-family:Arial;font-size:37px;font-style:normal;font-weight:700;line-height:40px;cursor:pointer}.status-multi-step .multi-step-nav .multi-step-indicator .multi-step-indicator-figure.no-action{cursor:auto}.status-multi-step .multi-step-nav .multi-step-indicator .multi-step-indicator-title{text-transform:uppercase;top:-48px;color:var(--color-brand-primary-lighten-4, #6a748b);font-family:Arial;font-size:14px;font-style:normal;height:40px;font-weight:700;line-height:20px;letter-spacing:.7px;max-width:120px;display:flex;flex-direction:column;justify-content:center;flex-shrink:0;text-align:center}.status-multi-step .multi-step-nav .multi-step-indicator .multi-step-indicator-title span{display:block;white-space:nowrap}.status-multi-step .multi-step-nav .multi-step-indicator div.multi-step-icon{cursor:pointer;margin-top:108px}.status-multi-step .multi-step-nav .multi-step-indicator div.multi-step-icon.no-action{cursor:auto}.status-multi-step .multi-step-nav .statuskey-indicator{border:0;width:3.2rem}.status-multi-step .multi-step-nav .statuskey-indicator .multi-step-icon{background:var(--color-brand-primary-primary, #06183d);color:var(--neutral-00, #fff);height:52px;width:52px}.status-multi-step .multi-step-nav .statuskey-indicator .multi-step-icon .lexicon-icon{width:24px;height:24px}.status-multi-step .multi-step-nav .statuskey-indicator-bookingSubmitted .multi-step-icon,.status-multi-step .multi-step-nav .statuskey-indicator-bookingChangeSubmitted .multi-step-icon,.status-multi-step .multi-step-nav .statuskey-indicator-siSubmitted .multi-step-icon,.status-multi-step .multi-step-nav .statuskey-indicator-siChangeSubmitted .multi-step-icon{background:var(--brand-secondary-darken-1, linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .1) 100%), #ff6d10)}.status-multi-step .multi-step-nav .statuskey-indicator-bookingCompleted .multi-step-icon{background:var(--status-success-success, #63ae8e)}.status-multi-step .multi-step-nav .statuskey-indicator-bookingCancelled .multi-step-icon,.status-multi-step .multi-step-nav .statuskey-indicator-bookingCancellationSubmitted .multi-step-icon,.status-multi-step .multi-step-nav .statuskey-indicator-siRejected .multi-step-icon{background:var(--status-error-error, #d32f2f)}.status-multi-step .multi-step-nav .statuskey-indicator-departed .multi-step-icon{background:var(--brand-thirdaly-darken-1, linear-gradient(0deg, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .1) 100%), #2fc4f4)}.status-multi-step .multi-step-nav .statuskey-indicator-arrived .multi-step-icon{background:var(--brand-thirdaly-darken-3, linear-gradient(0deg, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, .3) 100%), #2fc4f4)}.status-multi-step .multi-step-nav .statuskey-indicator-bookingCancellationSubmitted .multi-step-indicator-title,.status-multi-step .multi-step-nav .statuskey-indicator-bookingChangeSubmitted .multi-step-indicator-title,.status-multi-step .multi-step-nav .statuskey-indicator-siChangeSubmitted .multi-step-indicator-title{max-width:fit-content}booking-si-and-pending-tasks-homepage-jo .pending-task-view-main{box-shadow:var(--box-shadow);overflow-x:auto;padding:24px;flex:1}booking-si-and-pending-tasks-homepage-jo .pending-task-view-main .management-toolbar-container .form-group{margin-bottom:0!important}booking-si-and-pending-tasks-homepage-jo .pending-task-view-main .pending-tasks.management-toolbar-container{padding:0;margin:0}booking-si-and-pending-tasks-homepage-jo .pending-task-view-main .btn-icon-filter{color:#adb5bd;padding:0;box-shadow:none}booking-si-and-pending-tasks-homepage-jo .pending-task-view-main .btn-apply-filter{padding:3px 12px;margin-top:0}booking-si-and-pending-tasks-homepage-jo .pending-task-view-main .pending-tasks.management-toolbar-container .inline-item-before{margin-right:16px}booking-si-and-pending-tasks-homepage-jo .pending-task-view-main .pending-tasks.management-toolbar-container .btn-icon-filter-active{color:var(--color-action-primary-default, #1e3554)}booking-si-and-pending-tasks-homepage-jo .pending-task-view-main .total-pending-tasks{font-size:37px;color:#06183d;font-weight:700}booking-si-and-pending-tasks-homepage-jo .pending-task-view-main .total-pending-tasks-label{font-size:13px;color:#6c757d;font-weight:700}booking-si-and-pending-tasks-homepage-jo .pending-task-view-main .subnav-tbar-primary{margin-left:12px;margin-top:12px}booking-si-and-pending-tasks-homepage-jo .pending-task-view-main .subnav-tbar-primary>.container-fluid{padding-left:6px!important}booking-si-and-pending-tasks-homepage-jo .pending-task-view-main .statusview-container .panel-unstyled{margin-bottom:0}booking-si-and-pending-tasks-homepage-jo .objects-table-container .table{min-width:1440px}booking-si-and-pending-tasks-homepage-jo .recharts-pie-labels{width:76px;height:56px}booking-si-and-pending-tasks-homepage-jo .recharts-legend-item{padding:4px 0}booking-si-and-pending-tasks-homepage-jo .rounded-full{border-radius:9999px}booking-si-and-pending-tasks-homepage-jo .w-3{width:.75rem}booking-si-and-pending-tasks-homepage-jo .h-3{height:.75rem}booking-si-and-pending-tasks-homepage-jo .mr-2{margin-right:.5rem}booking-si-and-pending-tasks-homepage-jo .p-0{padding:0}booking-si-and-pending-tasks-homepage-jo .list-none{list-style-type:none}booking-si-and-pending-tasks-homepage-jo .items-center{align-items:center}booking-si-and-pending-tasks-homepage-jo .cursor-pointer{cursor:pointer}booking-si-and-pending-tasks-homepage-jo .d-flex{display:flex}booking-si-and-pending-tasks-homepage-jo .flex-1{flex:1!important}.dropdown-menu.dropdown-menu-select.show{z-index:10000}#content{background-color:var(--color-neutral-1)}