www.cargoes.com
Open in
urlscan Pro
20.203.27.82
Public Scan
Submitted URL: https://www.cargoes.com//
Effective URL: https://www.cargoes.com//
Submission: On June 15 via api from SA — Scanned from DE
Effective URL: https://www.cargoes.com//
Submission: On June 15 via api from SA — Scanned from DE
Form analysis 1 forms found in the DOM
Name: UserSearchForm —
<form _ngcontent-ldf-c136="" novalidate="" name="UserSearchForm" autocomplete="off" class="req-form ng-untouched ng-pristine ng-invalid">
<div _ngcontent-ldf-c136="" fxlayout="column" class="route-detail p-relative" style="flex-direction: column; box-sizing: border-box; display: flex;">
<div _ngcontent-ldf-c136="" fxlayout="row wrap" fxlayoutalign=" start" fxflex="0 0 auto" style="flex-flow: row wrap; box-sizing: border-box; display: flex; place-content: flex-start; align-items: flex-start; flex: 0 0 auto;">
<div _ngcontent-ldf-c136="" fxlayoutalign="start center" fxlayout="row wrap" fxflex="22" fxflex.lt-sm="100" fxflex.lt-md="40" fxflex.lt-lg="32" fxflex.lt-xl="28" class="p-x-8 p-b-16"
style="flex-flow: row wrap; box-sizing: border-box; display: flex; place-content: center flex-start; align-items: center; flex: 1 1 28%; max-width: 28%;">
<div _ngcontent-ldf-c136="" fxlayoutalign="start center" fxlayout="row" fxflex="100" style="flex-direction: row; box-sizing: border-box; display: flex; place-content: center flex-start; align-items: center; flex: 1 1 100%; max-width: 100%;">
<strong _ngcontent-ldf-c136="" class="head-lbl">Where Are You Shipping?</strong></div>
<div _ngcontent-ldf-c136="" class="radio-box"><mat-radio-group _ngcontent-ldf-c136="" role="radiogroup" fxlayout="column" color="primary" aria-label="Select an option" name="LogisticsType" id="freight-type" required=""
class="mat-radio-group ng-untouched ng-pristine ng-valid" style="flex-direction: column; box-sizing: border-box; display: flex;"><mat-radio-button _ngcontent-ldf-c136=""
class="mat-radio-button m-r-16 mat-primary ng-star-inserted mat-radio-checked" id="shipment-type-value-international"><label class="mat-radio-label" for="shipment-type-value-international-input"><span class="mat-radio-container"><span
class="mat-radio-outer-circle"></span><span class="mat-radio-inner-circle"></span><input type="radio" class="mat-radio-input" id="shipment-type-value-international-input" required="" name="LogisticsType" value="international"
tabindex="0"><span mat-ripple="" class="mat-ripple mat-radio-ripple mat-focus-indicator"><span class="mat-ripple-element mat-radio-persistent-ripple"></span></span></span><span class="mat-radio-label-content"><span
style="display: none;"> </span> International Freight </span></label></mat-radio-button><mat-radio-button _ngcontent-ldf-c136="" class="mat-radio-button m-r-16 mat-primary ng-star-inserted"
id="shipment-type-value-domestic"><label class="mat-radio-label" for="shipment-type-value-domestic-input"><span class="mat-radio-container"><span class="mat-radio-outer-circle"></span><span class="mat-radio-inner-circle"></span><input
type="radio" class="mat-radio-input" id="shipment-type-value-domestic-input" required="" name="LogisticsType" value="domestic" tabindex="-1"><span mat-ripple="" class="mat-ripple mat-radio-ripple mat-focus-indicator"><span
class="mat-ripple-element mat-radio-persistent-ripple"></span></span></span><span class="mat-radio-label-content"><span style="display: none;"> </span> Domestic Freight
</span></label></mat-radio-button><!----></mat-radio-group></div>
</div>
<div _ngcontent-ldf-c136="" fxlayoutalign="start center" fxlayout="row wrap" fxflex="22" fxflex.lt-sm="100" fxflex.lt-md="40" fxflex.lt-lg="32" fxflex.lt-xl="28" class="p-x-8 p-b-16"
style="flex-flow: row wrap; box-sizing: border-box; display: none; place-content: center flex-start; align-items: center; flex: 1 1 28%; max-width: 28%;">
<div _ngcontent-ldf-c136="" fxlayoutalign="start center" fxlayout="row" fxflex="100" style="flex-direction: row; box-sizing: border-box; display: flex; place-content: center flex-start; align-items: center; flex: 1 1 100%; max-width: 100%;">
<strong _ngcontent-ldf-c136="" class="head-lbl">How Are You Shipping?</strong></div>
<div _ngcontent-ldf-c136="" class="radio-box"><mat-radio-group _ngcontent-ldf-c136="" role="radiogroup" fxlayout="column" color="primary" aria-label="Select an option" name="ShipmentType" id="shipment-type" required=""
class="mat-radio-group ng-untouched ng-pristine ng-valid" style="flex-direction: column; box-sizing: border-box; display: flex;"><mat-radio-button _ngcontent-ldf-c136=""
class="mat-radio-button m-r-16 mat-primary ng-star-inserted mat-radio-checked" id="shipment-type-value-CONTAINERS"><label class="mat-radio-label" for="shipment-type-value-CONTAINERS-input"><span class="mat-radio-container"><span
class="mat-radio-outer-circle"></span><span class="mat-radio-inner-circle"></span><input type="radio" class="mat-radio-input" id="shipment-type-value-CONTAINERS-input" required="" name="ShipmentType" value="CONTAINERS"
tabindex="0"><span mat-ripple="" class="mat-ripple mat-radio-ripple mat-focus-indicator"><span class="mat-ripple-element mat-radio-persistent-ripple"></span></span></span><span class="mat-radio-label-content"><span
style="display: none;"> </span> Containers </span></label></mat-radio-button><mat-radio-button _ngcontent-ldf-c136="" class="mat-radio-button m-r-16 mat-primary ng-star-inserted" id="shipment-type-value-BOXES_CRATES"><label
class="mat-radio-label" for="shipment-type-value-BOXES_CRATES-input"><span class="mat-radio-container"><span class="mat-radio-outer-circle"></span><span class="mat-radio-inner-circle"></span><input type="radio" class="mat-radio-input"
id="shipment-type-value-BOXES_CRATES-input" required="" name="ShipmentType" value="BOXES_CRATES" tabindex="-1"><span mat-ripple="" class="mat-ripple mat-radio-ripple mat-focus-indicator"><span
class="mat-ripple-element mat-radio-persistent-ripple"></span></span></span><span class="mat-radio-label-content"><span style="display: none;"> </span> Boxes, Crates and Pallets
</span></label></mat-radio-button><!----></mat-radio-group></div>
</div>
</div>
<div _ngcontent-ldf-c136="" fxlayout="row wrap" fxlayoutalign=" start" fxflex="0 0 auto" class="p-relative" style="flex-flow: row wrap; box-sizing: border-box; display: flex; place-content: flex-start; align-items: flex-start; flex: 0 0 auto;">
<div _ngcontent-ldf-c136="" class="clear-box ng-star-inserted"><span _ngcontent-ldf-c136="" id="clear-form-btn" class="text-uppercase cursor-pointer">Clear Form</span></div><!---->
<div _ngcontent-ldf-c136="" fxlayoutalign="start center" fxlayout="row" fxflex="100" class="p-x-8 p-t-8 p-b-12"
style="flex-direction: row; box-sizing: border-box; display: flex; place-content: center flex-start; align-items: center; flex: 1 1 100%; max-width: 100%;"><strong _ngcontent-ldf-c136="" class="m-0 head-lbl">Shipment details</strong></div>
<div _ngcontent-ldf-c136="" fxlayoutalign="start center" fxlayout="row" fxflex="37" fxflex.lt-md="50" fxflex.lt-sm="100" class="p-x-8"
style="flex-direction: row; box-sizing: border-box; display: flex; place-content: center flex-start; align-items: center; flex: 1 1 37%; max-width: 37%;">
<div _ngcontent-ldf-c136="" fxlayout="row" fxflex="100" class="group-field" style="flex-direction: row; box-sizing: border-box; display: flex; flex: 1 1 100%; max-width: 100%;"><mat-form-field _ngcontent-ldf-c136="" appearance="outline"
fxflex="30"
class="mat-form-field outline-error-static ng-tns-c80-1 mat-primary ng-star-inserted mat-form-field-type-mat-select mat-form-field-appearance-outline mat-form-field-can-float mat-form-field-has-label ng-untouched ng-pristine ng-valid mat-form-field-should-float"
style="flex: 1 1 100%; box-sizing: border-box; max-width: 30%;">
<div class="mat-form-field-wrapper ng-tns-c80-1">
<div class="mat-form-field-flex ng-tns-c80-1">
<div class="mat-form-field-outline ng-tns-c80-1 ng-star-inserted">
<div class="mat-form-field-outline-start ng-tns-c80-1" style="width: 5.5px;"></div>
<div class="mat-form-field-outline-gap ng-tns-c80-1" style="width: 46px;"></div>
<div class="mat-form-field-outline-end ng-tns-c80-1"></div>
</div>
<div class="mat-form-field-outline mat-form-field-outline-thick ng-tns-c80-1 ng-star-inserted">
<div class="mat-form-field-outline-start ng-tns-c80-1" style="width: 5.5px;"></div>
<div class="mat-form-field-outline-gap ng-tns-c80-1" style="width: 46px;"></div>
<div class="mat-form-field-outline-end ng-tns-c80-1"></div>
</div><!----><!----><!---->
<div class="mat-form-field-infix ng-tns-c80-1"><mat-select _ngcontent-ldf-c136="" role="combobox" aria-autocomplete="none" aria-haspopup="true" id="origin_type" required=""
class="mat-select ng-tns-c84-2 ng-tns-c80-1 ng-star-inserted mat-select-required ng-untouched ng-pristine ng-valid" aria-labelledby="mat-form-field-label-1 mat-select-value-1" tabindex="0" aria-expanded="false"
aria-required="true" aria-disabled="false" aria-invalid="false">
<div cdk-overlay-origin="" class="mat-select-trigger ng-tns-c84-2">
<div class="mat-select-value ng-tns-c84-2" id="mat-select-value-1"><!----><span class="mat-select-value-text ng-tns-c84-2 ng-star-inserted"><span
class="mat-select-min-line ng-tns-c84-2 ng-star-inserted">Port</span><!----><!----></span><!----></div>
<div class="mat-select-arrow-wrapper ng-tns-c84-2">
<div class="mat-select-arrow ng-tns-c84-2"></div>
</div>
</div><!---->
</mat-select><span class="mat-form-field-label-wrapper ng-tns-c80-1"><label class="mat-form-field-label ng-tns-c80-1 ng-star-inserted" id="mat-form-field-label-1" for="origin_type" aria-owns="origin_type"><!----><mat-label
_ngcontent-ldf-c136="" class="ng-tns-c80-1 ng-star-inserted">From</mat-label><!----><span aria-hidden="true" class="mat-placeholder-required mat-form-field-required-marker ng-tns-c80-1 ng-star-inserted">
*</span><!----></label><!----></span></div><!---->
</div><!---->
<div class="mat-form-field-subscript-wrapper ng-tns-c80-1"><!---->
<div class="mat-form-field-hint-wrapper ng-tns-c80-1 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
<div class="mat-form-field-hint-spacer ng-tns-c80-1"></div>
</div><!---->
</div>
</div>
</mat-form-field><mat-form-field _ngcontent-ldf-c136="" appearance="outline" fxflex="70"
class="mat-form-field outline-error-static ng-tns-c80-3 mat-primary ng-star-inserted mat-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-untouched ng-pristine ng-invalid"
style="flex: 1 1 100%; box-sizing: border-box; max-width: 70%;">
<div class="mat-form-field-wrapper ng-tns-c80-3">
<div class="mat-form-field-flex ng-tns-c80-3">
<div class="mat-form-field-outline ng-tns-c80-3 ng-star-inserted">
<div class="mat-form-field-outline-start ng-tns-c80-3" style="width: 5.5px;"></div>
<div class="mat-form-field-outline-gap ng-tns-c80-3" style="width: 50.5px;"></div>
<div class="mat-form-field-outline-end ng-tns-c80-3"></div>
</div>
<div class="mat-form-field-outline mat-form-field-outline-thick ng-tns-c80-3 ng-star-inserted">
<div class="mat-form-field-outline-start ng-tns-c80-3" style="width: 5.5px;"></div>
<div class="mat-form-field-outline-gap ng-tns-c80-3" style="width: 50.5px;"></div>
<div class="mat-form-field-outline-end ng-tns-c80-3"></div>
</div><!----><!----><!---->
<div class="mat-form-field-infix ng-tns-c80-3"><input _ngcontent-ldf-c136="" type="text" matinput="" name="originLocation" id="origin_location" required=""
class="mat-input-element mat-form-field-autofill-control mat-autocomplete-trigger ng-tns-c80-3 ng-untouched ng-pristine cdk-text-field-autofill-monitored ng-invalid" data-placeholder="Port" aria-required="true" autocomplete="off"
role="combobox" aria-autocomplete="list" aria-expanded="false" aria-haspopup="listbox"><!----><mat-autocomplete _ngcontent-ldf-c136="" autoactivefirstoption="" id="origin_loc"
class="mat-autocomplete ng-tns-c80-3"><!----></mat-autocomplete><span class="mat-form-field-label-wrapper ng-tns-c80-3"><label class="mat-form-field-label ng-tns-c80-3 mat-empty mat-form-field-empty ng-star-inserted"
id="mat-form-field-label-3" for="origin_location" aria-owns="origin_location"><!----><mat-label _ngcontent-ldf-c136="" class="ng-tns-c80-3 ng-star-inserted">Origin</mat-label><!----><span aria-hidden="true"
class="mat-placeholder-required mat-form-field-required-marker ng-tns-c80-3 ng-star-inserted"> *</span><!----></label><!----></span></div><!---->
</div><!---->
<div class="mat-form-field-subscript-wrapper ng-tns-c80-3"><!---->
<div class="mat-form-field-hint-wrapper ng-tns-c80-3 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
<div class="mat-form-field-hint-spacer ng-tns-c80-3"></div>
</div><!---->
</div>
</div>
</mat-form-field></div>
</div>
<div _ngcontent-ldf-c136="" fxlayoutalign="start center" fxlayout="row" fxflex="37" fxflex.lt-md="50" fxflex.lt-sm="100" class="p-x-8"
style="flex-direction: row; box-sizing: border-box; display: flex; place-content: center flex-start; align-items: center; flex: 1 1 37%; max-width: 37%;">
<div _ngcontent-ldf-c136="" fxlayout="row" fxflex="100" class="group-field" style="flex-direction: row; box-sizing: border-box; display: flex; flex: 1 1 100%; max-width: 100%;"><!----><mat-form-field _ngcontent-ldf-c136=""
appearance="outline" fxflex="30"
class="mat-form-field outline-error-static ng-tns-c80-5 mat-primary mat-form-field-type-mat-select mat-form-field-appearance-outline mat-form-field-can-float mat-form-field-has-label ng-untouched ng-pristine ng-valid ng-star-inserted mat-form-field-should-float"
style="flex: 1 1 100%; box-sizing: border-box; max-width: 30%;">
<div class="mat-form-field-wrapper ng-tns-c80-5">
<div class="mat-form-field-flex ng-tns-c80-5">
<div class="mat-form-field-outline ng-tns-c80-5 ng-star-inserted">
<div class="mat-form-field-outline-start ng-tns-c80-5" style="width: 5.5px;"></div>
<div class="mat-form-field-outline-gap ng-tns-c80-5" style="width: 28.75px;"></div>
<div class="mat-form-field-outline-end ng-tns-c80-5"></div>
</div>
<div class="mat-form-field-outline mat-form-field-outline-thick ng-tns-c80-5 ng-star-inserted">
<div class="mat-form-field-outline-start ng-tns-c80-5" style="width: 5.5px;"></div>
<div class="mat-form-field-outline-gap ng-tns-c80-5" style="width: 28.75px;"></div>
<div class="mat-form-field-outline-end ng-tns-c80-5"></div>
</div><!----><!----><!---->
<div class="mat-form-field-infix ng-tns-c80-5"><mat-select _ngcontent-ldf-c136="" role="combobox" aria-autocomplete="none" aria-haspopup="true" required=""
class="mat-select ng-tns-c84-6 ng-tns-c80-5 mat-select-required ng-untouched ng-pristine ng-valid ng-star-inserted" aria-labelledby="mat-form-field-label-7 mat-select-value-3" id="mat-select-2" tabindex="0" aria-expanded="false"
aria-required="true" aria-disabled="false" aria-invalid="false">
<div cdk-overlay-origin="" class="mat-select-trigger ng-tns-c84-6">
<div class="mat-select-value ng-tns-c84-6" id="mat-select-value-3"><!----><span class="mat-select-value-text ng-tns-c84-6 ng-star-inserted"><span
class="mat-select-min-line ng-tns-c84-6 ng-star-inserted">Port</span><!----><!----></span><!----></div>
<div class="mat-select-arrow-wrapper ng-tns-c84-6">
<div class="mat-select-arrow ng-tns-c84-6"></div>
</div>
</div><!---->
</mat-select><span class="mat-form-field-label-wrapper ng-tns-c80-5"><label class="mat-form-field-label ng-tns-c80-5 ng-star-inserted" id="mat-form-field-label-7" for="mat-select-2" aria-owns="mat-select-2"><!----><mat-label
_ngcontent-ldf-c136="" class="ng-tns-c80-5 ng-star-inserted">To</mat-label><!----><span aria-hidden="true" class="mat-placeholder-required mat-form-field-required-marker ng-tns-c80-5 ng-star-inserted">
*</span><!----></label><!----></span></div><!---->
</div><!---->
<div class="mat-form-field-subscript-wrapper ng-tns-c80-5"><!---->
<div class="mat-form-field-hint-wrapper ng-tns-c80-5 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
<div class="mat-form-field-hint-spacer ng-tns-c80-5"></div>
</div><!---->
</div>
</div>
</mat-form-field><!----><!----><!----><!----><!----><mat-form-field _ngcontent-ldf-c136="" appearance="outline" fxflex="70"
class="mat-form-field outline-error-static ng-tns-c80-4 mat-primary ng-star-inserted mat-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-can-float mat-form-field-has-label mat-form-field-hide-placeholder ng-untouched ng-pristine ng-invalid"
style="flex: 1 1 100%; box-sizing: border-box; max-width: 70%;">
<div class="mat-form-field-wrapper ng-tns-c80-4">
<div class="mat-form-field-flex ng-tns-c80-4">
<div class="mat-form-field-outline ng-tns-c80-4 ng-star-inserted">
<div class="mat-form-field-outline-start ng-tns-c80-4" style="width: 5.5px;"></div>
<div class="mat-form-field-outline-gap ng-tns-c80-4" style="width: 78.25px;"></div>
<div class="mat-form-field-outline-end ng-tns-c80-4"></div>
</div>
<div class="mat-form-field-outline mat-form-field-outline-thick ng-tns-c80-4 ng-star-inserted">
<div class="mat-form-field-outline-start ng-tns-c80-4" style="width: 5.5px;"></div>
<div class="mat-form-field-outline-gap ng-tns-c80-4" style="width: 78.25px;"></div>
<div class="mat-form-field-outline-end ng-tns-c80-4"></div>
</div><!----><!----><!---->
<div class="mat-form-field-infix ng-tns-c80-4"><input _ngcontent-ldf-c136="" type="text" matinput="" name="destinationLocation" id="destination_location_input" required=""
class="mat-input-element mat-form-field-autofill-control mat-autocomplete-trigger ng-tns-c80-4 ng-untouched ng-pristine cdk-text-field-autofill-monitored ng-invalid" data-placeholder="Port" aria-required="true" autocomplete="off"
role="combobox" aria-autocomplete="list" aria-expanded="false" aria-haspopup="listbox"><!----><mat-autocomplete _ngcontent-ldf-c136="" autoactivefirstoption="" id="destination_location"
class="mat-autocomplete ng-tns-c80-4"><!----></mat-autocomplete><span class="mat-form-field-label-wrapper ng-tns-c80-4"><label class="mat-form-field-label ng-tns-c80-4 mat-empty mat-form-field-empty ng-star-inserted"
id="mat-form-field-label-5" for="destination_location_input" aria-owns="destination_location_input"><!----><mat-label _ngcontent-ldf-c136="" class="ng-tns-c80-4 ng-star-inserted">Destination</mat-label><!----><span
aria-hidden="true" class="mat-placeholder-required mat-form-field-required-marker ng-tns-c80-4 ng-star-inserted"> *</span><!----></label><!----></span></div><!---->
</div><!---->
<div class="mat-form-field-subscript-wrapper ng-tns-c80-4"><!---->
<div class="mat-form-field-hint-wrapper ng-tns-c80-4 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
<div class="mat-form-field-hint-spacer ng-tns-c80-4"></div>
</div><!---->
</div>
</div>
</mat-form-field></div>
</div><!----><!---->
<div _ngcontent-ldf-c136="" fxlayoutalign="start start" fxlayout="row" fxflex.lt-md="60" fxflex.lt-sm="100" class="p-x-8 departure-box ng-star-inserted"
style="flex-direction: row; box-sizing: border-box; display: flex; place-content: flex-start; align-items: flex-start; flex: 1 1 44%; max-width: 44%;">
<div _ngcontent-ldf-c136="" class="radio-box ng-star-inserted"><mat-radio-group _ngcontent-ldf-c136="" role="radiogroup" fxlayout="column" fxlayoutalign="start start" color="primary" aria-label="Select an option" name="date_type" required=""
id="preferred_date_type" class="mat-radio-group date-selection ng-untouched ng-pristine ng-valid" style="flex-direction: column; box-sizing: border-box; display: flex; place-content: flex-start; align-items: flex-start;"><mat-radio-button
_ngcontent-ldf-c136="" value="pickup_date" class="mat-radio-button mat-primary mat-radio-checked" id="mat-radio-8"><label class="mat-radio-label" for="mat-radio-8-input"><span class="mat-radio-container"><span
class="mat-radio-outer-circle"></span><span class="mat-radio-inner-circle"></span><input type="radio" class="mat-radio-input" id="mat-radio-8-input" required="" name="date_type" value="pickup_date" tabindex="0"><span mat-ripple=""
class="mat-ripple mat-radio-ripple mat-focus-indicator"><span class="mat-ripple-element mat-radio-persistent-ripple"></span></span></span><span class="mat-radio-label-content"><span style="display: none;"> </span> Cargo Ready
Date</span></label></mat-radio-button><mat-radio-button _ngcontent-ldf-c136="" value="sailing_date" class="mat-radio-button mat-primary" id="mat-radio-9"><label class="mat-radio-label" for="mat-radio-9-input"><span
class="mat-radio-container"><span class="mat-radio-outer-circle"></span><span class="mat-radio-inner-circle"></span><input type="radio" class="mat-radio-input" id="mat-radio-9-input" required="" name="date_type" value="sailing_date"
tabindex="-1"><span mat-ripple="" class="mat-ripple mat-radio-ripple mat-focus-indicator"><span class="mat-ripple-element mat-radio-persistent-ripple"></span></span></span><span class="mat-radio-label-content"><span
style="display: none;"> </span> Preferred Sailing Date</span></label></mat-radio-button><!----></mat-radio-group></div><!---->
<div _ngcontent-ldf-c136="" class="date-box ng-star-inserted"><mat-form-field _ngcontent-ldf-c136="" appearance="outline"
class="mat-form-field w-full outline-error-static ng-tns-c80-7 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-can-float mat-form-field-has-label ng-untouched ng-pristine ng-valid ng-star-inserted mat-form-field-should-float">
<div class="mat-form-field-wrapper ng-tns-c80-7">
<div class="mat-form-field-flex ng-tns-c80-7">
<div class="mat-form-field-outline ng-tns-c80-7 ng-star-inserted">
<div class="mat-form-field-outline-start ng-tns-c80-7" style="width: 5.5px;"></div>
<div class="mat-form-field-outline-gap ng-tns-c80-7" style="width: 112.75px;"></div>
<div class="mat-form-field-outline-end ng-tns-c80-7"></div>
</div>
<div class="mat-form-field-outline mat-form-field-outline-thick ng-tns-c80-7 ng-star-inserted">
<div class="mat-form-field-outline-start ng-tns-c80-7" style="width: 5.5px;"></div>
<div class="mat-form-field-outline-gap ng-tns-c80-7" style="width: 112.75px;"></div>
<div class="mat-form-field-outline-end ng-tns-c80-7"></div>
</div><!----><!----><!---->
<div class="mat-form-field-infix ng-tns-c80-7"><input _ngcontent-ldf-c136="" matinput="" id="cargo_ready_date" name="PickupSailingDate" required="" readonly="true"
class="mat-input-element mat-form-field-autofill-control mat-datepicker-input ng-tns-c80-7 ng-untouched ng-pristine ng-valid cdk-text-field-autofill-monitored" aria-required="true" aria-haspopup="dialog"
min="2022-06-16T05:51:20+00:00" max="2022-07-15T05:51:20+00:00" data-mat-calendar="mat-datepicker-0" aria-invalid="false"><mat-datepicker _ngcontent-ldf-c136="" class="ng-tns-c80-7"></mat-datepicker><!----><span
class="mat-form-field-label-wrapper ng-tns-c80-7"><label class="mat-form-field-label ng-tns-c80-7 ng-star-inserted" id="mat-form-field-label-9" for="cargo_ready_date" aria-owns="cargo_ready_date"><!----><mat-label
_ngcontent-ldf-c136="" class="ng-tns-c80-7 ng-star-inserted">Cargo Ready Date </mat-label><!----><span aria-hidden="true" class="mat-placeholder-required mat-form-field-required-marker ng-tns-c80-7 ng-star-inserted">
*</span><!----></label><!----></span></div>
<div class="mat-form-field-suffix ng-tns-c80-7 ng-star-inserted"><mat-datepicker-toggle _ngcontent-ldf-c136="" matsuffix="" class="mat-datepicker-toggle ng-tns-c80-7" data-mat-calendar="mat-datepicker-0"><button mat-icon-button=""
type="button" class="mat-focus-indicator mat-icon-button mat-button-base" aria-haspopup="dialog" aria-label="Open calendar" tabindex="0"><span class="mat-button-wrapper"><svg viewBox="0 0 24 24" width="24px" height="24px"
fill="currentColor" focusable="false" class="mat-datepicker-toggle-default-icon ng-star-inserted">
<path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z"></path>
</svg><!----></span><span matripple="" class="mat-ripple mat-button-ripple mat-button-ripple-round"></span><span class="mat-button-focus-overlay"></span></button></mat-datepicker-toggle></div><!---->
</div><!---->
<div class="mat-form-field-subscript-wrapper ng-tns-c80-7"><!---->
<div class="mat-form-field-hint-wrapper ng-tns-c80-7 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
<div class="mat-form-field-hint-spacer ng-tns-c80-7"></div>
</div><!---->
</div>
</div>
</mat-form-field></div><!----><!---->
</div><!----><!---->
<div _ngcontent-ldf-c136="" fxlayoutalign="start start" fxlayout="row" fxflex="30" fxflex.lt-sm="100" class="p-x-8 ng-star-inserted"
style="flex-direction: row; box-sizing: border-box; display: flex; place-content: flex-start; align-items: flex-start; flex: 1 1 30%; max-width: 30%;"><mat-form-field _ngcontent-ldf-c136="" appearance="outline"
class="mat-form-field outline-error-static ng-tns-c80-8 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-can-float mat-form-field-has-label ng-untouched ng-pristine ng-star-inserted mat-form-field-should-float ng-valid"
style="flex: 1 1 100%; box-sizing: border-box; max-width: 100%;">
<div class="mat-form-field-wrapper ng-tns-c80-8">
<div class="mat-form-field-flex ng-tns-c80-8">
<div class="mat-form-field-outline ng-tns-c80-8 ng-star-inserted">
<div class="mat-form-field-outline-start ng-tns-c80-8" style="width: 5.5px;"></div>
<div class="mat-form-field-outline-gap ng-tns-c80-8" style="width: 80.5px;"></div>
<div class="mat-form-field-outline-end ng-tns-c80-8"></div>
</div>
<div class="mat-form-field-outline mat-form-field-outline-thick ng-tns-c80-8 ng-star-inserted">
<div class="mat-form-field-outline-start ng-tns-c80-8" style="width: 5.5px;"></div>
<div class="mat-form-field-outline-gap ng-tns-c80-8" style="width: 80.5px;"></div>
<div class="mat-form-field-outline-end ng-tns-c80-8"></div>
</div><!----><!----><!---->
<div class="mat-form-field-infix ng-tns-c80-8"><input _ngcontent-ldf-c136="" type="text" id="product_commodity" matinput="" name="productCategory" required=""
class="mat-input-element mat-form-field-autofill-control mat-autocomplete-trigger ng-tns-c80-8 ng-untouched ng-pristine cdk-text-field-autofill-monitored ng-valid" data-placeholder="Commodity" aria-required="true" autocomplete="off"
role="combobox" aria-autocomplete="list" aria-expanded="false" aria-haspopup="listbox" placeholder="Commodity" aria-invalid="false"><!----><mat-autocomplete _ngcontent-ldf-c136="" autoactivefirstoption=""
class="mat-autocomplete ng-tns-c80-8"><!----></mat-autocomplete><span class="mat-form-field-label-wrapper ng-tns-c80-8"><label class="mat-form-field-label ng-tns-c80-8 ng-star-inserted" id="mat-form-field-label-11"
for="product_commodity" aria-owns="product_commodity"><!----><mat-label _ngcontent-ldf-c136="" class="ng-tns-c80-8 ng-star-inserted">Commodity</mat-label><!----><span aria-hidden="true"
class="mat-placeholder-required mat-form-field-required-marker ng-tns-c80-8 ng-star-inserted"> *</span><!----></label><!----></span></div>
<div class="mat-form-field-suffix ng-tns-c80-8 ng-star-inserted"><mat-icon _ngcontent-ldf-c136="" role="img" matsuffix="" class="mat-icon notranslate cursor-pointer material-icons mat-icon-no-color ng-tns-c80-8 ng-star-inserted"
aria-hidden="true" data-mat-icon-type="font">cancel</mat-icon><!----></div><!---->
</div><!---->
<div class="mat-form-field-subscript-wrapper ng-tns-c80-8"><!---->
<div class="mat-form-field-hint-wrapper ng-tns-c80-8 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
<div class="mat-form-field-hint-spacer ng-tns-c80-8"></div>
</div><!---->
</div>
</div>
</mat-form-field></div><!----><!----><!----><!---->
</div>
</div><!---->
<div _ngcontent-ldf-c136="" fxlayout="column" class="cargo-detail ng-star-inserted" style="flex-direction: column; box-sizing: border-box; display: flex;">
<div _ngcontent-ldf-c136="" fxlayout="row wrap" fxlayoutalign=" stretch" fxflex="0 0 auto" style="flex-flow: row wrap; box-sizing: border-box; display: flex; place-content: stretch flex-start; align-items: stretch; flex: 0 0 auto;">
<div _ngcontent-ldf-c136="" fxlayoutalign="start center" fxlayout="row" fxflex="100" class="p-x-8 p-t-8 p-b-8"
style="flex-direction: row; box-sizing: border-box; display: flex; place-content: center flex-start; align-items: center; flex: 1 1 100%; max-width: 100%;"><strong _ngcontent-ldf-c136="" class="head-lbl">Cargo Details</strong></div>
</div>
<div _ngcontent-ldf-c136="" fxlayout="column" class="basic-search ng-star-inserted" style="flex-direction: column; box-sizing: border-box; display: flex;">
<div _ngcontent-ldf-c136="" fxlayout="row wrap" fxlayoutalign=" start" fxflex="0 0 auto" class="customize-fields p-relative ng-star-inserted"
style="flex-flow: row wrap; box-sizing: border-box; display: flex; place-content: flex-start; align-items: flex-start; flex: 0 0 auto;">
<div _ngcontent-ldf-c136="" fxlayoutalign="start center" fxlayout="row" fxflex="15" fxflex.lt-sm="30" fxflex.lt-lg="15" fxflex.lt-md="20" class="p-x-8"
style="flex-direction: row; box-sizing: border-box; display: flex; place-content: center flex-start; align-items: center; flex: 1 1 15%; max-width: 15%;"><mat-form-field _ngcontent-ldf-c136="" appearance="outline" fxflex="100"
class="mat-form-field outline-error-static ng-tns-c80-9 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-can-float mat-form-field-has-label ng-untouched ng-pristine ng-valid ng-star-inserted mat-form-field-should-float"
style="flex: 1 1 100%; box-sizing: border-box; max-width: 100%;">
<div class="mat-form-field-wrapper ng-tns-c80-9">
<div class="mat-form-field-flex ng-tns-c80-9">
<div class="mat-form-field-outline ng-tns-c80-9 ng-star-inserted">
<div class="mat-form-field-outline-start ng-tns-c80-9" style="width: 5.5px;"></div>
<div class="mat-form-field-outline-gap ng-tns-c80-9" style="width: 38.5px;"></div>
<div class="mat-form-field-outline-end ng-tns-c80-9"></div>
</div>
<div class="mat-form-field-outline mat-form-field-outline-thick ng-tns-c80-9 ng-star-inserted">
<div class="mat-form-field-outline-start ng-tns-c80-9" style="width: 5.5px;"></div>
<div class="mat-form-field-outline-gap ng-tns-c80-9" style="width: 38.5px;"></div>
<div class="mat-form-field-outline-end ng-tns-c80-9"></div>
</div><!----><!----><!---->
<div class="mat-form-field-infix ng-tns-c80-9"><input _ngcontent-ldf-c136="" matinput="" type="number" required="" pattern="\d*"
class="mat-input-element mat-form-field-autofill-control ng-tns-c80-9 ng-untouched ng-pristine ng-valid cdk-text-field-autofill-monitored" id="container_qty_0" name="ContainerQty0" aria-required="true" max="100" min="1"
aria-invalid="false"><span class="mat-form-field-label-wrapper ng-tns-c80-9"><label class="mat-form-field-label ng-tns-c80-9 ng-star-inserted" id="mat-form-field-label-13" for="container_qty_0"
aria-owns="container_qty_0"><!----><mat-label _ngcontent-ldf-c136="" class="ng-tns-c80-9 ng-star-inserted">QTY</mat-label><!----><span aria-hidden="true"
class="mat-placeholder-required mat-form-field-required-marker ng-tns-c80-9 ng-star-inserted"> *</span><!----></label><!----></span></div><!---->
</div><!---->
<div class="mat-form-field-subscript-wrapper ng-tns-c80-9"><!---->
<div class="mat-form-field-hint-wrapper ng-tns-c80-9 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
<div class="mat-form-field-hint-spacer ng-tns-c80-9"></div>
</div><!---->
</div>
</div>
</mat-form-field></div>
<div _ngcontent-ldf-c136="" fxlayoutalign="start center" fxlayout="row" fxflex="52" fxflex.lt-sm="70" fxflex.lt-lg="52" fxflex.lt-md="50" class="p-x-8"
style="flex-direction: row; box-sizing: border-box; display: flex; place-content: center flex-start; align-items: center; flex: 1 1 52%; max-width: 52%;"><mat-form-field _ngcontent-ldf-c136="" appearance="outline" fxflex="100"
class="mat-form-field outline-error-static ng-tns-c80-10 mat-primary mat-form-field-type-mat-select mat-form-field-appearance-outline mat-form-field-can-float mat-form-field-has-label ng-untouched ng-pristine ng-star-inserted mat-form-field-should-float ng-valid"
style="flex: 1 1 100%; box-sizing: border-box; max-width: 100%;">
<div class="mat-form-field-wrapper ng-tns-c80-10">
<div class="mat-form-field-flex ng-tns-c80-10">
<div class="mat-form-field-outline ng-tns-c80-10 ng-star-inserted">
<div class="mat-form-field-outline-start ng-tns-c80-10" style="width: 5.5px;"></div>
<div class="mat-form-field-outline-gap ng-tns-c80-10" style="width: 96.25px;"></div>
<div class="mat-form-field-outline-end ng-tns-c80-10"></div>
</div>
<div class="mat-form-field-outline mat-form-field-outline-thick ng-tns-c80-10 ng-star-inserted">
<div class="mat-form-field-outline-start ng-tns-c80-10" style="width: 5.5px;"></div>
<div class="mat-form-field-outline-gap ng-tns-c80-10" style="width: 96.25px;"></div>
<div class="mat-form-field-outline-end ng-tns-c80-10"></div>
</div><!----><!----><!---->
<div class="mat-form-field-infix ng-tns-c80-10"><mat-select _ngcontent-ldf-c136="" role="combobox" aria-autocomplete="none" aria-haspopup="true" required=""
class="mat-select ng-tns-c84-11 ng-tns-c80-10 mat-select-required ng-untouched ng-pristine ng-star-inserted ng-valid" aria-labelledby="mat-form-field-label-15 mat-select-value-5" id="ContainerType0" tabindex="0"
aria-expanded="false" aria-required="true" aria-disabled="false" aria-invalid="false">
<div cdk-overlay-origin="" class="mat-select-trigger ng-tns-c84-11">
<div class="mat-select-value ng-tns-c84-11" id="mat-select-value-5"><!----><span class="mat-select-value-text ng-tns-c84-11 ng-star-inserted"><span class="mat-select-min-line ng-tns-c84-11 ng-star-inserted">20' STANDARD
CONTAINER</span><!----><!----></span><!----></div>
<div class="mat-select-arrow-wrapper ng-tns-c84-11">
<div class="mat-select-arrow ng-tns-c84-11"></div>
</div>
</div><!---->
</mat-select><span class="mat-form-field-label-wrapper ng-tns-c80-10"><label class="mat-form-field-label ng-tns-c80-10 ng-star-inserted" id="mat-form-field-label-15" for="ContainerType0" aria-owns="ContainerType0"><!----><mat-label
_ngcontent-ldf-c136="" class="ng-tns-c80-10 ng-star-inserted">Container Type</mat-label><!----><span aria-hidden="true" class="mat-placeholder-required mat-form-field-required-marker ng-tns-c80-10 ng-star-inserted">
*</span><!----></label><!----></span></div><!---->
</div><!---->
<div class="mat-form-field-subscript-wrapper ng-tns-c80-10"><!---->
<div class="mat-form-field-hint-wrapper ng-tns-c80-10 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
<div class="mat-form-field-hint-spacer ng-tns-c80-10"></div>
</div><!---->
</div>
</div>
</mat-form-field></div>
<div _ngcontent-ldf-c136="" fxlayoutalign="start center" fxlayout="row" fxflex="33" fxflex.lt-xl="33" fxflex.lt-lg="33" fxflex.lt-md="50" fxflex.lt-sm="100" class="p-x-8"
style="flex-direction: row; box-sizing: border-box; display: flex; place-content: center flex-start; align-items: center; flex: 1 1 33%; max-width: 33%;">
<div _ngcontent-ldf-c136="" fxlayout="row" fxflex="100" class="group-field" style="flex-direction: row; box-sizing: border-box; display: flex; flex: 1 1 100%; max-width: 100%;"><mat-form-field _ngcontent-ldf-c136="" appearance="outline"
fxflex="55" fxflex.lt-md="65"
class="mat-form-field outline-error-static ng-tns-c80-12 mat-primary mat-form-field-type-mat-input mat-form-field-appearance-outline mat-form-field-can-float mat-form-field-has-label ng-untouched ng-pristine ng-valid ng-star-inserted mat-form-field-should-float"
style="flex: 1 1 100%; box-sizing: border-box; max-width: 55%;">
<div class="mat-form-field-wrapper ng-tns-c80-12">
<div class="mat-form-field-flex ng-tns-c80-12">
<div class="mat-form-field-outline ng-tns-c80-12 ng-star-inserted">
<div class="mat-form-field-outline-start ng-tns-c80-12" style="width: 5.5px;"></div>
<div class="mat-form-field-outline-gap ng-tns-c80-12" style="width: 164.5px;"></div>
<div class="mat-form-field-outline-end ng-tns-c80-12"></div>
</div>
<div class="mat-form-field-outline mat-form-field-outline-thick ng-tns-c80-12 ng-star-inserted">
<div class="mat-form-field-outline-start ng-tns-c80-12" style="width: 5.5px;"></div>
<div class="mat-form-field-outline-gap ng-tns-c80-12" style="width: 164.5px;"></div>
<div class="mat-form-field-outline-end ng-tns-c80-12"></div>
</div><!----><!----><!---->
<div class="mat-form-field-infix ng-tns-c80-12"><input _ngcontent-ldf-c136="" matinput="" type="number" required="" pattern="\d*" inputmode="decimal"
class="mat-input-element mat-form-field-autofill-control ng-tns-c80-12 ng-untouched ng-pristine ng-valid cdk-text-field-autofill-monitored" id="grossweight_0" name="GrossWeight0" aria-required="true" min="1"
aria-invalid="false"><span class="mat-form-field-label-wrapper ng-tns-c80-12"><label class="mat-form-field-label ng-tns-c80-12 ng-star-inserted" id="mat-form-field-label-17" for="grossweight_0"
aria-owns="grossweight_0"><!----><mat-label _ngcontent-ldf-c136="" class="ng-tns-c80-12 ng-star-inserted">Gross Weight Per Container</mat-label><!----><span aria-hidden="true"
class="mat-placeholder-required mat-form-field-required-marker ng-tns-c80-12 ng-star-inserted"> *</span><!----></label><!----></span></div><!---->
</div><!---->
<div class="mat-form-field-subscript-wrapper ng-tns-c80-12"><!---->
<div class="mat-form-field-hint-wrapper ng-tns-c80-12 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
<div class="mat-form-field-hint-spacer ng-tns-c80-12"></div>
</div><!---->
</div>
</div>
</mat-form-field><mat-form-field _ngcontent-ldf-c136="" appearance="outline" fxflex="45" fxflex.lt-md="35"
class="mat-form-field outline-error-static ng-tns-c80-13 mat-primary mat-form-field-type-mat-select mat-form-field-appearance-outline mat-form-field-can-float mat-form-field-has-label ng-untouched ng-pristine ng-valid ng-star-inserted mat-form-field-should-float"
style="flex: 1 1 100%; box-sizing: border-box; max-width: 45%;">
<div class="mat-form-field-wrapper ng-tns-c80-13">
<div class="mat-form-field-flex ng-tns-c80-13">
<div class="mat-form-field-outline ng-tns-c80-13 ng-star-inserted">
<div class="mat-form-field-outline-start ng-tns-c80-13" style="width: 5.5px;"></div>
<div class="mat-form-field-outline-gap ng-tns-c80-13" style="width: 86.5px;"></div>
<div class="mat-form-field-outline-end ng-tns-c80-13"></div>
</div>
<div class="mat-form-field-outline mat-form-field-outline-thick ng-tns-c80-13 ng-star-inserted">
<div class="mat-form-field-outline-start ng-tns-c80-13" style="width: 5.5px;"></div>
<div class="mat-form-field-outline-gap ng-tns-c80-13" style="width: 86.5px;"></div>
<div class="mat-form-field-outline-end ng-tns-c80-13"></div>
</div><!----><!----><!---->
<div class="mat-form-field-infix ng-tns-c80-13"><mat-select _ngcontent-ldf-c136="" role="combobox" aria-autocomplete="none" aria-haspopup="true" required=""
class="mat-select ng-tns-c84-14 ng-tns-c80-13 mat-select-required ng-untouched ng-pristine ng-valid ng-star-inserted" aria-labelledby="mat-form-field-label-19 mat-select-value-7" id="UnitType0" tabindex="0" aria-expanded="false"
aria-required="true" aria-disabled="false" aria-invalid="false">
<div cdk-overlay-origin="" class="mat-select-trigger ng-tns-c84-14">
<div class="mat-select-value ng-tns-c84-14" id="mat-select-value-7"><!----><span class="mat-select-value-text ng-tns-c84-14 ng-star-inserted"><span
class="mat-select-min-line ng-tns-c84-14 ng-star-inserted">MT</span><!----><!----></span><!----></div>
<div class="mat-select-arrow-wrapper ng-tns-c84-14">
<div class="mat-select-arrow ng-tns-c84-14"></div>
</div>
</div><!---->
</mat-select><span class="mat-form-field-label-wrapper ng-tns-c80-13"><label class="mat-form-field-label ng-tns-c80-13 ng-star-inserted" id="mat-form-field-label-19" for="UnitType0" aria-owns="UnitType0"><!----><mat-label
_ngcontent-ldf-c136="" class="ng-tns-c80-13 ng-star-inserted">Measure Unit</mat-label><!----><span aria-hidden="true" class="mat-placeholder-required mat-form-field-required-marker ng-tns-c80-13 ng-star-inserted">
*</span><!----></label><!----></span></div><!---->
</div><!---->
<div class="mat-form-field-subscript-wrapper ng-tns-c80-13"><!---->
<div class="mat-form-field-hint-wrapper ng-tns-c80-13 ng-trigger ng-trigger-transitionMessages ng-star-inserted" style="opacity: 1; transform: translateY(0%);"><!---->
<div class="mat-form-field-hint-spacer ng-tns-c80-13"></div>
</div><!---->
</div>
</div>
</mat-form-field></div><!---->
</div>
</div><!----><!---->
</div><!----><!---->
<div _ngcontent-ldf-c136="" fxlayout="column" fxlayoutalign="none" fxhide="" fxshow.lt-sm="" style="flex-direction: column; box-sizing: border-box; display: none; place-content: stretch flex-start; align-items: stretch;">
<div _ngcontent-ldf-c136="" fxlayout="row wrap" dir="rtl" fxlayoutalign=" stretch" fxflex="0 0 auto" class="ng-star-inserted"
style="flex-flow: row wrap; box-sizing: border-box; display: flex; place-content: stretch flex-start; align-items: stretch; flex: 0 0 auto;">
<div _ngcontent-ldf-c136="" class="p-b-8"><button _ngcontent-ldf-c136="" aria-label="add load" type="button" id="add-load-btn" class="addLoad-btn text-uppercase ng-star-inserted"><svg _ngcontent-ldf-c136="" width="130" height="18"
viewBox="0 0 130 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path _ngcontent-ldf-c136=""
d="M8.22136 10.2H4.32136L3.57736 12H1.58536L5.32936 3.6H7.24936L11.0054 12H8.96536L8.22136 10.2ZM7.60936 8.724L6.27736 5.508L4.94536 8.724H7.60936ZM18.2623 3.096V12H16.4743V11.256C16.0103 11.816 15.3383 12.096 14.4583 12.096C13.8503 12.096 13.2983 11.96 12.8023 11.688C12.3143 11.416 11.9303 11.028 11.6503 10.524C11.3703 10.02 11.2303 9.436 11.2303 8.772C11.2303 8.108 11.3703 7.524 11.6503 7.02C11.9303 6.516 12.3143 6.128 12.8023 5.856C13.2983 5.584 13.8503 5.448 14.4583 5.448C15.2823 5.448 15.9263 5.708 16.3903 6.228V3.096H18.2623ZM14.7823 10.56C15.2543 10.56 15.6463 10.4 15.9583 10.08C16.2703 9.752 16.4263 9.316 16.4263 8.772C16.4263 8.228 16.2703 7.796 15.9583 7.476C15.6463 7.148 15.2543 6.984 14.7823 6.984C14.3023 6.984 13.9063 7.148 13.5943 7.476C13.2823 7.796 13.1263 8.228 13.1263 8.772C13.1263 9.316 13.2823 9.752 13.5943 10.08C13.9063 10.4 14.3023 10.56 14.7823 10.56ZM26.5709 3.096V12H24.7829V11.256C24.3189 11.816 23.6469 12.096 22.7669 12.096C22.1589 12.096 21.6069 11.96 21.1109 11.688C20.6229 11.416 20.2389 11.028 19.9589 10.524C19.6789 10.02 19.5389 9.436 19.5389 8.772C19.5389 8.108 19.6789 7.524 19.9589 7.02C20.2389 6.516 20.6229 6.128 21.1109 5.856C21.6069 5.584 22.1589 5.448 22.7669 5.448C23.5909 5.448 24.2349 5.708 24.6989 6.228V3.096H26.5709ZM23.0909 10.56C23.5629 10.56 23.9549 10.4 24.2669 10.08C24.5789 9.752 24.7349 9.316 24.7349 8.772C24.7349 8.228 24.5789 7.796 24.2669 7.476C23.9549 7.148 23.5629 6.984 23.0909 6.984C22.6109 6.984 22.2149 7.148 21.9029 7.476C21.5909 7.796 21.4349 8.228 21.4349 8.772C21.4349 9.316 21.5909 9.752 21.9029 10.08C22.2149 10.4 22.6109 10.56 23.0909 10.56ZM39.4779 12L39.4659 6.96L36.9939 11.112H36.1179L33.6579 7.068V12H31.8339V3.6H33.4419L36.5859 8.82L39.6819 3.6H41.2779L41.3019 12H39.4779ZM46.2348 12.096C45.5548 12.096 44.9428 11.956 44.3988 11.676C43.8628 11.388 43.4428 10.992 43.1388 10.488C42.8348 9.984 42.6828 9.412 42.6828 8.772C42.6828 8.132 42.8348 7.56 43.1388 7.056C43.4428 6.552 43.8628 6.16 44.3988 5.88C44.9428 5.592 45.5548 5.448 46.2348 5.448C46.9148 5.448 47.5228 5.592 48.0588 5.88C48.5948 6.16 49.0148 6.552 49.3188 7.056C49.6228 7.56 49.7748 8.132 49.7748 8.772C49.7748 9.412 49.6228 9.984 49.3188 10.488C49.0148 10.992 48.5948 11.388 48.0588 11.676C47.5228 11.956 46.9148 12.096 46.2348 12.096ZM46.2348 10.56C46.7148 10.56 47.1068 10.4 47.4108 10.08C47.7228 9.752 47.8788 9.316 47.8788 8.772C47.8788 8.228 47.7228 7.796 47.4108 7.476C47.1068 7.148 46.7148 6.984 46.2348 6.984C45.7548 6.984 45.3588 7.148 45.0468 7.476C44.7348 7.796 44.5788 8.228 44.5788 8.772C44.5788 9.316 44.7348 9.752 45.0468 10.08C45.3588 10.4 45.7548 10.56 46.2348 10.56ZM52.8141 6.396C53.0381 6.084 53.3381 5.848 53.7141 5.688C54.0981 5.528 54.5381 5.448 55.0341 5.448V7.176C54.8261 7.16 54.6861 7.152 54.6141 7.152C54.0781 7.152 53.6581 7.304 53.3541 7.608C53.0501 7.904 52.8981 8.352 52.8981 8.952V12H51.0261V5.544H52.8141V6.396ZM62.4126 8.796C62.4126 8.82 62.4006 8.988 62.3766 9.3H57.4926C57.5806 9.7 57.7886 10.016 58.1166 10.248C58.4446 10.48 58.8526 10.596 59.3406 10.596C59.6766 10.596 59.9726 10.548 60.2286 10.452C60.4926 10.348 60.7366 10.188 60.9606 9.972L61.9566 11.052C61.3486 11.748 60.4606 12.096 59.2926 12.096C58.5646 12.096 57.9206 11.956 57.3606 11.676C56.8006 11.388 56.3686 10.992 56.0646 10.488C55.7606 9.984 55.6086 9.412 55.6086 8.772C55.6086 8.14 55.7566 7.572 56.0526 7.068C56.3566 6.556 56.7686 6.16 57.2886 5.88C57.8166 5.592 58.4046 5.448 59.0526 5.448C59.6846 5.448 60.2566 5.584 60.7686 5.856C61.2806 6.128 61.6806 6.52 61.9686 7.032C62.2646 7.536 62.4126 8.124 62.4126 8.796ZM59.0646 6.864C58.6406 6.864 58.2846 6.984 57.9966 7.224C57.7086 7.464 57.5326 7.792 57.4686 8.208H60.6486C60.5846 7.8 60.4086 7.476 60.1206 7.236C59.8326 6.988 59.4806 6.864 59.0646 6.864ZM67.1894 3.6H69.1334V10.416H73.3454V12H67.1894V3.6ZM77.3247 12.096C76.6447 12.096 76.0327 11.956 75.4887 11.676C74.9527 11.388 74.5327 10.992 74.2287 10.488C73.9247 9.984 73.7727 9.412 73.7727 8.772C73.7727 8.132 73.9247 7.56 74.2287 7.056C74.5327 6.552 74.9527 6.16 75.4887 5.88C76.0327 5.592 76.6447 5.448 77.3247 5.448C78.0047 5.448 78.6127 5.592 79.1487 5.88C79.6847 6.16 80.1047 6.552 80.4087 7.056C80.7127 7.56 80.8647 8.132 80.8647 8.772C80.8647 9.412 80.7127 9.984 80.4087 10.488C80.1047 10.992 79.6847 11.388 79.1487 11.676C78.6127 11.956 78.0047 12.096 77.3247 12.096ZM77.3247 10.56C77.8047 10.56 78.1967 10.4 78.5007 10.08C78.8127 9.752 78.9687 9.316 78.9687 8.772C78.9687 8.228 78.8127 7.796 78.5007 7.476C78.1967 7.148 77.8047 6.984 77.3247 6.984C76.8447 6.984 76.4487 7.148 76.1367 7.476C75.8247 7.796 75.6687 8.228 75.6687 8.772C75.6687 9.316 75.8247 9.752 76.1367 10.08C76.4487 10.4 76.8447 10.56 77.3247 10.56ZM84.6145 5.448C85.6145 5.448 86.3825 5.688 86.9185 6.168C87.4545 6.64 87.7225 7.356 87.7225 8.316V12H85.9705V11.196C85.6185 11.796 84.9625 12.096 84.0025 12.096C83.5065 12.096 83.0745 12.012 82.7065 11.844C82.3465 11.676 82.0705 11.444 81.8785 11.148C81.6865 10.852 81.5905 10.516 81.5905 10.14C81.5905 9.54 81.8145 9.068 82.2625 8.724C82.7185 8.38 83.4185 8.208 84.3625 8.208H85.8505C85.8505 7.8 85.7265 7.488 85.4785 7.272C85.2305 7.048 84.8585 6.936 84.3625 6.936C84.0185 6.936 83.6785 6.992 83.3425 7.104C83.0145 7.208 82.7345 7.352 82.5025 7.536L81.8305 6.228C82.1825 5.98 82.6025 5.788 83.0905 5.652C83.5865 5.516 84.0945 5.448 84.6145 5.448ZM84.4705 10.836C84.7905 10.836 85.0745 10.764 85.3225 10.62C85.5705 10.468 85.7465 10.248 85.8505 9.96V9.3H84.5665C83.7985 9.3 83.4145 9.552 83.4145 10.056C83.4145 10.296 83.5065 10.488 83.6905 10.632C83.8825 10.768 84.1425 10.836 84.4705 10.836ZM96.063 3.096V12H94.275V11.256C93.811 11.816 93.139 12.096 92.259 12.096C91.651 12.096 91.099 11.96 90.603 11.688C90.115 11.416 89.731 11.028 89.451 10.524C89.171 10.02 89.031 9.436 89.031 8.772C89.031 8.108 89.171 7.524 89.451 7.02C89.731 6.516 90.115 6.128 90.603 5.856C91.099 5.584 91.651 5.448 92.259 5.448C93.083 5.448 93.727 5.708 94.191 6.228V3.096H96.063ZM92.583 10.56C93.055 10.56 93.447 10.4 93.759 10.08C94.071 9.752 94.227 9.316 94.227 8.772C94.227 8.228 94.071 7.796 93.759 7.476C93.447 7.148 93.055 6.984 92.583 6.984C92.103 6.984 91.707 7.148 91.395 7.476C91.083 7.796 90.927 8.228 90.927 8.772C90.927 9.316 91.083 9.752 91.395 10.08C91.707 10.4 92.103 10.56 92.583 10.56ZM99.9676 12.096C99.4316 12.096 98.9076 12.032 98.3956 11.904C97.8836 11.768 97.4756 11.6 97.1716 11.4L97.7956 10.056C98.0836 10.24 98.4316 10.392 98.8396 10.512C99.2476 10.624 99.6476 10.68 100.04 10.68C100.832 10.68 101.228 10.484 101.228 10.092C101.228 9.908 101.12 9.776 100.904 9.696C100.688 9.616 100.356 9.548 99.9076 9.492C99.3796 9.412 98.9436 9.32 98.5996 9.216C98.2556 9.112 97.9556 8.928 97.6996 8.664C97.4516 8.4 97.3276 8.024 97.3276 7.536C97.3276 7.128 97.4436 6.768 97.6756 6.456C97.9156 6.136 98.2596 5.888 98.7076 5.712C99.1636 5.536 99.6996 5.448 100.316 5.448C100.772 5.448 101.224 5.5 101.672 5.604C102.128 5.7 102.504 5.836 102.8 6.012L102.176 7.344C101.608 7.024 100.988 6.864 100.316 6.864C99.9156 6.864 99.6156 6.92 99.4156 7.032C99.2156 7.144 99.1156 7.288 99.1156 7.464C99.1156 7.664 99.2236 7.804 99.4396 7.884C99.6556 7.964 99.9996 8.04 100.472 8.112C101 8.2 101.432 8.296 101.768 8.4C102.104 8.496 102.396 8.676 102.644 8.94C102.892 9.204 103.016 9.572 103.016 10.044C103.016 10.444 102.896 10.8 102.656 11.112C102.416 11.424 102.064 11.668 101.6 11.844C101.144 12.012 100.6 12.096 99.9676 12.096Z"
fill="#5C9AE6"></path>
<path _ngcontent-ldf-c136="" d="M1.69336 13.2H103.304V13.8H1.69336V13.2Z" fill="#5C9AE6"></path>
<circle _ngcontent-ldf-c136="" cx="121" cy="9" r="9" fill="#5C9AE6"></circle>
<path _ngcontent-ldf-c136="" d="M125.445 9.798H122.313V12.858H119.991V9.798H116.877V7.602H119.991V4.542H122.313V7.602H125.445V9.798Z" fill="white"></path>
</svg></button><!----></div>
</div><!----><!---->
</div>
<div _ngcontent-ldf-c136="" fxlayout="column" fxlayoutalign="none" fxhide="" fxshow.gt-xs="" style="flex-direction: column; box-sizing: border-box; display: flex; place-content: stretch flex-start; align-items: stretch;">
<div _ngcontent-ldf-c136="" fxlayout="row wrap" fxlayoutalign=" stretch" fxflex="0 0 auto" class="ng-star-inserted"
style="flex-flow: row wrap; box-sizing: border-box; display: flex; place-content: stretch flex-start; align-items: stretch; flex: 0 0 auto;">
<div _ngcontent-ldf-c136="" class="p-b-8"><button _ngcontent-ldf-c136="" aria-label="add load" type="button" id="add-load-btn" class="addLoad-btn text-uppercase ng-star-inserted"><svg _ngcontent-ldf-c136="" width="130" height="18"
viewBox="0 0 130 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path _ngcontent-ldf-c136=""
d="M8.22136 10.2H4.32136L3.57736 12H1.58536L5.32936 3.6H7.24936L11.0054 12H8.96536L8.22136 10.2ZM7.60936 8.724L6.27736 5.508L4.94536 8.724H7.60936ZM18.2623 3.096V12H16.4743V11.256C16.0103 11.816 15.3383 12.096 14.4583 12.096C13.8503 12.096 13.2983 11.96 12.8023 11.688C12.3143 11.416 11.9303 11.028 11.6503 10.524C11.3703 10.02 11.2303 9.436 11.2303 8.772C11.2303 8.108 11.3703 7.524 11.6503 7.02C11.9303 6.516 12.3143 6.128 12.8023 5.856C13.2983 5.584 13.8503 5.448 14.4583 5.448C15.2823 5.448 15.9263 5.708 16.3903 6.228V3.096H18.2623ZM14.7823 10.56C15.2543 10.56 15.6463 10.4 15.9583 10.08C16.2703 9.752 16.4263 9.316 16.4263 8.772C16.4263 8.228 16.2703 7.796 15.9583 7.476C15.6463 7.148 15.2543 6.984 14.7823 6.984C14.3023 6.984 13.9063 7.148 13.5943 7.476C13.2823 7.796 13.1263 8.228 13.1263 8.772C13.1263 9.316 13.2823 9.752 13.5943 10.08C13.9063 10.4 14.3023 10.56 14.7823 10.56ZM26.5709 3.096V12H24.7829V11.256C24.3189 11.816 23.6469 12.096 22.7669 12.096C22.1589 12.096 21.6069 11.96 21.1109 11.688C20.6229 11.416 20.2389 11.028 19.9589 10.524C19.6789 10.02 19.5389 9.436 19.5389 8.772C19.5389 8.108 19.6789 7.524 19.9589 7.02C20.2389 6.516 20.6229 6.128 21.1109 5.856C21.6069 5.584 22.1589 5.448 22.7669 5.448C23.5909 5.448 24.2349 5.708 24.6989 6.228V3.096H26.5709ZM23.0909 10.56C23.5629 10.56 23.9549 10.4 24.2669 10.08C24.5789 9.752 24.7349 9.316 24.7349 8.772C24.7349 8.228 24.5789 7.796 24.2669 7.476C23.9549 7.148 23.5629 6.984 23.0909 6.984C22.6109 6.984 22.2149 7.148 21.9029 7.476C21.5909 7.796 21.4349 8.228 21.4349 8.772C21.4349 9.316 21.5909 9.752 21.9029 10.08C22.2149 10.4 22.6109 10.56 23.0909 10.56ZM39.4779 12L39.4659 6.96L36.9939 11.112H36.1179L33.6579 7.068V12H31.8339V3.6H33.4419L36.5859 8.82L39.6819 3.6H41.2779L41.3019 12H39.4779ZM46.2348 12.096C45.5548 12.096 44.9428 11.956 44.3988 11.676C43.8628 11.388 43.4428 10.992 43.1388 10.488C42.8348 9.984 42.6828 9.412 42.6828 8.772C42.6828 8.132 42.8348 7.56 43.1388 7.056C43.4428 6.552 43.8628 6.16 44.3988 5.88C44.9428 5.592 45.5548 5.448 46.2348 5.448C46.9148 5.448 47.5228 5.592 48.0588 5.88C48.5948 6.16 49.0148 6.552 49.3188 7.056C49.6228 7.56 49.7748 8.132 49.7748 8.772C49.7748 9.412 49.6228 9.984 49.3188 10.488C49.0148 10.992 48.5948 11.388 48.0588 11.676C47.5228 11.956 46.9148 12.096 46.2348 12.096ZM46.2348 10.56C46.7148 10.56 47.1068 10.4 47.4108 10.08C47.7228 9.752 47.8788 9.316 47.8788 8.772C47.8788 8.228 47.7228 7.796 47.4108 7.476C47.1068 7.148 46.7148 6.984 46.2348 6.984C45.7548 6.984 45.3588 7.148 45.0468 7.476C44.7348 7.796 44.5788 8.228 44.5788 8.772C44.5788 9.316 44.7348 9.752 45.0468 10.08C45.3588 10.4 45.7548 10.56 46.2348 10.56ZM52.8141 6.396C53.0381 6.084 53.3381 5.848 53.7141 5.688C54.0981 5.528 54.5381 5.448 55.0341 5.448V7.176C54.8261 7.16 54.6861 7.152 54.6141 7.152C54.0781 7.152 53.6581 7.304 53.3541 7.608C53.0501 7.904 52.8981 8.352 52.8981 8.952V12H51.0261V5.544H52.8141V6.396ZM62.4126 8.796C62.4126 8.82 62.4006 8.988 62.3766 9.3H57.4926C57.5806 9.7 57.7886 10.016 58.1166 10.248C58.4446 10.48 58.8526 10.596 59.3406 10.596C59.6766 10.596 59.9726 10.548 60.2286 10.452C60.4926 10.348 60.7366 10.188 60.9606 9.972L61.9566 11.052C61.3486 11.748 60.4606 12.096 59.2926 12.096C58.5646 12.096 57.9206 11.956 57.3606 11.676C56.8006 11.388 56.3686 10.992 56.0646 10.488C55.7606 9.984 55.6086 9.412 55.6086 8.772C55.6086 8.14 55.7566 7.572 56.0526 7.068C56.3566 6.556 56.7686 6.16 57.2886 5.88C57.8166 5.592 58.4046 5.448 59.0526 5.448C59.6846 5.448 60.2566 5.584 60.7686 5.856C61.2806 6.128 61.6806 6.52 61.9686 7.032C62.2646 7.536 62.4126 8.124 62.4126 8.796ZM59.0646 6.864C58.6406 6.864 58.2846 6.984 57.9966 7.224C57.7086 7.464 57.5326 7.792 57.4686 8.208H60.6486C60.5846 7.8 60.4086 7.476 60.1206 7.236C59.8326 6.988 59.4806 6.864 59.0646 6.864ZM67.1894 3.6H69.1334V10.416H73.3454V12H67.1894V3.6ZM77.3247 12.096C76.6447 12.096 76.0327 11.956 75.4887 11.676C74.9527 11.388 74.5327 10.992 74.2287 10.488C73.9247 9.984 73.7727 9.412 73.7727 8.772C73.7727 8.132 73.9247 7.56 74.2287 7.056C74.5327 6.552 74.9527 6.16 75.4887 5.88C76.0327 5.592 76.6447 5.448 77.3247 5.448C78.0047 5.448 78.6127 5.592 79.1487 5.88C79.6847 6.16 80.1047 6.552 80.4087 7.056C80.7127 7.56 80.8647 8.132 80.8647 8.772C80.8647 9.412 80.7127 9.984 80.4087 10.488C80.1047 10.992 79.6847 11.388 79.1487 11.676C78.6127 11.956 78.0047 12.096 77.3247 12.096ZM77.3247 10.56C77.8047 10.56 78.1967 10.4 78.5007 10.08C78.8127 9.752 78.9687 9.316 78.9687 8.772C78.9687 8.228 78.8127 7.796 78.5007 7.476C78.1967 7.148 77.8047 6.984 77.3247 6.984C76.8447 6.984 76.4487 7.148 76.1367 7.476C75.8247 7.796 75.6687 8.228 75.6687 8.772C75.6687 9.316 75.8247 9.752 76.1367 10.08C76.4487 10.4 76.8447 10.56 77.3247 10.56ZM84.6145 5.448C85.6145 5.448 86.3825 5.688 86.9185 6.168C87.4545 6.64 87.7225 7.356 87.7225 8.316V12H85.9705V11.196C85.6185 11.796 84.9625 12.096 84.0025 12.096C83.5065 12.096 83.0745 12.012 82.7065 11.844C82.3465 11.676 82.0705 11.444 81.8785 11.148C81.6865 10.852 81.5905 10.516 81.5905 10.14C81.5905 9.54 81.8145 9.068 82.2625 8.724C82.7185 8.38 83.4185 8.208 84.3625 8.208H85.8505C85.8505 7.8 85.7265 7.488 85.4785 7.272C85.2305 7.048 84.8585 6.936 84.3625 6.936C84.0185 6.936 83.6785 6.992 83.3425 7.104C83.0145 7.208 82.7345 7.352 82.5025 7.536L81.8305 6.228C82.1825 5.98 82.6025 5.788 83.0905 5.652C83.5865 5.516 84.0945 5.448 84.6145 5.448ZM84.4705 10.836C84.7905 10.836 85.0745 10.764 85.3225 10.62C85.5705 10.468 85.7465 10.248 85.8505 9.96V9.3H84.5665C83.7985 9.3 83.4145 9.552 83.4145 10.056C83.4145 10.296 83.5065 10.488 83.6905 10.632C83.8825 10.768 84.1425 10.836 84.4705 10.836ZM96.063 3.096V12H94.275V11.256C93.811 11.816 93.139 12.096 92.259 12.096C91.651 12.096 91.099 11.96 90.603 11.688C90.115 11.416 89.731 11.028 89.451 10.524C89.171 10.02 89.031 9.436 89.031 8.772C89.031 8.108 89.171 7.524 89.451 7.02C89.731 6.516 90.115 6.128 90.603 5.856C91.099 5.584 91.651 5.448 92.259 5.448C93.083 5.448 93.727 5.708 94.191 6.228V3.096H96.063ZM92.583 10.56C93.055 10.56 93.447 10.4 93.759 10.08C94.071 9.752 94.227 9.316 94.227 8.772C94.227 8.228 94.071 7.796 93.759 7.476C93.447 7.148 93.055 6.984 92.583 6.984C92.103 6.984 91.707 7.148 91.395 7.476C91.083 7.796 90.927 8.228 90.927 8.772C90.927 9.316 91.083 9.752 91.395 10.08C91.707 10.4 92.103 10.56 92.583 10.56ZM99.9676 12.096C99.4316 12.096 98.9076 12.032 98.3956 11.904C97.8836 11.768 97.4756 11.6 97.1716 11.4L97.7956 10.056C98.0836 10.24 98.4316 10.392 98.8396 10.512C99.2476 10.624 99.6476 10.68 100.04 10.68C100.832 10.68 101.228 10.484 101.228 10.092C101.228 9.908 101.12 9.776 100.904 9.696C100.688 9.616 100.356 9.548 99.9076 9.492C99.3796 9.412 98.9436 9.32 98.5996 9.216C98.2556 9.112 97.9556 8.928 97.6996 8.664C97.4516 8.4 97.3276 8.024 97.3276 7.536C97.3276 7.128 97.4436 6.768 97.6756 6.456C97.9156 6.136 98.2596 5.888 98.7076 5.712C99.1636 5.536 99.6996 5.448 100.316 5.448C100.772 5.448 101.224 5.5 101.672 5.604C102.128 5.7 102.504 5.836 102.8 6.012L102.176 7.344C101.608 7.024 100.988 6.864 100.316 6.864C99.9156 6.864 99.6156 6.92 99.4156 7.032C99.2156 7.144 99.1156 7.288 99.1156 7.464C99.1156 7.664 99.2236 7.804 99.4396 7.884C99.6556 7.964 99.9996 8.04 100.472 8.112C101 8.2 101.432 8.296 101.768 8.4C102.104 8.496 102.396 8.676 102.644 8.94C102.892 9.204 103.016 9.572 103.016 10.044C103.016 10.444 102.896 10.8 102.656 11.112C102.416 11.424 102.064 11.668 101.6 11.844C101.144 12.012 100.6 12.096 99.9676 12.096Z"
fill="#5C9AE6"></path>
<path _ngcontent-ldf-c136="" d="M1.69336 13.2H103.304V13.8H1.69336V13.2Z" fill="#5C9AE6"></path>
<circle _ngcontent-ldf-c136="" cx="121" cy="9" r="9" fill="#5C9AE6"></circle>
<path _ngcontent-ldf-c136="" d="M125.445 9.798H122.313V12.858H119.991V9.798H116.877V7.602H119.991V4.542H122.313V7.602H125.445V9.798Z" fill="white"></path>
</svg></button><!----></div>
</div><!----><!---->
</div>
</div><!----><!----><!----><!---->
<div _ngcontent-ldf-c136="" fxlayout="column" class="cargo-hazardous ng-star-inserted" style="flex-direction: column; box-sizing: border-box; display: flex;">
<div _ngcontent-ldf-c136="" fxlayout="row wrap" fxlayoutalign=" stretch" fxflex="0 0 auto" style="flex-flow: row wrap; box-sizing: border-box; display: flex; place-content: stretch flex-start; align-items: stretch; flex: 0 0 auto;">
<div _ngcontent-ldf-c136="" fxlayoutalign="start center" fxlayout="row" fxflex="50" class="p-x-8 p-b-12 p-t-8"
style="flex-direction: row; box-sizing: border-box; display: flex; place-content: center flex-start; align-items: center; flex: 1 1 50%; max-width: 50%;"><mat-checkbox _ngcontent-ldf-c136="" color="primary" name="IsHazardous"
id="cargo-hazardous" class="mat-checkbox mat-primary ng-untouched ng-pristine ng-valid"><label class="mat-checkbox-layout" for="cargo-hazardous-input"><span class="mat-checkbox-inner-container"><input type="checkbox"
class="mat-checkbox-input cdk-visually-hidden" id="cargo-hazardous-input" tabindex="0" name="IsHazardous" aria-checked="false"><span matripple="" class="mat-ripple mat-checkbox-ripple mat-focus-indicator"><span
class="mat-ripple-element mat-checkbox-persistent-ripple"></span></span><span class="mat-checkbox-frame"></span><span class="mat-checkbox-background"><svg version="1.1" focusable="false" viewBox="0 0 24 24" aria-hidden="true"
class="mat-checkbox-checkmark">
<path fill="none" stroke="white" d="M4.1,12.7 9,17.6 20.3,6.3" class="mat-checkbox-checkmark-path"></path>
</svg><span class="mat-checkbox-mixedmark"></span></span></span><span class="mat-checkbox-label"><span style="display: none;"> </span>This cargo is hazardous </span></label></mat-checkbox></div><!---->
</div><!---->
</div><!---->
<div _ngcontent-ldf-c136="" fxlayout="column" class="submit-btn action-btn p-x-8 m-t-24" style="flex-direction: column; box-sizing: border-box; display: flex;"><button _ngcontent-ldf-c136="" mat-flat-button="" type="submit" id="search-and-book-btn"
class="mat-focus-indicator text-uppercase mat-flat-button mat-button-base" title="Search"><span class="mat-button-wrapper"> Search </span><span matripple="" class="mat-ripple mat-button-ripple"></span><span
class="mat-button-focus-overlay"></span></button></div>
</form>Text Content
menu close * About * Solutions * Financial Services * Logistics & Freight Forwarding * Ports & Terminals * Supply Chain * Careers * Contact Us * Languages * English * Spanish Didn’t find what you were looking for? Tell us more... * Did not find Freight rates * Did not like the rates offered * Looking to track my cargo * Looking for Trade Finance solution It’s something else ‹ › Where Are You Shipping? International Freight Domestic Freight How Are You Shipping? Containers Boxes, Crates and Pallets Clear Form Shipment details Port From * Origin * Port To * Destination * Cargo Ready Date Preferred Sailing Date Cargo Ready Date * Commodity * cancel Cargo Details QTY * 20' STANDARD CONTAINER Container Type * Gross Weight Per Container * MT Measure Unit * This cargo is hazardous Search TRANSPARENT | INSTANT SUPPORT CARGOES DNA We offer a wide range of logistics solutions FINANCIAL SERVICES Providing access to financing for receivables and payables. Visit LOGISTICS & FREIGHT FORWARDING Providing digital solutions to streamline import, export, and logistics business. Visit PORTS & TERMINALS Ports & Terminals solutions developed by experts, and backed by the leading enabler of trade, DP World. Visit SUPPLY CHAIN Specialized solutions developed by supply chain experts to cater your business needs. Visit WHAT IS CARGOES "A SUITE OF ENTERPRISE SERVICES AND PRODUCTS FOR THE WORLD OF LOGISTICS & TRADE" In a continuously moving world with a growing population, the need for smarter trade is more important than ever before. DP World created our digital service CARGOES based on over 40 years of experience in logistics to solve challenges in the supply chain that create inefficiency and slow down trade. CARGOES provides solutions that support shippers with tracking to ports around the world. It also helps nations manage their operations or regulatory logistics needs. If there is an issue you need to solve, we're ready to hear from you. Together, we can make trade better. CARGOES VISION “CARGOES by DP World pursues the never-ending goal to be the go-to solution(s) that any facet of logistics or trade can approach to solve their business challenges” CARGOES MISSION “CARGOES by DP World is a business focused on logistics services and products to enable and forever enhance our passion of end-to-end logistics and trade” A Suite of Enterprise Services & Products for the World of Logistics & Trade * Financial Services * Logistics & Freight Forwarding * Ports & Terminals * Supply Chain * About CARGOES * Terms and Conditions * Privacy Policy * Contact Us * Careers Follow Us * LinkedIn * Twitter ©2021 CARGOES. All rights reserved We do not support Internet Explorer. Please enable JavaScript to continue using this application.