https://www.swireshipping.com/chunk-3OKCSRVW.js

1import{a as bi}from"./chunk-6XI7S3RA.js";import{a as pi,b as di,c as gi,d as ui}from"./chunk-BG6CD4SA.js";import{a as hi}from"./chunk-ON7XLR5F.js";import"./chunk-PNRMKZ7W.js";import{a as Si}from"./chunk-C67AUVSY.js";import"./chunk-YFIAQJPQ.js";import"./chunk-Q3PGPMKT.js";import"./chunk-5HZ4DDAG.js";import{a as _e}from"./chunk-HFQYYP2V.js";import{c as mi}from"./chunk-63OSP2KY.js";import"./chunk-ZUV34RNC.js";import{a as De}from"./chunk-EVG37SC7.js";import"./chunk-XHHLQH5V.js";import"./chunk-PYW5U7JV.js";import{a as vi}from"./chunk-6IURREX2.js";import"./chunk-HBWNTNSU.js";import{a as ke}from"./chunk-7YBCKT3N.js";import{a as wi}from"./chunk-LOECGUW2.js";import{a as xi}from"./chunk-PY35REFF.js";import{a as fi}from"./chunk-W43W277V.js";import{a as ye}from"./chunk-PHSUILHB.js";import"./chunk-GEJVJ6FM.js";import{b as ci}from"./chunk-UEA4PA7T.js";import"./chunk-LOQ2AHV4.js";import"./chunk-OYJUX4JA.js";import{a as Ce}from"./chunk-XTZ52YXP.js";import{d as F,g as X}from"./chunk-V5NVW3RX.js";import{a as J}from"./chunk-PLYFBI5N.js";import{a as we,c as be}from"./chunk-OXS72IC2.js";import"./chunk-OJ3TPV6K.js";import{b as Je,d as re}from"./chunk-TWCCQXBO.js";import{a as Ze}from"./chunk-WX4CQOYH.js";import"./chunk-VJFTX4QI.js";import{b as ve,f as $e,g as Z}from"./chunk-JS7PJXRN.js";import{Ba as M,F as si,I as li,Q as Se,V as oi,a as Pe,d as Xe,e as ei,i as ii,k as ti,m as ai,p as ni,v as ri,x as ee,y as ie}from"./chunk-H5QLA7CR.js";import{b as K}from"./chunk-PUEGCG5U.js";import{$ as q,A as H,Ac as ue,Bb as I,Bc as R,Ea as ge,Eb as qe,Fa as P,Fb as Ue,Gb as Ge,Ia as a,Ib as g,Jb as v,Kb as f,Lb as ne,Ma as m,Mc as Q,Ob as Qe,Qa as V,Va as S,Yb as he,Zb as G,_a as Ne,_b as Ke,a as te,ab as l,b as ae,cc as o,dc as d,ec as O,fa as k,g as Me,ga as C,gd as fe,h as ce,ha as de,ia as Re,ma as U,nb as n,nd as W,ob as s,pa as Fe,pb as c,pd as xe,qb as z,qd as L,rb as E,rd as We,sd as $,tb as T,wb as x,xb as u,yb as Ye,yc as me,zb as He}from"./chunk-B55Z224L.js";var oe=Me(Pe());var N=Me(Pe());var Te=class r{arSearchParams;constructor(){}ngOnInit(){}static \u0275fac=function(i){return new(i||r)};static \u0275cmp=V({type:r,selectors:[["app-search-readview"]],inputs:{arSearchParams:"arSearchParams"},decls:56,vars:36,consts:[[1,"search-result-container","bg-Text-10","Shadow-M"],[1,"search-two-column"],[1,"left-section"],[1,"port-detail"],[1,"origin-port"],[1,"origin"],[1,"origin-text"],[1,"port","paragraph-bold-13","Primary-80"],[1,"country","paragraph-semibold-18","Text-90"],[1,"origin-icon"],[1,"main-width"],[1,"swi-icon","icon-ship-1","Accent-80","icon-size-20"],[1,"origin-port","destination-port"],[1,"origin","d-flex"],[1,"left-section","right-section"],[1,"country","desktop-view","paragraph-semibold-18","Text-90"],[1,"country","mobile-view","paragraph-semibold-18","Text-90"],[1,"swi-icon","icon-ticket","Accent-80","icon-size-20"],[1,"paragraph-regular-12","Text-90"]],template:function(i,e){i&1&&(n(0,"div",0)(1,"div",1)(2,"div",2)(3,"ul",3)(4,"li",4)(5,"div",5)(6,"div",6)(7,"p",7),g(8),o(9,"translate"),s(),n(10,"p",8),g(11),s()(),n(12,"div",9)(13,"div",10),c(14,"span",11),s()()()(),n(15,"li",12)(16,"div",13)(17,"div",6)(18,"p",7),g(19),o(20,"translate"),s(),n(21,"p",8),g(22),s()()()()()(),n(23,"div",14)(24,"ul",3)(25,"li",4)(26,"div",5)(27,"div",6)(28,"p",7),g(29),o(30,"translate"),s(),n(31,"p",15),g(32),o(33,"momentDateFormat"),s(),n(34,"p",16),g(35),o(36,"momentDateFormat"),s()(),n(37,"div",9)(38,"div",10),c(39,"span",17),s()()()(),n(40,"li",12)(41,"div",13)(42,"div",6)(43,"p",7),g(44),o(45,"translate"),s(),n(46,"p",15),g(47),o(48,"momentDateFormat"),s(),n(49,"p",16),g(50),o(51,"momentDateFormat"),s()()()()()()(),n(52,"p",18),g(53),o(54,"translate"),o(55,"translate"),s()()),i&2&&(a(8),v(d(9,12,"Origin")),a(3),v(e.arSearchParams==null?null:e.arSearchParams.szOriginName),a(8),v(d(20,14,"Destination")),a(3),v(e.arSearchParams==null?null:e.arSearchParams.szDestinationName),a(7),v(d(30,16,"Departs From")),a(3),f(" ",O(33,18,e.arSearchParams==null?null:e.arSearchParams.dtStartDate,"D MMMM Y"),""),a(3),f(" ",O(36,21,e.arSearchParams==null?null:e.arSearchParams.dtStartDate,"D MMM Y"),""),a(9),v(d(45,24,"Arrives before")),a(3),f(" ",O(48,26,e.arSearchParams==null?null:e.arSearchParams.dtEndDate,"D MMMM Y"),""),a(3),f(" ",O(51,29,e.arSearchParams==null?null:e.arSearchParams.dtEndDate,"D MMM Y"),""),a(3),ne("",d(54,32,"Search results for")," 8 ",d(55,34,"weeks schedule from the selected departure date"),""))},dependencies:[M,L,ke,ee,ie,Q],encapsulation:2})};function Vi(r,t){if(r&1){let i=T();n(0,"a",9),x("click",function(){k(i);let p=u(2);return C(p.editCancelSailling())}),c(1,"span",10),g(2),o(3,"translate"),s()}r&2&&(a(2),f(" ",d(3,1,"Edit"),""))}function Li(r,t){if(r&1){let i=T();n(0,"a",11),x("click",function(){k(i);let p=u(2);return C(p.editCancelSailling())}),g(1),o(2,"translate"),s()}r&2&&(a(),f(" ",d(2,1,"Cancel"),""))}function Mi(r,t){if(r&1&&(n(0,"div",3)(1,"p",4),de(),n(2,"svg",5),c(3,"path",6),s(),g(4),o(5,"translate"),S(6,Vi,4,3,"a",7)(7,Li,3,3,"a",8),s()()),r&2){let i=u();a(4),f(" ",d(5,3,"Search Results")," "),a(2),l("ngIf",!i._bookingV2Service.isSaillingEditView),a(),l("ngIf",i._bookingV2Service.isSaillingEditView)}}function Pi(r,t){if(r&1&&c(0,"app-search-readview",12),r&2){let i=u();l("arSearchParams",i.arSearchParams)}}function Ai(r,t){if(r&1){let i=T();n(0,"app-search-editview",13),x("searchCallBack",function(p){k(i);let h=u();return C(h.searchCallBackFun(p))}),s()}if(r&2){let i=u();l("arSearchParams",i.arSearchParams)}}

1var Be=class r{constructor(t){this._bookingV2Service=t}_bookingV2Service;_platformService=q(W);arSearchParams;isEditModule;searchCallBack=new Fe;ngOnInit(){}searchCallBackFun(t){this.searchCallBack.emit(t)}editCancelSailling(){this._bookingV2Service.updateSaillingView(!this._bookingV2Service.isSaillingEditView)}static \u0275fac=function(i){return new(i||r)(m(F))};static \u0275cmp=V({type:r,selectors:[["app-sailling-search"]],inputs:{arSearchParams:"arSearchParams",isEditModule:"isEditModule"},outputs:{searchCallBack:"searchCallBack"},decls:3,vars:3,consts:[["class","search-result ",4,"ngIf"],[3,"arSearchParams",4,"ngIf"],[3,"arSearchParams","searchCallBack",4,"ngIf"],[1,"search-result"],[1,"paragraph-bold-16","Text-100","bg-grey-40"],["width","19","height","22","viewBox","0 0 19 22","fill","none","xmlns","http://www.w3.org/2000/svg"],["d","M12.0546 10.7792C12.6117 9.94667 12.8391 8.93664 12.6926 7.94566C12.5461 6.95469 12.0362 6.05366 11.262 5.4179C10.4879 4.78214 9.5049 4.45713 8.50436 4.50612C7.50381 4.5551 6.55728 4.97458 5.84894 5.68292C5.1406 6.39126 4.72112 7.3378 4.67213 8.33834C4.62315 9.33889 4.94815 10.3219 5.58391 11.096C6.21967 11.8702 7.1207 12.3801 8.11168 12.5266C9.10265 12.6731 10.1127 12.4456 10.9452 11.8886L13.6276 14.5698L13.7002 14.6326L13.7088 14.6391C13.868 14.7546 14.0648 14.8061 14.2601 14.7833C14.4554 14.7605 14.6351 14.6652 14.7635 14.5163C14.8918 14.3673 14.9596 14.1756 14.9533 13.979C14.9469 13.7825 14.867 13.5955 14.7293 13.4551L12.0535 10.7792H12.0546ZM8.70165 6.06889C9.35573 6.06889 9.98302 6.32872 10.4455 6.79122C10.908 7.25373 11.1679 7.88102 11.1679 8.53509C11.1679 9.18917 10.908 9.81646 10.4455 10.279C9.98302 10.7415 9.35573 11.0013 8.70165 11.0013C8.04757 11.0013 7.42028 10.7415 6.95778 10.279C6.49527 9.81646 6.23544 9.18917 6.23544 8.53509C6.23544 7.88102 6.49527 7.25373 6.95778 6.79122C7.42028 6.32872 8.04757 6.06889 8.70165 6.06889ZM3.04232 0.167969C2.32402 0.167969 1.63515 0.45331 1.12724 0.961221C0.619326 1.46913 0.333984 2.15801 0.333984 2.8763V19.1263C0.333984 19.8446 0.619326 20.5335 1.12724 21.0414C1.63515 21.5493 2.32402 21.8346 3.04232 21.8346H17.3965C17.612 21.8346 17.8186 21.749 17.971 21.5967C18.1234 21.4443 18.209 21.2376 18.209 21.0221C18.209 20.8066 18.1234 20.6 17.971 20.4476C17.8186 20.2952 17.612 20.2096 17.3965 20.2096H3.04232C2.755 20.2096 2.47945 20.0955 2.27629 19.8923C2.07312 19.6892 1.95898 19.4136 1.95898 19.1263H17.3965C17.612 19.1263 17.8186 19.0407 17.971 18.8883C18.1234 18.736 18.209 18.5293 18.209 18.3138V2.8763C18.209 2.52064 18.1389 2.16846 18.0028 1.83987C17.8667 1.51128 17.6672 1.21271 17.4157 0.961221C17.1642 0.709729 16.8657 0.510235 16.5371 0.374128C16.2085 0.238022 15.8563 0.167969 15.5007 0.167969H3.04232ZM16.584 17.5013H1.95898V2.8763C1.95898 2.58898 2.07312 2.31343 2.27629 2.11027C2.47945 1.90711 2.755 1.79297 3.04232 1.79297H15.5007C15.788 1.79297 16.0635 1.90711 16.2667 2.11027C16.4698 2.31343 16.584 2.58898 16.584 2.8763V17.5013Z","fill","#1E4F98"],["href","javascript:void(0);","class","edit swi-button-special-expand-greyblue",3,"click",4,"ngIf"],["href","javascript:void(0);","class","edit",3,"click",4,"ngIf"],["href","javascript:void(0);",1,"edit","swi-button-special-expand-greyblue",3,"click"],[1,"swi-icon","icon-edit","paragraph-regular-16"],["href","javascript:void(0);",1,"edit",3,"click"],[3,"arSearchParams"],[3,"searchCallBack","arSearchParams"]],template:function(i,e){i&1&&S(0,Mi,8,5,"div",0)(1,Pi,1,1,"app-search-readview",1)(2,Ai,1,1,"app-search-editview",2),i&2&&(l("ngIf",!e.isEditModule),a(),l("ngIf",e._platformService.isBrowser()&&!e._bookingV2Service.isSaillingEditView&&!e.isEditModule),a(),l("ngIf",e._platformService.isBrowser()&&(e._bookingV2Service.isSaillingEditView||e.isEditModule)))},dependencies:[M,R,L,ee,ie,Q,mi,Te,We],encapsulation:2})};var A=Me(Pe());var qi=r=>({expand:r}),Ui=(r,t)=>({"swi-button-green-medium-default-regular":r,"swi-button-greyblue-medium-default-regular":t});function Gi(r,t){if(r&1&&(n(0,"span",26),g(1),o(2,"translate"),s()),r&2){let i=u();a(),ne("",d(2,2,"Receipt:")," ",i.szOriginreceiptData,"")}}function Qi(r,t){if(r&1&&(n(0,"span",26),g(1),o(2,"translate"),s()),r&2){let i=u();a(),ne("",d(2,2,"Delivery:")," ",i.szDescriptionreceiptData,"")}}function Ki(r,t){r&1&&(n(0,"div",27)(1,"span",28),c(2,"span",29)(3,"span",30)(4,"span",31)(5,"span",32),s(),n(6,"div",33)(7,"span"),g(8),o(9,"translate"),s()()()),r&2&&(a(8),f(" ",d(9,1,"Carbon emissions calculation may be available for this sailing")," "))}function Wi(r,t){if(r&1&&(n(0,"li")(1,"span",15),g(2),o(3,"translate"),s(),c(4,"span",34),s()),r&2){let i=u();a(2),v(d(3,2,"Transit At")),a(2),l("innerHtml",i.objSchedule.szTransitAt,ge)}}function $i(r,t){if(r&1&&(z(0),n(1,"p",37),g(2),o(3,"translate"),s(),n(4,"h4",38)(5,"span",39),g(6),s(),g(7),n(8,"span",40)(9,"span",41),c(10,"span",42),n(11,"p",33)(12,"span"),g(13),o(14,"translate"),s()()()()(),n(15,"p",22),g(16),o(17,"translate"),s(),E()),r&2){let i=u(2);a(2),v(d(3,5,"Instant price available from")),a(4),v(i.objSchedule.szCurrency),a(),f(" ",i.objSchedule.fTotalPrice," "),a(6),v(d(14,7,"Prices are indicative for dry container. You can select another type of container when you select \u2019Get a Quote\u2019 or \u2019Book this shipment\u2019. Price

1s are inclusive of surcharges")),a(3),v(d(17,9,"Pricing based on 20ft dry container"))}}function Zi(r,t){r&1&&(z(0),n(1,"p",39),g(2),o(3,"translate"),s(),n(4,"p",43),g(5),o(6,"translate"),s(),E()),r&2&&(a(2),v(d(3,2,"Rates available on request")),a(3),v(d(6,4,"Get a quote or book this shipment")))}function Ji(r,t){if(r&1&&(z(0),S(1,$i,18,11,"ng-container",17)(2,Zi,7,6,"ng-container",17),n(3,"a",35),c(4,"span",36),s(),E()),r&2){let i=u();a(),l("ngIf",i.objSchedule==null?null:i.objSchedule.fTotalPrice),a(),l("ngIf",!(i.objSchedule!=null&&i.objSchedule.fTotalPrice)),a(),I("name","price",i.indexSchedule,"")}}function Xi(r,t){if(r&1){let i=T();z(0),n(1,"p",39),g(2),o(3,"translate"),s(),n(4,"div")(5,"button",44),x("click",function(){k(i);let p=u();return C(p.selectSchedule())}),de(),n(6,"svg",45),c(7,"path",46),s(),Re(),n(8,"span",47),g(9),o(10,"translate"),s(),n(11,"span",48),g(12),o(13,"translate"),s()()(),E()}if(r&2){let i=u();a(2),v(d(3,4,"Price recalculation is required")),a(3),l("ngClass",Ke(10,Ui,i.isSelected(i.objSchedule),!i.isSelected(i.objSchedule))),a(4),v(d(10,6,"Select this sailing")),a(3),v(d(13,8,"Sailing selected"))}}function et(r,t){if(r&1){let i=T();n(0,"app-full-schedule",49),x("closeFullSchedule",function(p){k(i);let h=u();return C(h.clickFullScheduleClose(p))}),s()}if(r&2){let i=u();l("arSelectedSchedule",i.objSchedule)}}var se=class se{constructor(t,i,e,p,h,b,_,y,D,w,j,pe){this._router=t;this._quoteV2Service=i;this._storageService=e;this._commonService=p;this._pageTrackingService=h;this.injector=b;this._auth=_;this._userAuthService=y;this._modal=D;this._activityLogService=w;this._navigatService=j;this._environmentService=pe;this._bookingV2Service=this.injector.get(F)}_router;_quoteV2Service;_storageService;_commonService;_pageTrackingService;injector;_auth;_userAuthService;_modal;_activityLogService;_navigatService;_environmentService;objSchedule={};isEditModule=!1;indexSchedule=0;isExpand=!1;isFullScheduleOpen=!1;szOriginreceiptData="";szDescriptionreceiptData="";isShowSailGreenerLogo=!0;szOriginCountryName=[];countryList=[];formFieldsOptions={};szDestinationCountryName;_bookingV2Service;authData;selectedScheduleData;ngOnInit(){this.szOriginreceiptData=this.objSchedule.szFromReplaceLocation,this.szOriginreceiptData=this.szOriginreceiptData.replace(/<br\s*\/?>/gi," "),this.szDescriptionreceiptData=this.objSchedule.szToReplaceLocation,this.szDescriptionreceiptData=this.szDescriptionreceiptData.replace(/<br\s*\/?>/gi," "),this.selectedScheduleData=this._bookingV2Service.getSelectedScheduleData(),this.authData=this._userAuthService.getAuthUserData(),this.handleSailGreenerLogo()}handleSailGreenerLogo(){let t=this.objSchedule.arPortPair;t.length>0&&t.forEach(i=>{i.arPortPairGroup.length>0&&i.arPortPairGroup.forEach(p=>{p.szServiceCode=="F"&&(this.isShowSailGreenerLogo=!1)})})}clickExpandCollapse(t){this.isExpand=!t;let i="service_expand";t&&(i="service_collapse"),this.addActivityLogSel(i)}clickFullScheduleOpen(t){let i=this.objSchedule,e={szOrigin:i.szOriginName,szDestination:i.szDestinationName,szLiveScheduleDepartureTime:(0,A.default)(this.objSchedule.dtEstimatedDeparture,"DD MMM YYYY").format("YYYY-MM-DD"),szLiveScheduleArrivalTime:(0,A.default)(this.objSchedule.dtEstimatedArrival,"DD MMM YYYY").format("YYYY-MM-DD"),szLiveScheduleLength:8};this.activityLog("liveschedulefullschedule",e),this.isFullScheduleOpen=t}clickFullScheduleClose(t){this.isFullScheduleOpen=t}initializeNewBooking(t){this._commonService.isConfirm.set(!1);let i=t,e={szOrigin:i.szOriginName,szDestination:i.szDestinationName,szLiveScheduleDepartureTime:(0,A.default)(this.objSchedule.dtEstimatedDeparture,"DD MMM YYYY").format("YYYY-MM-DD"),szLiveScheduleArrivalTime:(0,A.default)(this.objSchedule.dtEstimatedArrival,"DD MMM YYYY").format("YYYY-MM-DD"),szLiveScheduleLength:8};this.activityLog("liveschedulebooking",e),this.activityLog("liveschedulebookingfunnel",e),this._storageService.putDataInStorage("instantPrice",t.fTotalPrice),this._bookingV2Service.initNewBooking(),this._bookingV2Service.updateSelectedScheduleDetails(this.objSchedule),this.updateOriginDestination(),this.openDoYouHaveRatePopup()}initializeNewQuote(t){this._commonService.isConfirm.set(!1),this._quoteV2Service.initNewQuoteRequest();let i=t,e={szOrigin:i.searchOrigin,szDestination:i.searchDestination,szLiveScheduleDepartureTime:(0,A.default)(this.objSchedule.dtEstimatedDeparture,"DD MMM YYYY").format("YYYY-MM-DD"),szLiveScheduleArrivalTime:(0,A.default)(this.objSchedule.dtEstimatedArrival,"DD MMM YYYY").format("YYYY-MM-DD"),szLiveScheduleLength:8};if(this.szDescriptionreceiptData!=""&&this.szDescriptionreceiptData!=null&&(e.szDestination=this.objSchedule.szToReplaceLocation),this.activityLog("liveschedulenewquote",e),t.isUWLBooking==1)this._commonService.goToCmsLink(this._environmentService.env.SWIRE_UWL_QUOTE_LINK);else{this._quoteV2Service.updateSelectedScheduleDetails(this.objSchedule);let p=this._quoteV2Service.getQuoteData(),h=p.arQuoteRequestDetails[0];Object.assign(h,this.objSchedule),h.szOrigin=e?.szOrigin,h.szDestination=e?.szDestination,h.szDestinationPortCode=this.objSchedule.szDestinationCode,h.szOriginPortCode=this.objSchedule.szOriginCode,h.szOriginPOLTerminalName=this.objSchedule.szOriginPOLTerminalName,h.szDestinationPODTerminalName=this.objSchedule.szDestinationPODTerminalName,this.formFieldsOptions=this._quoteV2Service.getDataFromStorage("formFieldsOptions"),this.countryList=this.formFieldsOptions.Country,this.szOriginCountryName=this.countryList?.find(b=>b.szCountryCode==this.objSchedule.szOriginCountryCode),this.szDestinationCountryName=this.countryList?.find(b=>b.szCountryCode==this.objSchedule.szDestinationCountryCode),h.szOriginCountryName=this.szOriginCountryName.szCountryName,h.szDestinationCountryName=this.szDestinationCountryName.szCountryName,this.szOriginreceiptData&&(h.szOrigin=this.szOriginreceiptData),this.szDescriptionreceiptData&&(h.szDestination=this.szDescriptionreceiptData),p.arQuoteRequestDetails[0]=h,this._quoteV2Service.updateQuoteDetails(p),this._storageService.putDataInStorage("isQuoteFromSailing",!0),this._navigatService.navigateWithLang(this,Ze.GET_A_QUOTE,{origin:i.searchOrigin,destination:i.searchDestination})}}updateOriginDestination(){let t=this.objSchedule,i=this._bookingV2Service.getBookingData();i.szDestinationCode=t.szDestinationCode,i.szDestinationCountryCode=t.szDestinationCountryCode,i.szDestinationName=t.

1szDestinationName,i.szDestinationPODTerminalName=t.szDestinationPODTerminalName,i.szDestinationPOLTerminalName=t.szDestinationPOLTerminalName,i.szDestinationServiceCode=t.szDestinationServiceCode,i.szOriginCode=t.szOriginCode,i.szOriginCountryCode=t.szOriginCountryCode,i.szOriginName=t.szOriginName,i.szOriginPODTerminalName=t.szOriginPODTerminalName,i.szOriginPOLTerminalName=t.szOriginPOLTerminalName,i.szOriginServiceCode=t.szOriginServiceCode,i.szPodCode=t.szPodCode,i.szPolCode=t.szPolCode,i.szPolName=t.szPolName,i.szScheduleType=t.szScheduleType,i.szServiceName=t.szServiceName,i.szTempOriginName=t.szTempOriginName,i.arTransitAt=t.arTransitAt,i.isPriceApplicable=t.isPriceApplicable,i.fTotalPrice=t.fTotalPrice,i.szCurrency=t.szCurrency,this._bookingV2Service.updateBookingDetails(i)}selectSchedule(){this._bookingV2Service.updateTmpSelectedScheduleDetails(this.objSchedule)}activityLog(t,i){return{exitLog:i,jsonLogKey:t}}isSelected(t){return this._bookingV2Service?.objTempSchedule?.dtEstimatedDeparture==t?.dtEstimatedDeparture&&this._bookingV2Service?.objTempSchedule?.dtEstimatedArrival==t?.dtEstimatedArrival}addActivityLogSel(t){let i="";this._userAuthService.isUserLoggedIn&&(i=this._userAuthService.authData.szEmail);let e={eventLabel:t,szOrigin:this.objSchedule?.searchOrigin,szDestination:this.objSchedule?.searchDestination,iResposeTime:0,szResultCount:0,szLiveScheduleDepartureTime:(0,A.default)(this.objSchedule?.dtEstimatedDeparture,"DD MMM YYYY").format("YYYY-MM-DD"),szLiveScheduleArrivalTime:(0,A.default)(this.objSchedule?.dtEstimatedArrival,"DD MMM YYYY").format("YYYY-MM-DD"),szLiveScheduleLength:8,szLogin:i,szLabel:t};this.activityLog("sailingexpandColapsed",e)}getVesselName(t,i){return`${t} ${i}`}openDoYouHaveRatePopup(){let t={szRedirectUrl:"/requestBooking",szIsSetValue:!1,searchData:{szDestination:this.objSchedule.searchDestination,szOrigin:this.objSchedule.searchOrigin,dtEndDate:this.objSchedule.dtEstimatedArrival,dtStartDate:this.objSchedule.dtEstimatedDeparture},objSchedule:{objSchedule:this.objSchedule}};this._modal.toggleModal(!0),this._modal.updateModalData(t),this._modal.updateModalType("doYouHaveRatePopup")}getITransshipment(t){return t.iTransshipment==0?"Direct":t.iTransshipment+(t.iTransshipment==1?" Transit":" Transits")}static \u0275fac=function(i){return new(i||se)(m(fe),m(Ce),m($),m(Z),m(re),m(U),m(J),m(X),m(ye),m(be),m($e),m(K))};static \u0275cmp=V({type:se,selectors:[["app-sailling-search-result"]],inputs:{objSchedule:"objSchedule",isEditModule:"isEditModule",indexSchedule:"indexSchedule"},decls:48,vars:57,consts:[[1,"bg-Text-10","Shadow-XS","cursor-pointer",3,"click","ngClass"],[1,"white-bg-left"],[1,"data-main"],[1,"date-country"],[1,"left-country","cntry-common"],[1,"paragraph-bold-18","Primary-80"],[1,"paragraph-regular-20","Text-100",3,"innerHtml"],["class","receipt paragraph-regular-12 Text-80",4,"ngIf"],[1,"arrow-img"],[1,"swi-icon","icon-arrow-right-3","Accent-80","icon-size-30"],[1,"right-country","cntry-common"],[1,"days-direct"],[3,"swDynamicTagTypeClass","swDynamicTagBGColorClass","swDynamicTagTextColorClass","swTagLabel"],["class","green-leaf",4,"ngIf"],[1,"vessel-service"],[1,"head","paragraph-regular-14","Text-100"],[1,"data","paragraph-semibold-14","Primary-40"],[4,"ngIf"],[3,"click","swClass","swButtonName"],[1,"blue-bg-right","bg-Primary-80"],[1,"price-inside"],[1,"get-quote"],[1,"paragraph-regular-12","Text-10"],[3,"click","swClass","locator","swButtonName"],[1,"get-quote","book-shipment"],[3,"arSelectedSchedule","closeFullSchedule",4,"ngIf"],[1,"receipt","paragraph-regular-12","Text-80"],[1,"green-leaf"],[1,"swi-icon","icon-sailgreen-2","heading-regular-40"],[1,"path1"],[1,"path2"],[1,"path3"],[1,"path4"],[1,"tooltip-mark","paragraph-regular-14","Text-60"],[1,"data","paragraph-semibold-14","Primary-40",3,"innerHtml"],["href","JavaScript:void(0)",1,"white-arrow",3,"name"],[1,"swi-icon","icon-arrow-down-1","heading-regular-24","Text-10"],[1,"paragraph-semibold-15","Text-10"],[1,"heading-semibold-28"],[1,"paragraph-semibold-18","Text-10"],[1,"caution"],[1,"question-mark"],[1,"swi-icon","icon-explanation","Primary-20","paragraph-regular-14"],[1,"paragraph-regular-15","Text-10"],["type","button",3,"click","ngClass"],["width","17","height","11","viewBox","0 0 17 11","fill","none","xmlns","http://www.w3.org/2000/svg",1,"check-icons","d-none"],["d","M1.25 5.23529L6.3125 10L15.875 1","stroke","white","stroke-linecap","square"],[1,"non-select"],[1,"selected","d-none"],[3,"closeFullSchedule","arSelectedSchedule"]],template:function(i,e){i&1&&(n(0,"ul",0),x("click",function(){return e.clickExpandCollapse(e.isExpand)}),n(1,"li",1)(2,"div",2)(3,"div",3)(4,"div",4)(5,"span",5),g(6),o(7,"momentDateFormat"),s(),c(8,"p",6),S(9,Gi,3,4,"span",7),s(),n(10,"div",8),c(11,"span",9),s(),n(12,"div",10)(13,"span",5),g(14),o(15,"momentDateFormat"),s(),c(16,"p",6),S(17,Qi,3,4,"span",7),s()(),n(18,"div",11),c(19,"swire-tags",12)(20,"swire-tags",12)(21,"swire-tags",12),s(),S(22,Ki,10,3,"div",13),s(),n(23,"div",14)(24,"ul")(25,"li")(26,"span",15),g(27),o(28,"translate"),s(),n(29,"span",16),g(30),s()(),S(31,Wi,5,4,"li",17),s(),n(32,"swire-button",18),o(33,"translate"),x("click",function(h){return e.clickFullScheduleOpen(!0),h.stopPropagation()}),s()()(),n(34,"li",19)(35,"div",20),S(36,Ji,5,4,"ng-container",17)(37,Xi,14,13,"ng-container",17),s(),n(38,"div",21)(39,"p",22),g(40),o(41,"translate"),s(),n(42,"swire-button",23),o(43,"translate"),x("click",function(){return e.initializeNewQuote(e.objSchedule)}),s()(),n(44,"div",24)(45,"swire-button",23),o(46,"translate"),x("click",function(){return e.initializeNewBooking(e.objSchedule)}),s()()()(),S(47,et,1,1,"app-full-schedule",25)),i&2&&(l("ngClass",G(55,qi,e.isExpand||e.isEditModule)),a(6),f("",O(7,39,e.objSchedule.dtEstimatedDeparture,"D MMMM")," "),a(2),l("innerHtml",e.objSchedule.searchOrigin,ge),a(),l("ngIf",e.szOriginreceiptData),a(5),v(O(15,42,e.objSchedule.dtEstimatedArrival,"D MMMM")),a(2),l("innerHtml",e.objSchedule.searchDestination,ge),a(),l("ngIf",e.szDescriptionreceiptData),a(2),l("swDynamicTagTypeClass","paragraph-bold-16 ")("swDynamicTagBGColorClass","bg-grey-20")("swDynamicTagTextColorClass","Primary-90")("swTagLabel",e.getVesselName(e.objSchedule.szVesselName,e.objSchedule.szVoyageNumber)),a(),l("swDynamicTagTypeClass","paragraph-bold-16 ")("swDynamicTagBGColorClass","bg-grey-20")("swDynamicTagTextColorClass","Primary-90")("swTagLabel",e.objSchedule.szTransitTime),a(),l("swDynamicTagTypeClass","paragraph-bold-16 ")("swDynamicTagBGColorClass","bg-grey-20")("swDynamicTagTextColorClass","Primary-90")("swTagLabel",e.getITransshipment(e.objSchedule)),a(),l("ngIf",e.isShowSailGreenerLogo),a(5),v(d(28,45,"Service Route")),a(3),v(e.objSchedule.szServiceName),a(),l("ngIf",(e.objSchedule==null?null:e.objSchedule.iTransshipment)>0),a(),l("swClass","schedule-btn swi-button-greyblue-medium-default-regular")("swButtonName",d(33,47,"See full schedule")),a(3),Ne("name","liveSchedulesPrice",e.indexSchedule,""),a(),l("ngIf",!e.isEditModule),a(),l("ngIf",e.isEditModule),a(3),f("",d(41,49,"Need another container or a longer validity"),"?"),a(2),I("locator","getAQuote",e.indexSchedule,""),l("swClass","swi-button-greyred-medium-default-regular")("swButtonName",d(43,51,"Get a Quote")),a(3),I("locator","bookShipment",e.indexSchedule,""),l("swClass","swi-button-red-large-default-regular")("swButtonName",d(46,53,"Book this Shipment")),a(2),l("ngIf",e.isFullScheduleOpen))},dependencies:[M,Se,oi,me,R,L,ke,ee,ie,Q,wi],encapsulation:2})};ce([we()],se.prototype,"activityLog",1);var Ve=se;var at=[[["","westwood",""]]],nt=["[westwood]"],rt=r=>({"no-searching":r}),st=r=>({"edit-booking-sailing bg-text-10":r}),lt=r=>({"no-result-edit-module":r}),ot=()=>[1,2,3,4,5];function pt(r,t){if(r&1){let i=T();n(0,"app-sailling-search",31),x("searchCallBack",function(p){k(i);let h=u();return C(h.getScheduleSearchResult(p))}),s()}if(r&2){let i=u();l("isEditModule",i.isEditModule)}}function ct(r,t){if(r&1){let i=T();n(0,"div",32)(1,"div",33),c(2,"span",34),n(3,"p",35),g(4),o(5,"translate"),s()(),n(6,"swire-button",36),o(7,"translate"),x("click",function(){k(i);let p=u();return C(p.openModal("loginsignup"))}),s()()}r&2&&(a(4),v(d(5,4,"Log in to your Swire Shipping account to access personalised quotations, manage your bookings, submit documents and more.")),a(2),l("swButtonName",d(7,6,"Login"))("swClass","swi-button-whiteblue-small-default-regular")("swIconClass","Text-10 swi-icon icon-ship-1"))}function dt(r,t){if(r&1){let i=T();n(0,"div",37)(1,"div",38)(2,"div",39),c(3,"img",40)(4,"img",41),n(5,"p",42),g(6),o(7,"translate"),s()(),n(8,"ul",43)(9,"li")(10,"a",44),x("click",function(){k(i);let p=u();return C(p.openCMSLinks("information/info-pages/our-solutions/inland-transportation/"))}),c(11,"span",45),n(12,"span",46),g(13),o(14,"translate"),n(15,"b"),g(16),o(17,"translate"),s()()()(),n(18,"li")(19,"a",44),x("click",function(){k(i);let p=u();return C(p.openCMSLinks("information/info-pages/our-solutions/customs-clearance/"))}),c(20,"span",47),n(21,"span",46),g(22),o(23,"translate"),n(24,"b"),g(25),o(26,"translate"),s()()()()()(),n(27,"div",48)(28,"ul",17)(29,"li"),c(30,"span",49),n(31,"span",50),g(32),o(33,"translate"),n(34,"b"),g(35),o(36,"translate"),s(),n(37,"span",20),c(38,"swire-tool-tip",21),s()(),n(39,"p",22),x("click",function(){k(i);let p=u();return C(p.contactUsActivityLog())}),g(40),o(41,"translate"),n(42,"a",51),x("click",function(){k(i);let p=u();return C(p.openCMSLinks("enquiry"))}),c(43,"span",52),s()()()(),n(44,"ul",25)(45,"li")(46,"div",26),c(47,"img",7),s(),n(48,"div",27)(49,"span",28)(50,"b"),g(51),o(52,"translate"),s()(),n(53,"p",29),g(54),o(55,"translate"),n(56,"a",44),x("click",function(){k(i);let p=u();return C(p.openCMSLinks("enquiry"))}),c(57,"span",52),s()()()()()()()}if(r&2){let i=u();a(3),I("src","",i._environmentService.env.IMAGE_BASE_URL,"img/swirev2-icon/Truck_Desktop_Tablet.png",P),a(),I("src","",i._environmentService.env.IMAGE_BASE_URL,"img/swirev2-icon/Truck_Mobile.png",P),a(2),f("",d(7,20,"Additional Services available")," "),a(7),f("",d(14,22,"Did you know 

1we offer")," "),a(3),f("",d(17,24,"Inland Transport"),"?"),a(6),f("",d(23,26,"Did you know we offer")," "),a(3),f("",d(26,28,"Customs Clearance"),"?"),a(7),f("",d(33,30,"Are you interested in")," "),a(3),f("",d(36,32,"Breakbulk"),"?"),a(3),l("swSwireTooltipDirectionClass","centre bottom")("swTooltipText",i.toolTipMessageSuppliedBy)("swIconTooltip","Text-80 icon-explanation icon-size swi-icon")("swIsHtmlContent",!0),a(2),f("",d(41,34,"Contact us")," "),a(7),I("src","",i._environmentService.env.IMAGE_BASE_URL,"img/swirev2-icon/Ellipse.jpg",P),a(4),f("",d(52,36,"Need any help"),"?"),a(3),f("",d(55,38,"Get in touch with our team")," ")}}function gt(r,t){r&1&&(n(0,"p",53),g(1),o(2,"translate"),s()),r&2&&(a(),f(" ",d(2,1,"Select a sailing which you like to change your shipment to"),""))}function ht(r,t){if(r&1){let i=T();n(0,"div",54)(1,"span",8),g(2),o(3,"translate"),s(),n(4,"form",55)(5,"swire-sort-filter",56),o(6,"translate"),x("getValue",function(p){k(i);let h=u();return C(h.onChangeSelect(p))}),s()()()}if(r&2){let i=u();a(),l("ngClass",i.isEditModule?"paragraph-semibold-14 Text-90":"paragraph-regular-14 Text-10"),a(),v(d(3,15,"Sort by")),a(2),l("formGroup",i.sortScheduleForm),a(),l("swIsSortForMobile",i.swIsShowDropdownIcon)("showSortByText",!0)("swButtonClassName",i.swButtonClassName)("swBindLabel","szLabel")("swBindValue","szValue")("swIsButtonActiveClassName",i.swButtonClassName)("swSortFilterButtonName",d(6,17,"Sort by"))("swData",i.arrLabelSort)("swClass","swireSortFilterClassName")("swArrowIconClass",i.isMobileArrowClass)("swSortIconClass",i.isMobileArrowClass)("swSelectedRecordIconClass","Primary-80 checked-icon icon-success swi-icon")}}function mt(r,t){if(r&1&&(z(0),c(1,"app-sailling-search-result",57),E()),r&2){let i=t.$implicit,e=t.index,p=u();a(),l("isEditModule",p.isEditModule)("objSchedule",i)("indexSchedule",e)}}function ut(r,t){if(r&1){let i=T();n(0,"app-common-default-screen",64),x("supportChat",function(p){k(i);let h=u(3);return C(h.openSupportChat(p))}),s()}r&2&&l("iconClass","icon-alert")("isButton",!0)("isButtonName","Contact support")("heading","There are no sailing schedules available")("heading2","for the combination you have selected")("subHeading","Please try modifying your search or contact our")("szFormType","TRACKTRACE")("subHeading2","customer success team for assistance")("szErrorType","custom5")}function ft(r,t){if(r&1&&c(0,"app-common-default-screen",65),r&2){let i=u(3);l("iconClass","icon-missing")("subHeading",i.defaultMessage)("szFormType","TRACKTRACE")("heading",i.defaultMessage1)("isButton",!1)("szErrorType","custom5")}}function xt(r,t){r&1&&c(0,"app-common-default-screen",66),r&2&&l("isButton",!1)("iconClass","icon-alert")("heading","We apologise, we are currently")("heading2","experiencing technical difficulties and are")("heading3","unable to retrieve your search results")("subHeading","Please try again later")("szFormType","TRACKTRACE")("szErrorType","custom5")}function vt(r,t){if(r&1&&(z(0),S(1,ut,1,9,"app-common-default-screen",61)(2,ft,1,6,"app-common-default-screen",62)(3,xt,1,8,"app-common-default-screen",63),E()),r&2){let i=u(2);a(),l("ngIf",i.searchData&&!i.isApiError),a(),l("ngIf",!i.searchData&&!i.isApiError),a(),l("ngIf",i.isApiError)}}function wt(r,t){if(r&1&&(n(0,"div",58)(1,"div",59),S(2,vt,4,3,"ng-container",60),s()()),r&2){let i=u();a(2),l("ngIf",!(i.arScheduleLoadData!=null&&i.arScheduleLoadData.length)&&!i.isLoading)}}function bt(r,t){r&1&&(n(0,"div",69)(1,"div",70)(2,"div",71),c(3,"div",72)(4,"div",72),s(),n(5,"div",71),c(6,"div",72)(7,"div",72),s(),c(8,"div",73),s(),n(9,"div",74),c(10,"div",73),s()())}function St(r,t){r&1&&(n(0,"div",67),S(1,bt,11,0,"div",68),s()),r&2&&(a(),l("ngForOf",he(1,ot)))}function yt(r,t){if(r&1){let i=T();n(0,"div",75)(1,"p"),g(2),o(3,"translate"),o(4,"translate"),o(5,"translate"),s(),n(6,"swire-button",76),o(7,"translate"),x("click",function(){k(i);let p=u();return C(p.loadMore())}),s()()}if(r&2){let i=u();a(2),Qe("",d(3,8,"Showing")," ",i.arScheduleLoadData.length," ",d(4,10,"out of")," ",i.arScheduleLoadData.length+i.arScheduleResponse.length," ",d(5,12,"results"),""),a(4),l("swClass","swi-button-whiteblue-tiny-default-regular")("swIsShowIcon",!1)("swButtonName",d(7,14,"Show All"))}}var le=class le{constructor(t,i,e,p,h,b,_,y,D,w,j,pe,B,Ei,Y,je,Ii,Oe,At,jt,Ot){this._formBuilder=t;this._commonService=i;this.translate=e;this._sailingService=p;this._storageService=h;this._pageTrackingService=b;this._lang=_;this._auth=y;this._quoteV2Service=D;this._router=w;this.modalService=j;this._PageTrackingService=pe;this.injector=B;this._googleCaptchService=Ei;this._windowRef=Y;this._cmsServic=je;this._scheduleBuilderService=Ii;this._userAuthService=Oe;this._environmentService=At;this._sharedDataService=jt;this._activityLogService=Ot;this._bookingV2Service=this.injector.get(F),this._sharedDataService.updateDashBoardNavStatus(!1)}_formBuilder;_commonService;translate;_sailingService;_storageService;_pageTrackingService;_lang;_auth;_quoteV2Service;_router;modalService;_PageTrackingService;injector;_googleCaptchService;_windowRef;_cmsServic;_scheduleBuilderService;_userAuthService;_environmentService;_sharedDataService;_activityLogService;_platformService=q(W);isEditModule=!1;isFromSchedulePage=!1;arScheduleResponse=[];selectedScheduleData;

1arScheduleLoadData=[];arrLabelSort=[];pageSize=10;reactiveValidate={};sortScheduleForm;sortBy="";orderBy="asc";subscription;currentLang="";swire_news_link="";isLoading=!1;searchData=null;_bookingV2Service;portToPortAlertMsg=!1;isApiError=!1;isMobileArrowClass;swButtonClassName;swIsShowDropdownIcon;defaultMessage="";defaultMessage1="";toolTipMessageSuppliedBy="";ngOnInit(){this.toolTipMessageSuppliedBy=`${this.translate.instant("Swire Shipping offers a host of bespoke solutions for customers shipping non-containerised breakbulk cargo")}.
2     <br> <br>
3    ${this.translate.instant("Contact us to make an enquiry")}.`,this.selectedScheduleData=this._bookingV2Service.getSelectedScheduleData(),this._commonService.getServeLocationFromStorage().subscribe(t=>{this.getAccordianText(),this.onLanguageSwitch(),t?this.initMethodCall():this.getTradeSearchResult(),this._router.url=="/schedule-result";let i=this._storageService?.getDataFromStorage("portToPortAlertMsgHours"),e=(0,N.default)(),p=(0,N.default)(i);(e.diff(p,"hours")>72||i==null)&&(this.portToPortAlertMsg=!0),this.onResize()})}onLanguageSwitch(){let t=this;this._lang.appLangCast.subscribe(i=>{this._platformService.runIfBrowser(()=>{H(500).subscribe(()=>{t.getAccordianText()})})})}getAccordianText(){this.arrLabelSort=[]}initMethodCall(){this.reactiveValidationFun(),this.searchData?this.getScheduleSearchResult():this._bookingV2Service.updateSaillingView(!0)}reactiveValidationFun(){this.reactiveValidate={szSortKey:new ii("Earliest Arrival",[])},this.sortScheduleForm=this._formBuilder.group(this.reactiveValidate)}onChangeSelect(t){this.onSortingSelect(t.szValue)}onSortingSelect(t,i=!1){t&&(this.sortBy=t);let e=this.searchData,p={szOrigin:e?.szOriginName,szDestination:e?.szDestinationName,szLiveScheduleDepartureTime:(0,N.default)(e?.dtStartDate,"DD MMM YYYY").format("YYYY-MM-DD"),szLiveScheduleArrivalTime:(0,N.default)(e?.dtEndDate,"DD MMM YYYY").format("YYYY-MM-DD")},h=this.sortBy,b=this.orderBy,_=this.arScheduleLoadData;p.szOption=this.arrLabelSort?.find(y=>y.szValue==h)?.szLabel,i||this.activityLog("livescheduleresultsort",p),this._platformService.runIfBrowser(()=>{H(300).subscribe(()=>{if(_.sort((y,D)=>{if(h==="iTransshipment"||h==="fTotalPrice")return y[h]?.toString()?.localeCompare(D[h])?.toString()*(b==="desc"?-1:1);if(h==="dtEstimatedDeparture"||h==="dtEstimatedArrival"){let w=new Date(D[h]),j=new Date(y[h]);return b==="desc"?Date.parse(w.toDateString())-Date.parse(j.toDateString()):Date.parse(j.toDateString())-Date.parse(w.toDateString())}else return y[h]?.localeCompare(D[h])*(b==="desc"?-1:1)}),h=="fTotalPrice"){let y=_.filter(w=>!w.fTotalPrice),D=_.filter(w=>w.fTotalPrice);this.arScheduleLoadData=[...D,...y]}else if(h=="szExpressBooking"){let y=_.filter(w=>!w.fTotalPrice),D=_.filter(w=>w.fTotalPrice);this.arScheduleLoadData=[...D,...y]}else this.arScheduleLoadData=_})})}loadMore(t){let i=this.arScheduleResponse.splice(0,t||this.arScheduleResponse.length);this.arScheduleLoadData=[...this.arScheduleLoadData,...i],this.sortScheduleForm?.value?.szSortKey&&this.onSortingSelect(this.sortScheduleForm.value.szSortKey,!0)}getScheduleSearchResult(t){this._storageService.putDataInStorage("searchfromgetaquote",!1),this.isApiError=!1,this.isLoading=!0;let i=null,e=null,p=null,h=null,b=null,_=null,y=(0,N.default)().add(0,"days").format("YYYY-MM-DD"),D=(0,N.default)().add(120,"days").format("YYYY-MM-DD");this._commonService.isBtnDisabledSearch=!0,t?(i=t?.szOrigin,e=t?.szOriginName,p=t?.szDestination,h=t?.szDestinationName,b=t?.szOriginDisplayName,_=t?.szDestinationDisplayName,y=t.dtFrom,D=t.dtTo,t.dtStartDate=t.dtFrom,t.dtEndDate=t.dtTo,this.searchData=t):(this.searchData=t,t=this.searchData,t?(i=t?.szOrigin,e=t?.szOriginName,p=t?.szDestination,h=t?.szDestinationName,b=t?.szOriginDisplayName,_=t?.szDestinationDisplayName,y=t?.dtStartDate,D=t?.dtEndDate):this._bookingV2Service.updateSaillingView(!0));let w={szOrigin:i,szDestination:p,szOriginName:e,szDestinationName:h,dtStartDate:y,dtEndDate:D,szLiveScheduleLength:8,szLoadPage:"findaschedule",szLabel:t.szLabel?t.szLabel:"live_schedule_search",bDirectRouting:t.bDirectRouting};

3this.arScheduleResponse=[],this.arScheduleLoadData=[];let j=new Date().getTime();this.pageTracking(ae(te({},w),{szAction:"button_click",szLabel:t.szLabel?t.szLabel:"live_schedule_search"})),this._googleCaptchService.getCaptchaToken("liveScheduleSearchToken").then(pe=>{w.szGoogleCaptchaToken=pe,this._sailingService?.getScheduleSearchResult(w).subscribe(B=>{let Y=(Date.now()-j)/1e3;if(Y=Math.floor(Y),Y==0&&(Y=1),B&&B.data){this.arScheduleResponse=B.data;let je=this.arScheduleResponse.length;w.szAction="page_load",w.szLabel="live_search_result",w.iResposeTime=Y,w.szResultCount=je,this.pageTracking(w),B&&(B.data||[]).length>0&&B.data.find(Oe=>Oe.fTotalPrice)&&this.sortScheduleForm.patchValue({szSortKey:"fTotalPrice"}),this.loadMore(this.pageSize),this._bookingV2Service.updateSaillingView(!1)}this.isLoading=!1,this._commonService.isBtnDisabledSearch=!1},B=>{B&&(this.isApiError=!0),this.isLoading=!1,this._commonService.isBtnDisabledSearch=!1})})}pageTracking(t){let i={szCustomerKey:this._storageService.getDataFromStorage("customerKey"),szSearchToken:this._storageService.getDataFromStorage("szSearchToken"),szCategory:"live_schedule"};t=Object.assign(i,t),this._PageTrackingService.sendPageTrackingLog(i)}activityLog(t,i){return{exitLog:i,jsonLogKey:t}}openCMSLinks(t){this._cmsServic.openCMSLinks(t)}getTradeSearchResult(){this._commonService.getServeLocationFromStorage().subscribe(t=>{t&&this.initMethodCall()})}openModal(t,i=!0){this.modalService.openModal(t,i)}showHideAlertMsg(){this.portToPortAlertMsg=!1;let t=(0,N.default)();this._storageService?.putDataInStorage("portToPortAlertMsgHours",JSON.stringify(t))}openSupportChat(t){this._windowRef.nativeWindow.zESettings={webWidget:{}};let i=this._storageService.getDataFromStorage("defaultLang"),e="en-gb";i!="en"&&(e="zh-cn"),e="zh-cn",this._windowRef.nativeWindow.setZendeskLocale(e),this._windowRef.nativeWindow.$zopim.livechat.window.show()}addActivityLogSel(t,i,e,p,h,b){let _="";this._userAuthService.isUserLoggedIn&&(_=this._userAuthService.authData.szEmail);let y={szEvent:"live_schedule",eventCategory:"live_search_result_view",eventLabel:"booking_request_quote",eventAction:"page_load",szOrigin:t,szDestination:i,iResposeTime:e,szResultCount:p,szLiveScheduleLength:0,szLogin:_,dtStartDate:h,dtEndDate:b};this.activityLog("livesearchresultview",y)}onResize(){window?.innerWidth<768?(this.isMobileArrowClass="swi-icon icon-sort icon-size-16",this.swButtonClassName="swi-button-special-expand-whiteblue",this.swIsShowDropdownIcon=!1):(this.isMobileArrowClass="swi-icon icon-arrow-down-1 Primary-80 icon-size-16",this.swButtonClassName="swi-button-special-expand-bluewhite",this.swIsShowDropdownIcon=!0)}contactUsActivityLog(){let t=this._commonService.getCurrentUrl(),i={};i.szPage=t,this.activityLog("contactus",i)}static \u0275fac=function(i){return new(i||le)(m(ri),m(Z),m(xe),m(hi),m($),m(re),m(ve),m(J),m(Ce),m(fe),m(ye),m(re),m(U),m(Si),m(Je),m(vi),m(De),m(X),m(K),m(fi),m(be))};static \u0275cmp=V({type:le,selectors:[["app-sailing"]],inputs:{isEditModule:"isEditModule",isFromSchedulePage:"isFromSchedulePage"},ngContentSelectors:nt,decls:50,vars:45,consts:[[1,"container"],[3,"isEditModule","searchCallBack",4,"ngIf"],["class","login-notification bg-Table-Active",4,"ngIf"],[1,"select-sailing-main",3,"ngClass"],["class","sailing-left",4,"ngIf"],[1,"sailing-right",3,"ngClass"],[1,"sailing-sort"],["alt","",3,"src"],[3,"ngClass"],["class","sort-dashboard-para paragraph-regular-14 Text-80 ",4,"ngIf"],["class","form-aarival",4,"ngIf"],[1,"sailing-data","bg-grey-10","removeHeight",3,"ngClass"],[4,"ngFor","ngForOf"],["class","no-result-section customer-support",4,"ngIf"],["class"," card-maine",4,"ngIf"],["class","showing-btn",4,"ngIf"],[1,"no-searchhelp-intrest"],[1,"contact-us"],[1,"swi-icon","icon-ship-2","icon-size-38","Accent-80"],[1,"heading-regular-20","Text-100"],[1,"caution","paragraph-semibold-14","Text-80"],[3,"swSwireTooltipDirectionClass","swTooltipText","swIconTooltip","swIsHtmlContent"],[1,"heading-regular-20","Text-100",3,"click"],["locator","cmsEnquiry",3,"click"],[1,"swi-icon","icon-arrow-right-3","Accent-80","icon-size-30"],[1,"need-help"],[1,"help-img"],[1,"help-text"],[1,"paragraph-bold-20","Text-100"],[1,"paragraph-regular-18","Text-100"],["locator","cmsHelp",3,"click"],[3,"searchCallBack","isEditModule"],[1,"login-notification","bg-Table-Active"],[1,"icon-text"],[1,"swi-icon","icon-login","Primary-80","icon-size-28"],[1,"paragraph-regular-14","Text-100"],[3,"click","

3swButtonName","swClass","swIconClass"],[1,"sailing-left"],[1,"sailing-left-tab"],[1,"img-div"],["alt","",1,"desktop_tablet-view-asa",3,"src"],["alt","",1,"mobile-view-asa",3,"src"],[1,"heading-bold-28","Display-family","Shadow-Big-Text"],[1,"select-sailing-blue"],[3,"click"],[1,"swi-icon","icon-truck-1","heading-regular-40","Accent-80"],[1,"heading-regular-20","Text-10","sailing-text"],[1,"swi-icon","icon-customes","heading-regular-40","Accent-80"],[1,"sailing-right-tab"],[1,"swi-icon","icon-ship-2","heading-regular-40","Accent-80"],[1,"heading-regular-20","Text-100","sailing-text"],[1,"arrow-icon-right",3,"click"],[1,"swi-icon","icon-arrow-right-3","Accent-80","heading-regular-40"],[1,"sort-dashboard-para","paragraph-regular-14","Text-80"],[1,"form-aarival"],[3,"formGroup"],["formControlName","szSortKey",3,"getValue","swIsSortForMobile","showSortByText","swButtonClassName","swBindLabel","swBindValue","swIsButtonActiveClassName","swSortFilterButtonName","swData","swClass","swArrowIconClass","swSortIconClass","swSelectedRecordIconClass"],[3,"isEditModule","objSchedule","indexSchedule"],[1,"no-result-section","customer-support"],[1,"no-result"],[4,"ngIf"],[3,"iconClass","isButton","isButtonName","heading","heading2","subHeading","szFormType","subHeading2","szErrorType","supportChat",4,"ngIf"],[3,"iconClass","subHeading","szFormType","heading","isButton","szErrorType",4,"ngIf"],[3,"isButton","iconClass","heading","heading2","heading3","subHeading","szFormType","szErrorType",4,"ngIf"],[3,"supportChat","iconClass","isButton","isButtonName","heading","heading2","subHeading","szFormType","subHeading2","szErrorType"],[3,"iconClass","subHeading","szFormType","heading","isButton","szErrorType"],[3,"isButton","iconClass","heading","heading2","heading3","subHeading","szFormType","szErrorType"],[1,"card-maine"],["class","card",4,"ngFor","ngForOf"],[1,"card"],[1,"card-left"],[1,"carder"],[1,"card__title","loading"],[1,"card__description","loading"],[1,"card-right"],[1,"showing-btn"],[3,"click","swClass","swIsShowIcon","swButtonName"]],template:function(i,e){i&1&&(Ye(at),n(0,"div",0),S(1,pt,1,1,"app-sailling-search",1)(2,ct,8,8,"div",2),He(3),n(4,"div",3),S(5,dt,58,40,"div",4),n(6,"div",5)(7,"div",6),c(8,"img",7),n(9,"h4",8),g(10),o(11,"translate"),s(),S(12,gt,3,3,"p",9)(13,ht,7,19,"div",10),s(),n(14,"div",11),S(15,mt,2,3,"ng-container",12)(16,wt,3,1,"div",13)(17,St,2,2,"div",14)(18,yt,8,16,"div",15),s(),n(19,"div",16)(20,"ul",17)(21,"li"),c(22,"span",18),n(23,"span",19),g(24),o(25,"translate"),n(26,"b"),g(27),o(28,"translate"),s(),n(29,"span",20),c(30,"swire-tool-tip",21),s()(),n(31,"p",22),x("click",function(){return e.contactUsActivityLog()}),g(32),o(33,"translate"),n(34,"a",23),x("click",function(){return e.openCMSLinks("enquiry")}),c(35,"span",24),s()()()(),n(36,"ul",25)(37,"li")(38,"div",26),c(39,"img",7),s(),n(40,"div",27)(41,"span",28)(42,"b"),g(43),o(44,"translate"),s()(),n(45,"p",29),g(46),o(47,"translate"),n(48,"a",30),x("click",function(){return e.openCMSLinks("enquiry")}),c(49,"span",24),s()()()()()()()()()),i&2&&(a(),l("ngIf",!e.isFromSchedulePage),a(),l("ngIf",!e._userAuthService.isUserLoggedIn&&e.portToPortAlertMsg),a(2),l("ngClass",G(39,rt,!e.searchData)),a(),l("ngIf",!e.isEditModule),a(),l("ngClass",G(41,st,e.isEditModule)),a(2),I("src","",e._environmentService.env.IMAGE_BASE_URL,"swirev2-icon/frame_select shipment.jpg",P),a(),l("ngClass",e.isEditModule?"paragraph-bold-18 Text-90":"heading-bold-40 Display-family   Shadow-Big-Text Text-10"),a(),f(" ",d(11,27,"Select Sailing"),""),a(2),l("ngIf",e.isEditModule),a(),l("ngIf",e.arScheduleLoadData==null?null:e.arScheduleLoadData.length),a(),l("ngClass",G(43,lt,e.isEditModule&&!(e.arScheduleLoadData!=null&&e.arScheduleLoadData.length))),a(),l("ngForOf",e.arScheduleLoadData),a(),l("ngIf",!(e.arScheduleLoadData!=null&&e.arScheduleLoadData.length)&&!e.isLoading),a(),l("ngIf",e.isLoading),a(),l("ngIf",e.arScheduleResponse.length),a(6),f("",d(25,29,"Are you interested in")," "),a(3),f("",d(28,31,"Breakbulk"),"?"),a(3),l("swSwireTooltipDirectionClass","centre bottom")("swTooltipText",e.toolTipMessageSuppliedBy)("swIconTooltip","Text-80 icon-explanation icon-size-14 swi-icon")("swIsHtmlContent",!0),a(2),f("",d(33,33,"Contact us")," "),a(7),I("src","",e._environmentService.env.IMAGE_BASE_URL,"img/swirev2-icon/Ellipse.jpg",P),a(4),f("",d(44,35,"Need any help"),"?"),a(3),f("",d(47,37,"Get in touch with our team")," "))},dependencies:[M,si,Se,li,ti,Xe,ei,ai,ni,me,ue,R,L,Be,Ve,_e],styles:[`app-sailing>.container{padding-left:0;padding-right:0}app-sailing .search-result{margin-top:100px}@media screen and (max-width:1024px){app-sailing .search-result{margin-top:90px}}@media screen and (max-width:600px){app-sailing .search-result{margin-top:80px}}app-sailing .search-result p{max-width:303px;min-height:36px;border-radius:10px 10px 0 0;padding:0 10px 0 14px;color:#000;display:flex;align-items:center;margin-bottom:0}@media screen and (max-width:767px){app-sailing .search-result p{max-width:100%}}app-sailing .search-result p svg{margin-right:16px}app-sailing .search-result p .edit{margin-left:auto;color:#1e4f98}app-sailing .search-result p .edit svg,app-sailing .search-result p .edit .swi-icon{margin-right:4px;width:18px;height:18px}app-sailing .search-result-container{background:#fcfcfd;padding:20px 20px 20px 43px;display:flex;overflow:hidden;flex-direction:column;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-right-radius:10px;margin-bottom:20px}@media screen and (max-width:1024px){app-sailing .search-result-container{padding:20px 25px}}@media screen and (max-width:767px){app-sailing .search-result-container{padding:20px 15px}}app-sailing .search-result-container .search-two-column{display:flex}@media screen and (max-width:1024px){app-sailing .search-result-container .search-two-column{flex-direction:column}}app-sailing .search-result-container .search-two-column .left-section{max-width:50%;flex:0 0 50%;padding-right:15px;border-right:1px solid #c2c9d1}@media screen and (max-width:1024px){app-sailing .search-result-container .search-two-column .left-section{max-width:100%;flex:0 0 100%;border-right:0;padding-right:0}}app-sailing .search-result-container .search-two-column .left-section .port-detail{width:100%;display:flex;margin-bottom:0}@media screen and (max-width:1024px){app-sailing .search-result-container .search-two-column .left-section .port-detail{border-bottom:0px solid #c2c9d1}}app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port{max-width:60%;flex:0 0 60%;display:flex;flex-direction:column;padding-right:15px}@media screen and (max-width:1024px){app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port{position:relative;max-width:60%;flex:0 0 60%}}@media screen and (max-width:767px){app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port{max-width:55%;flex:0 0 55%}}app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin{display:flex}app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-text{max-width:60%;flex:0 0 60%;padding-right:2px}@media screen and (max-width:1024px){app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-text{max-width:60%;flex:0 0 60%}}@media screen and (max-width:767px){app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-text{max-width:75%;flex:0 0 75%}}app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-text p{margin-bottom:5px}app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-text p.port{color:#1e4f98}app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-text p.country{color:#404040}@media only screen and (max-width:600px){app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-text p.country{word-break:break-all}}app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-text p.mobile-view{display:none}@media only screen and (max-width:767px){app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-text p.mobile-view{display:block}}app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-text p.port-info{color:#404040;margin-bottom:0}@media screen and (max-width:767px){app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-text p.desktop-view{display:none}}app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-icon{max-width:40%;flex:0 0 40%;padding-top:27px}@media screen and (max-width:1024px){app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-icon{max-width:40%;flex:0 0 40%}}@media screen and (max-width:767px){app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-icon{max-width:33%;flex:0 0 33%}}app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width{width:100%;display:inline-block;text-align:right;position:relative}@media screen and (max-width:1024px){app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width{left:0}}app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width svg,app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width .swi-icon{position:relative;z-index:1;top:-3px}app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width:before{content:"";width:calc(100% - 18px);height:2px;border-top:2px dashed #91979d;position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:0}@media screen and (max-width:1024px){app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width:before{width:calc(100% + 40px)}}@media screen and (max-width:767px){app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width:before{width:calc(100% - 18px)}}app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width b{width:14px;

3height:14px;background:#879ec0;border:2px solid #1e4f98;display:inline-block;border-radius:40px;position:relative;z-index:1}@media screen and (max-width:1024px){app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width b{display:none}}app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width.full-width{width:100%;margin-left:0}app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width.full-width b{display:none}app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width.full-width svg{left:6px}app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port.destination-port{max-width:40%;flex:0 0 40%;display:flex;padding-left:15px}@media screen and (max-width:767px){app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port.destination-port{max-width:45%;flex:0 0 45%;padding-right:0;padding-left:15px}}app-sailing .search-result-container .search-two-column .left-section .port-detail .origin-port.destination-port .origin .origin-text{max-width:100%;flex:0 0 100%;padding-right:0}app-sailing .search-result-container .search-two-column .right-section{padding-right:0;border-right:0px;padding-left:40px}@media screen and (max-width:1024px){app-sailing .search-result-container .search-two-column .right-section{padding-left:0}}app-sailing .search-result-container>p{color:#404040;margin-bottom:0;padding-top:5px}app-sailing .search-result-container>p a{background:#f0f2f3;box-shadow:0 2px 4px #00000026;border-radius:15px;color:#1e4f98;display:-ms-inline-flexbox;display:inline-flex;font-weight:600;font-size:14px;min-width:80px;height:28px;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 5px;line-height:1;margin-left:auto}app-sailing .select-sailing-main{display:flex}@media screen and (max-width:1024px){app-sailing .select-sailing-main{flex-direction:column-reverse}}app-sailing .select-sailing-main .sailing-left{max-width:30%;flex:0 0 30%;position:relative}@media screen and (max-width:1024px){app-sailing .select-sailing-main .sailing-left{max-width:100%;flex:0 0 100%;flex-direction:row;display:flex;margin-top:20px}}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-left{flex-direction:column-reverse}}@media screen and (max-width:1024px){app-sailing .select-sailing-main .sailing-left .sailing-left-tab{max-width:55%;flex:0 0 55%;padding-right:15px}}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-left .sailing-left-tab{max-width:100%;flex:0 0 100%;padding-right:0}}@media screen and (max-width:1024px){app-sailing .select-sailing-main .sailing-left .sailing-right-tab{max-width:45%;flex:0 0 45%}}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-left .sailing-right-tab{max-width:100%;flex:0 0 100%;padding-right:0}}app-sailing .select-sailing-main .sailing-left .img-div{height:128px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:30px;border-radius:10px 10px 0 0;position:relative;background-size:cover}@media screen and (max-width:1024px){app-sailing .select-sailing-main .sailing-left .img-div{padding:32px}}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-left .img-div{padding:0;height:auto}}app-sailing .select-sailing-main .sailing-left .img-div>img{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-left .img-div>img{position:relative}}app-sailing .select-sailing-main .sailing-left .img-div .desktop_tablet-view-asa{display:block}app-sailing .select-sailing-main .sailing-left .img-div .mobile-view-asa{display:none}@media only screen and (max-width:767px){app-sailing .select-sailing-main .sailing-left .img-div .desktop_tablet-view-asa{display:none}app-sailing .select-sailing-main .sailing-left .img-div .mobile-view-asa{display:block}}app-sailing .select-sailing-main .sailing-left .img-div p{text-shadow:0px 4px 4px rgba(0,0,0,.25),1px 5px 59px rgba(0,0,0,.4);color:#fff;margin-bottom:0}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-left .img-div p{position:absolute;padding:32px}}app-sailing .select-sailing-main .sailing-left .select-sailing-blue{background:#0b203e;border-radius:0 0 10px 10px;padding:0 30px;list-style:none;margin-block-start:-1px}@media screen and (max-width:1024px){app-sailing .select-sailing-main .sailing-left .select-sailing-blue{padding:0 60px}}app-sailing .select-sailing-main .sailing-left .select-sailing-blue li a{border-bottom:2px solid #1a4079;align-items:center;flex-wrap:wrap;display:flex;padding:30px 0}app-sailing .select-sailing-main .sailing-left .select-sailing-blue li a .sailing-text{display:block;width:calc(100% - 40px);padding-left:20px}app-sailing .select-sailing-main .sailing-left .select-sailing-blue li:last-child a{border-bottom:0px solid #1a4079}app-sailing .select-sailing-main .sailing-left .contact-us{background:#f2f2f2;border:1px solid #c2c9d1;border-radius:10px;padding:15px 30px;list-style:none}@media screen and (max-width:1024px){app-sailing .select-sailing-main .sailing-left .contact-us{padding:20px 30px;min-height:166px}}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-left .contact-us{min-height:135px}}app-sailing .select-sailing-main .sailing-left .contact-us li{display:flex;flex-wrap:wrap;align-items:center}@media screen and (max-width:1024px){app-sailing .select-sailing-main .sailing-left .contact-us li>svg{top:22px;position:relative}}app-sailing .select-sailing-main .sailing-left .contact-us li>.sailing-text{display:block;width:calc(100% - 40px);padding-left:20px}app-sailing .select-sailing-main .sailing-left .contact-us li>p{width:100%;margin-bottom:0;padding-top:15px;padding-bottom:0;padding-left:58px;display:flex;align-items:flex-end;justify-content:space-between;position:relative}app-sailing .select-sailing-main .sailing-left .contact-us li>p .arrow-icon-right .swi-icon{width:30px;position:absolute;right:0;top:9px}app-sailing .select-sailing-main .sailing-left .need-help{background:#c0cbdd;border:1px solid #c2c9d1;border-radius:10px;padding:15px 30px;list-style:none}@media screen and (max-width:1024px){app-sailing .select-sailing-main .sailing-left .need-help{padding:20px 30px;min-height:166px}}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-left .need-help{padding:0 30px;min-height:135px;align-items:center;display:flex}}app-sailing .select-sailing-main .sailing-left .need-help li{display:flex;align-items:center;width:100%}app-sailing .select-sailing-main .sailing-left .need-help li .help-img{width:50px;height:50px;background:gray;border-radius:50px;overflow:hidden;position:relative}app-sailing .select-sailing-main .sailing-left .need-help li .help-img img{position:absolute;width:100%;height:100%;left:0;top:0}app-sailing .select-sailing-main .sailing-left .need-help li .help-text{display:flex;width:calc(100% - 50px);padding-left:15px;flex-direction:column;position:relative}app-sailing .select-sailing-main .sailing-left .need-help li .help-text .swi-icon{width:30px;position:relative;bottom:-6px}app-sailing .select-sailing-main .sailing-left .need-help li .help-text span{dis

3play:block}app-sailing .select-sailing-main .sailing-left .need-help li .help-text p{color:#000;display:flex;align-items:flex-end;justify-content:space-between}@media screen and (max-width:1024px){app-sailing .select-sailing-main .sailing-left .need-help li .help-text p{margin-top:8px}}app-sailing .select-sailing-main .sailing-right{max-width:70%;flex:0 0 70%;padding-left:25px;position:relative}@media screen and (max-width:1024px){app-sailing .select-sailing-main .sailing-right{padding-left:0;max-width:100%;flex:0 0 100%}}app-sailing .select-sailing-main .sailing-right.edit-booking-sailing{max-width:100%;flex:0 0 100%}app-sailing .select-sailing-main .sailing-right .sailing-sort{border-radius:10px 10px 0 0;min-height:128px;display:flex;align-items:flex-start;padding:0 30px;flex-direction:column;position:relative;justify-content:center}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-right .sailing-sort{justify-content:flex-start;padding-top:15px}}app-sailing .select-sailing-main .sailing-right .sailing-sort>img{position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1}app-sailing .select-sailing-main .sailing-right .sailing-sort .form-aarival{display:flex;text-align:right;position:absolute;right:20px;bottom:15px;align-items:center}app-sailing .select-sailing-main .sailing-right .sailing-sort .form-aarival>span{margin-right:10px}app-sailing .select-sailing-main .sailing-right .sailing-data{padding:20px 15px;border-radius:0 0 10px 10px;margin-bottom:40px;border:1px solid #c2c9d1}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul{list-style:none;display:flex;border-radius:10px;background:#fff;filter:drop-shadow(0px 2px 4px rgba(0,0,0,.15))}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul:hover{box-shadow:0 8px 12px #0000001a,0 4px 48px #0000001a}@media screen and (max-width:1024px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul{border-radius:10px 0 10px 10px}}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul{flex-direction:column;border-radius:10px 10px 11px 11px}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left{max-width:60%;flex:0 0 60%}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left{max-width:100%;flex:0 0 100%}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .data-main{min-height:135px;padding:20px 25px;position:relative}@media screen and (max-width:1024px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .data-main{padding:20px;min-height:auto}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .data-main .green-leaf{position:absolute;bottom:12px;right:10px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .data-main .green-leaf .tooltip-mark{position:absolute;width:206px;min-height:56px;padding:10px;background:#282828e6;text-align:center;left:-90px;top:-84px;z-index:1;border-radius:6px;display:none}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .data-main .green-leaf .tooltip-mark{left:-173px}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .data-main .green-leaf .tooltip-mark:before{content:"";width:10px;height:10px;background:#282828e6;position:absolute;left:104px;transform:rotate(45deg);bottom:-4px}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .data-main .green-leaf .tooltip-mark:before{left:90%}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .data-main .green-leaf .tooltip-mark span{font-size:14px;font-weight:400}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .data-main .green-leaf:hover .tooltip-mark{display:block}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .data-main .date-country{display:flex;margin-top:8px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .data-main .date-country .cntry-common{max-width:calc(50% - 30px);flex:0 0 50%;display:flex;flex-direction:column}@media screen and (max-width:1024px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .data-main .date-country .cntry-common{max-width:41%;flex:0 0 41%}}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .data-main .date-country .cntry-common{max-width:42%;flex:0 0 42%}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .data-main .date-country .cntry-common span{color:#1e4f98}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .data-main .date-country .cntry-common p{color:#000;margin-bottom:0}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .data-main .date-country .cntry-common .receipt{color:gray}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .data-main .date-country .arrow-img{display:flex;align-items:center;padding:0 15px}@media screen and (max-width:1024px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .data-main .date-country .arrow-img{align-items:flex-start;padding-top:22px}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .data-main .days-direct{margin-top:10px;display:flex;flex-wrap:wrap;gap:10px}@media screen and (max-width:1024px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .data-main .days-direct{padding-right:30px}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .vessel-service{padding:0 25px;border-top:0px solid #c2c9d1;max-height:0;overflow:hidden;opacity:1;transition:max-height .2s ease-out;display:none}@media screen and (max-width:1024px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .vessel-service{padding:20px}}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .vessel-service{border-top:0;padding-top:0}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .vessel-service ul{display:flex}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .vessel-service ul{margin-bottom:15px;padding-top:0}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .vessel-service ul li{padding-right:47px;display:flex;flex-direction:column}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .vessel-service ul li{padding-right:15px;width:65%}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .vessel-service ul li:nth-child(2){width:35%;padding-right:0}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .vessel-service ul li span.head{color:#000}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .vessel-service ul li span.data{color:#5477ab}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .vessel-service .schedule-btn{margin-top:10px}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .white-bg-left .vessel-service .schedule-btn{margin-top:0}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right{max-width:40%;flex:0 0 40%;background:#1e4f98;border-radius:9px}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right{max-width:100%;flex:0 0 100%;border-radius:8px}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .price-inside{min-height:171px;padding:20px 25px;position:relative;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width:1024px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .price-inside{padding:10px 20px}}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .price-inside{padding:20px;min-height:130px}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .price-inside p{margin-bottom:0;padding-right:20px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .price-inside p.dry-container{padding-top:10px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .price-inside h4{margin-bottom:0;color:#fff}@media screen and (max-width:1024px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .price-inside h4{font-size:28px;line-height:35.2px}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .price-inside h4 .caution{font-weight:600;font-size:14px;color:gray;padding-left:0;position:relative;top:-4px;display:inline-flex}@media screen and (max-width:1024px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .price-inside h4 .caution{display:inline-flex;margin-right:5px;padding-top:5px;align-items:center}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .price-inside h4 .caution svg{margin-right:5px}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .price-inside h4 .question-mark{position:relative}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .price-inside h4 .question-mark .tooltip-mark{position:absolute;width:240px;min-height:148px;padding:20px;background:#282828e6;text-align:center;left:-102px;top:-152px;z-index:1;border-radius:6px;display:none}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .price-inside h4 .question-mark .tooltip-mark:before{content:"";width:10px;height:10px;background:#282828e6;position:absolute;

3left:104px;transform:rotate(45deg);bottom:-4px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .price-inside h4 .question-mark .tooltip-mark span{font-size:14px;font-weight:400}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .price-inside h4 .question-mark .tooltip-mark span:nth-child(1){display:block}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .price-inside h4 .question-mark:hover .tooltip-mark{display:block}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .price-inside .white-arrow{position:absolute;top:50%;transform:translateY(-50%);right:15px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .get-quote{padding:0 25px;border-top:1px solid #5477ab;max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease-out}@media screen and (max-width:1024px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .get-quote{padding:10px 20px}}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .get-quote{margin:0 20px;padding:10px 0}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .get-quote p{color:#fff;margin-bottom:7px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .get-quote.book-shipment{padding-top:0;padding-bottom:0;border:0}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul .blue-bg-right .get-quote.book-shipment{text-align:left}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul.expand{border:2px solid #1e4f98;border-right:0}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul.expand .white-bg-left .vessel-service{display:block;max-height:300px;opacity:1;padding-top:20px;padding-bottom:20px;border-top:1px solid #c2c9d1}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul.expand .blue-bg-right .get-quote{display:block;max-height:300px;opacity:1;padding-top:10px;padding-bottom:10px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul.expand .blue-bg-right .get-quote.book-shipment{padding-bottom:33px;padding-top:5px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul.expand .blue-bg-right .price-inside .white-arrow svg,app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul.expand .blue-bg-right .price-inside .white-arrow .swi-icon{transform:rotate(180deg);display:inline-block;transition:all ease .3s}@media only screen and (max-width:600px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result>ul.expand{border-right:2px solid #1e4f98}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule{position:fixed;display:flex;width:100%;height:100%;z-index:999999;left:0;top:0;background:#0009;align-items:center;justify-content:center}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand{position:relative}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand{display:none!important}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside{transition:.3s;height:auto;max-width:650px;flex:1;max-height:600px;background:#fff;box-shadow:0 4px 4px #00000040;border-radius:10px;padding:40px;overflow-y:auto}@media screen and (max-width:767px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside{max-width:100%;flex:0 0 100%;border-right:0px solid #c2c9d1}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside .close{position:absolute;right:20px;top:20px;opacity:1;z-index:10;border:0px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside .result-head{display:flex;margin-bottom:10px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside .result-head span{max-width:27%;flex:0 0 27%;color:#1e4f98}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside .result-head span:nth-child(1){max-width:19%;flex:0 0 19%}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside .result-data{display:flex}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside .result-data .result-multiple{max-width:27%;flex:0 0 27%;padding-right:15px;position:relative}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside .result-data .result-multiple:nth-child(1){max-width:19%;flex:0 0 19%}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside .result-data .result-multiple:nth-child(1):before{content:"";height:100%;position:absolute;right:14px;top:10px;border-right:2px dotted grey}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside .result-data .result-multiple .result-border{position:relative;height:100%;padding-bottom:25px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside .result-data .result-multiple .result-border.use-after p{font-weight:400}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside .result-data .result-multiple .result-border.use-after:after{position:absolute;width:12px;height:12px;border-radius:40px;border:2px #1e4f98 solid;background:#fff;right:-6px;top:6px;content:""}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside .result-data .result-multiple .result-border p{color:#404040;margin-bottom:0;position:relative;z-index:0;background:#fff;display:inline-block;padding-right:5px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside .result-data .result-multiple .result-border span{color:gray;display:flex}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside .result-data .result-multiple:last-child .result-border:after{background:#879ec0}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside .result-data .result-multiple:last-child .result-border:before{display:none}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside .result-data .result-multiple.last-dot-boder:before{display:none}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside .result-data .result-multiple.first-dot-boder .use-after:after{background:#879ec0}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside .result-data:last-child .result-multiple .use-after:after{background:#fff}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside .result-data:last-child .result-multiple.last-dot-boder .use-after:after{background:#879ec0}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside.hide{height:0;padding:0;visibility:hidden;opacity:0}

3app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside.result-expand-cargo .result-data .result-multiple:before{display:none}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside.result-expand-cargo .result-data .result-multiple .result-border p{font-weight:400}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .result-expand .result-expand-inside.result-expand-cargo .result-data .result-multiple .result-border.use-after:after{display:none}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2{height:100%;width:100%}@media screen and (min-width:768px){app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2{display:none}}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container{background:#fff;box-shadow:0 8px 12px #0000001a,0 4px 48px #0000001a;height:100%;border-radius:0;padding:100px 20px 50px;overflow-y:auto}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .close{position:absolute;right:20px;top:80px;opacity:1;background:#fff;z-index:999;border:0;outline:none}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .hide-edit-btn{justify-content:center;display:flex;margin-top:20px;padding-right:0;margin-bottom:13px;flex-wrap:wrap;justify-content:flex-end}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .hide-edit-btn a{background:#f0f2f3;box-shadow:0 2px 4px #00000026;border-radius:15px;color:#1e4f98;display:inline-flex;font-weight:600;font-size:14px;min-width:153px;height:27px;align-items:center;justify-content:center;padding:0 5px;line-height:1;margin-bottom:10px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .hide-edit-btn a svg{margin-right:4px;transition:.3s}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .hide-edit-btn a.schedule{margin-right:10px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .hide-edit-btn a.schedule svg{transform:rotate(0);position:relative;top:0}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .hide-edit-btn a.schedule.hide-arrow svg{transform:rotate(60deg);position:relative;top:2px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .hide-edit-btn a.edit{min-width:71px;margin-right:10px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .destination-data-main{height:100%;transition:.3s}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .destination-data-main.hide{height:0;display:none}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .destination-data-main .destination-data-repeat .destination-data{list-style:none;display:flex;flex-direction:column;margin-bottom:0}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .destination-data-main .destination-data-repeat .destination-data li{padding-left:20px;padding-bottom:23px;position:relative}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .destination-data-main .destination-data-repeat .destination-data li p{font-size:15px;font-weight:400;color:#404040;margin-bottom:0}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .destination-data-main .destination-data-repeat .destination-data li p span{color:gray;font-size:12px;font-weight:400}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .destination-data-main .destination-data-repeat .destination-data li:before{content:"";width:12px;height:12px;background:#879ec0;border-radius:40px;border:2px solid #1e4f98;position:absolute;

3left:-4px;top:5px;z-index:1}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .destination-data-main .destination-data-repeat .destination-data li:after{content:"";height:100%;width:2px;border-left:1px dashed #91979d;position:absolute;left:1px;top:10px;z-index:0}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .destination-data-main .destination-data-repeat:last-child li{padding-bottom:10px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .destination-data-main .destination-data-repeat:last-child li:last-child:after{display:none}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .destination-data-main.cargo-data-main .destination-data-repeat h4{font-weight:700;font-size:13px;color:#1e4f98;margin-bottom:10px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .destination-data-main.cargo-data-main .destination-data-repeat .destination-data li{padding-left:0}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .destination-data-main.cargo-data-main .destination-data-repeat .destination-data li:before{display:none}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .destination-data-main.cargo-data-main .destination-data-repeat .destination-data li p{color:#404040;font-weight:400;font-size:14px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .destination-data-main.cargo-data-main .destination-data-repeat .destination-data li p.cargo-data{font-weight:600;font-size:18px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .total-amount{padding-left:0;border-top:1px solid #c2c9d1;margin-top:15px;padding-top:15px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .total-amount p{margin-bottom:0;padding-bottom:5px}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .total-amount p.tot-amount{font-weight:700;font-size:13px;color:#1e4f98}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .total-amount p.price{font-weight:700;font-size:14px;color:gray}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .total-amount p.selection{font-weight:400;font-size:14px;color:#404040}app-sailing .select-sailing-main .sailing-right .sailing-data app-sailling-search-result app-full-schedule .only-mobile-v2 .mob-search-result-container .total-amount .code-btn{width:182px;height:36px;background:#e0e4e8;box-shadow:0 4px 8px #00000040;border-radius:15px;padding:5px 10px;color:#1e4f98;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;margin-top:5px}app-sailing .select-sailing-main .sailing-right .sailing-data .showing-btn{text-align:center;margin-top:10px}app-sailing .select-sailing-main .sailing-right .sailing-data .showing-btn p{margin-bottom:10px;font-size:15px;color:#000;font-weight:400}app-sailing .select-sailing-main .sailing-right .sailing-data .showing-btn a{display:inline-flex;padding:4px 10px;align-items:center;justify-content:center;background:#fff;box-shadow:0 2px 4px #00000026;border-radius:15px;color:#1e4f98;font-weight:600;font-size:14px}app-sailing .select-sailing-main .sailing-right .sailing-data .no-result-section{height:375px}app-sailing .select-sailing-main .sailing-right .sailing-data .no-result-section .no-result{display:flex;align-items:center;flex-direction:column;margin-top:100px}app-sailing .select-sailing-main .sailing-right .sailing-data .no-result-section .no-result app-common-default-screen .empty-states-common{border:0}app-sailing .select-sailing-main .sailing-right .sailing-data .no-result-section .no-result .no-reult-text{margin:9px 0;color:#1e4f98;font-size:16px;font-weight:700;text-align:center}app-sailing .select-sailing-main .sailing-right .sailing-data .no-result-section.customer-support .no-result{margin-top:50px;text-align:center;display:flex;align-items:center;flex-direction:column}app-sailing .select-sailing-main .sailing-right .sailing-data.no-result-edit-module{background:#fff;margin:20px 0;border-radius:10px;box-shadow:0 4px 4px #00000040;max-height:271px}app-sailing .select-sailing-main .sailing-right .sailing-data.no-result-edit-module .no-result-section .no-result{margin-top:55px}app-sailing .select-sailing-main .sailing-right .sailing-data.no-result-edit-module.removeHeight{max-height:800px}app-sailing .select-sailing-main .sailing-right .no-searchhelp-intrest{display:none}app-sailing .select-sailing-main.no-searching{margin-bottom:80px}app-sailing .select-sailing-main.no-searching .sailing-left{display:none}app-sailing .select-sailing-main.no-searching .sailing-right{max-width:100%;flex:0 0 100%;padding-left:0}app-sailing .select-sailing-main.no-searching .sailing-right .sailing-sort{display:none}app-sailing .select-sailing-main.no-searching .sailing-right .sailing-data{height:450px;border-radius:10px;align-items:center;justify-content:center;display:flex;margin-bottom:20px;overflow:hidden}app-sailing .select-sailing-main.no-searching .sailing-right .sailing-data .no-result-section{height:auto}app-sailing .select-sailing-main.no-searching .sailing-right .sailing-data .no-result-section .no-result{margin:0}app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest{max-width:100%;flex:0 0 100%;display:flex}@media screen and (max-width:767px){app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest{flex-direction:column}}app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest .contact-us{background:#f2f2f2;border:1px solid #c2c9d1;border-radius:10px;padding:15px 30px;list-style:none;max-width:300px;min-height:135px;margin-right:15px}@media screen and (max-width:1024px){app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest .contact-us{padding:20px 30px}}@media screen and (max-width:767px){app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest .contact-us{max-width:100%;margin-right:0}}app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest .contact-us li{display:flex;flex-wrap:wrap;align-items:center}@media screen and (max-width:1024px){app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest .contact-us li>svg{top:22px;position:relative}}app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest .contact-us li>span:not(.swi-icon){font-size:20px;font-weight:400;line-height:25px;display:block;width:calc(100% - 38px);padding-left:20px;color:#000}app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest .contact-us li .caution{padding-left:6px;position:relative;display:inline-flex}@media screen and (max-width:1024px){app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest .contact-us li .caution{display:inline-flex;margin-right:5px;padding-top:5px;align-items:center}}app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest .contact-us li>p{width:100%;font-size:20px;font-weight:400;margin-bottom:0;padding-bottom:0;padding-left:58px;display:flex;align-items:flex-end;justify-content:space-between}app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest .need-help{background:#c0cbdd;border:1px solid #c2c9d1;border-radius:10px;padding:15px 30px;list-style:none;max-width:300px;min-height:135px}@media screen and (max-width:1024px){app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest .need-help{padding:20px 30px}}@media screen and (max-width:767px){app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest .need-help{padding:0 30px;align-items:center;display:flex;max-width:100%;margin-right:0}}app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest .need-help li{display:flex;align-items:center}app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest .need-help li .help-img{width:50px;height:50px;background:gray;border-radius:50px;overflow:hidden;position:relative}app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest .need-help li .help-img img{position:absolute;width:100%;height:100%;left:0;top:0}app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest .need-help li .help-text{display:flex;width:calc(100% - 50px);padding-left:15px;flex-direction:column}app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest .need-help li .help-text span:not(.swi-icon){font-size:20px;font-weight:400;display:block}app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest .need-help li .help-text p{font-size:18px;font-weight:400;color:#000;line-height:24px;display:flex;align-items:flex-end;justify-content:space-between}@media screen and (max-width:1024px){app-sailing .select-sailing-main.no-searching .sailing-right .no-searchhelp-intrest .need-help li .help-text p{margin-top:8px}}.ng-dropdown-panel{width:100%}.ng-dropdown-panel::-webkit-scrollbar{width:8px;background-color:#e0e0e0}.ng-dropdown-panel::-webkit-scrollbar-track{border-radius:10px;background-color:#e0e0e0}.ng-dropdown-panel::-webkit-scrollbar-thumb{border-radius:0;background-color:#9d9d9d;height:30px}.form-aarival .ng-select{min-width:170px}.form-aarival .ng-select .ng-select-container{border-radius:10px!important;border:1px solid #91979d;height:28px}.form-aarival .ng-select .ng-select-container .ng-value-container .ng-placeholder{color:gray;font-weight:400;font-size:16px}.form-aarival .ng-select .ng-select-container .ng-value-container .ng-value{justify-content:center;font-weight:400;color:#000;font-size:16px}.form-aarival .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:none}.form-aarival .ng-select .ng-select-container .ng-value-container .ng-value .ng-value-label{color:#1e4f98;font-weight:600;font-size:16px}.form-aarival .ng-select .ng-select-container .ng-value-container .ng-value .description-main{display:flex;max-width:376px}@media screen and (max-width:1024px){.form-aarival .ng-select .ng-select-container .ng-value-container .ng-value .description-main{max-width:330px}}@media screen and (max-width:767px){.form-aarival .ng-select .ng-select-container .ng-value-container .ng-value .description-main{max-width:100%}}.form-aarival .ng-select .ng-select-container .ng-value-container .ng-value .description-main .desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-aarival .ng-select .ng-select-container .ng-clear-wrapper{display:none}.form-aarival .ng-select .ng-select-container .ng-arrow-wrapper{line-height:0}.form-aarival .ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow{border-color:#1e4f98 transparent transparent;border-width:7px 5.6px 1.5px;top:2px}.form-aarival .ng-select .ng-dropdown-panel{box-shadow:0 4px 4px #00000040;border-radius:10px;margin-top:2px;padding:4px 0;overflow:hidden}.form-aarival .ng-select .ng-dropdown-panel .ng-dropdown-panel-items{max-height:150px}.form-aarival .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{padding:5px 15px;white-space:inherit;font-weight:400;text-align:left}.form-aarival .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .limit{padding-bottom:3px;padding-top:0!important;color:gray;font-weight:600;font-size:12px;display:block}.form-aarival .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-option-label{font-weight:600!important;font-size:16px;color:#1e4f98}.form-aarival .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f0f2f3;color:#1e4f98;font-weight:600}.form-aarival .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked .ng-option-label{font-weight:600!important}.form-aarival .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-marked{background-color:#f0f2f3}.form-aarival .ng-select .ng-dropdown-panel .ng-dropdown-header{border-radius:10px;border-bottom:0px solid #ccc}.form-aarival .ng-select .ng-dropdown-panel .ng-dropdown-header input{border:1px solid #ccc;width:100%;padding:0 5px;border-radius:10px}.form-aarival .ng-select.ng-select-opened>.ng-select-container .ng-arrow-wrapper{line-height:0}.form-aarival .ng-select.ng-select-opened>.ng-select-container .ng-arrow-wrapper .ng-arrow{border-color:transparent transparent #1e4f98;border-width:7px 5.6px 6.5px;top:-4px}.form-aarival .ng-select.ng-select-bottom .ng-arrow-wrapper{line-height:0}.form-aarival .ng-select.ng-dirty .ng-select-container{border-color:#1e4f98;box-shadow:0 4px 4px #00000040!important}.form-aarival .ng-select.error .ng-select-container{border-color:#d14545}.form-aarival .ng-select.error .ng-select-container .ng-value-container .ng-placeholder{color:#d14545}.login-alert{border-radius:10px;padding:10px 24px;display:flex;width:100%;margin-top:40px;margin-bottom:40px}.login-alert svg{margin-right:10px;position:relative;top:2px}@media screen and (min-width:600px){.login-alert>span br{display:none}}.login-alert>span a{color:#296edd}.cargo-includers{background:#fcfcfd;box-shadow:0 8px 12px #0000001a,0 4px 48px #0000001a;padding:20px 20px 20px 43px;display:flex;overflow:hidden;flex-direction:column;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-right-radius:10px}@media screen and (max-width:1024px){.cargo-includers{padding:20px 25px}}.cargo-includers .search-two-column{display:flex}.cargo-includers .search-two-column .left-section{max-width:70%;flex:0 0 70%;padding-right:15px;position:relative}@media screen and (max-width:1024px){.cargo-includers .search-two-column .left-section{max-width:60%;flex:0 0 60%}}.cargo-includers .search-two-column .left-section .port-detail{width:100%;display:flex;border-bottom:1px solid #c2c9d1;margin-bottom:0}@media screen and (max-width:1024px){.cargo-includers .search-two-column .left-section .port-detail{border-bottom:0px solid #c2c9d1}}.cargo-includers .search-two-column .left-section .port-detail .origin-port{max-width:37%;flex:0 0 37%;display:flex;flex-direction:column;padding-right:15px;position:relative}.cargo-includers .search-two-column .left-section .port-detail .origin-port .origin .origin-text{max-width:70%;flex:0 0 70%;padding-right:2px}@media screen and (max-width:1024px){.cargo-includers .search-two-column .left-section .port-detail .origin-port .origin .origin-text{max-width:50%;flex:0 0 50%}}.cargo-includers .search-two-column .left-section .port-detail .origin-port .origin .origin-text p{margin-bottom:5px}.cargo-includers .search-two-column .left-section .port-detail .origin-port .origin .origin-text p.port{font-weight:700;font-size:13px;color:#1e4f98}

3.cargo-includers .search-two-column .left-section .port-detail .origin-port .origin .origin-text p.country{font-weight:600;font-size:18px;color:#404040}.cargo-includers .search-two-column .left-section .port-detail .origin-port .origin .origin-text p.port-info{font-size:14px;font-weight:400;color:#404040;margin-bottom:0}.cargo-includers .search-two-column .left-section .port-detail .origin-port .origin .origin-icon{max-width:30%;flex:0 0 30%;padding-top:27px}@media screen and (max-width:1024px){.cargo-includers .search-two-column .left-section .port-detail .origin-port .origin .origin-icon{max-width:50%;flex:0 0 50%}}.cargo-includers .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width{width:100%;display:inline-block;text-align:right;position:relative}@media screen and (max-width:1024px){.cargo-includers .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width{left:7px}}@media screen and (max-width:767px){.cargo-includers .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width{left:17px}}.cargo-includers .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width svg{position:relative;z-index:1;top:-3px}.cargo-includers .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width:before{content:"";width:calc(100% - 15px);height:2px;border-top:2px dashed #91979d;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:0}.cargo-includers .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width b{width:14px;height:14px;background:#879ec0;border:2px solid #1e4f98;display:inline-block;border-radius:40px;position:relative;z-index:1}@media screen and (max-width:1024px){.cargo-includers .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width b{display:none}}.cargo-includers .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width.full-width{width:100%;margin-left:0}@media screen and (max-width:1024px){.cargo-includers .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width.full-width{width:70%}}.cargo-includers .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width.full-width b{display:none}.cargo-includers .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width.full-width svg{left:6px}@media screen and (max-width:1024px){.cargo-includers .search-two-column .left-section .port-detail .origin-port .origin .origin-icon .main-width.full-width svg{left:2px}}.cargo-includers .search-two-column .left-section .port-detail .origin-port .day-transit{justify-content:center;flex-direction:column;height:auto;position:absolute;right:0;top:60px}@media screen and (max-width:1024px){.cargo-includers .search-two-column .left-section .port-detail .origin-port .day-transit{flex-direction:column;height:auto;position:absolute;right:24px;top:60px}}.cargo-includers .search-two-column .left-section .port-detail .origin-port .day-transit span{background:#f0f2f3;border-radius:10px;width:80px;height:31px;display:inline-flex;align-items:center;justify-content:center;color:#1a4079;font-size:16px;font-weight:700}.cargo-includers .search-two-column .left-section .port-detail .origin-port .day-transit span.day{margin-right:15px;margin-bottom:10px}.cargo-includers .search-two-column .left-section .port-detail .origin-port .etd-main{margin-top:20px}.cargo-includers .search-two-column .left-section .port-detail .origin-port .etd-main p{margin-bottom:5px}.cargo-includers .search-two-column .left-section .port-detail .origin-port .etd-main p.etd{font-weight:700;font-size:13px;color:#1e4f98}.cargo-includers .search-two-column .left-section .port-detail .origin-port .etd-main p.etd-date{font-weight:600;font-size:18px;color:#404040;margin-bottom:15px}.cargo-includers .search-two-column .left-section .port-detail .origin-port.destination-port{max-width:27%;flex:0 0 27%;display:flex;padding-left:15px}.cargo-includers .search-two-column .left-section .port-detail .origin-port.destination-port .origin .origin-text{max-width:100%;flex:0 0 100%;padding-right:0}.cargo-includers .search-two-column .left-section .port-detail .cargo-info{max-width:36%;flex:0 0 36%;display:flex;position:relative;padding:0 0 0 20px}.cargo-includers .search-two-column .left-section .port-detail .cargo-info .cargo-type{max-width:50%;flex:0 0 50%}

3.cargo-includers .search-two-column .left-section .port-detail .cargo-info .cargo-type svg{margin-top:0;margin-right:4px}.cargo-includers .search-two-column .left-section .port-detail .cargo-info .cargo-type p{font-size:14px;font-weight:600;color:#404040;margin-bottom:5px}.cargo-includers .search-two-column .left-section .port-detail .cargo-info .cargo-type p.cargo{font-size:13px;color:#1e4f98}.cargo-includers .search-two-column .left-section .port-detail .cargo-info .cargo-type .cargo-name{font-weight:600;font-size:15px;color:#404040;margin-bottom:5px}.cargo-includers .search-two-column .left-section .port-detail .cargo-info .cargo-right p.cif{font-weight:400}.cargo-includers .search-two-column .left-section .port-detail .cargo-info:before{content:"";width:1px;height:130px;background:#c2c9d1;position:absolute;left:0;top:5px;display:block}.cargo-includers .search-two-column .left-section:before{content:"";width:1px;height:130px;background:#c2c9d1;position:absolute;right:0;top:5px;display:block}.cargo-includers .search-two-column .right-section{max-width:30%;flex:0 0 30%;padding-left:0;height:calc(100% - 47px)}@media screen and (max-width:1024px){.cargo-includers .search-two-column .right-section{max-width:40%;flex:0 0 40%}}.cargo-includers .search-two-column .right-section .total-amount{padding-left:20px}@media screen and (max-width:1024px){.cargo-includers .search-two-column .right-section .total-amount{padding-left:20px}}.cargo-includers .search-two-column .right-section .total-amount p{margin-bottom:0;padding-bottom:5px}.cargo-includers .search-two-column .right-section .total-amount p.tot-amount{font-weight:700;font-size:13px;color:#1e4f98}.cargo-includers .search-two-column .right-section .total-amount p.price{font-weight:700;font-size:20px;color:#404040}.cargo-includers .search-two-column .right-section .total-amount p.selection{font-weight:400;font-size:14px;color:#404040}.cargo-includers .search-two-column .right-section .total-amount .code-btn{width:217px;height:36px;background:#e0e4e8;box-shadow:0 4px 8px #00000040;border-radius:15px;padding:5px 10px;color:#1e4f98;font-weight:600;font-size:18px;display:flex;align-items:center;justify-content:center;margin:15px auto 0}.cargo-includers .search-two-column .right-section .total-amount .form-control{box-shadow:0 4px 8px #00000040}.cargo-includers .search-two-column .right-section .total-amount .clear-text{margin-top:10px;justify-content:space-between}.cargo-includers .search-two-column .right-section .total-amount .clear-text p{font-size:13px;color:#404040;font-weight:400}.cargo-includers .search-two-column .right-section .total-amount .clear-text span{color:#296edd;font-weight:600;font-size:14px;cursor:pointer}.cargo-includers .pre-collect-charge{display:flex;padding-right:10px;padding-top:20px;border-top:1px solid #c2c9d1;border-bottom:1px solid #c2c9d1;padding-bottom:20px}.cargo-includers .pre-collect-charge .pre-paid-charge{display:flex;max-width:50%;flex:0 0 50%;padding-right:60px}.cargo-includers .pre-collect-charge .pre-paid-charge.pre-paid-charge-left{border-right:1px solid #c2c9d1}.cargo-includers .pre-collect-charge .pre-paid-charge.pre-paid-charge-right{padding-left:50px;padding-right:30px}.cargo-includers .pre-collect-charge .pre-paid-charge .heading-left{display:flex;max-width:30%;flex:0 0 30%;flex-direction:column}.cargo-includers .pre-collect-charge .pre-paid-charge .heading-left h4{font-weight:600;font-size:18px;color:#1e4f98;margin-bottom:5px}.cargo-includers .pre-collect-charge .pre-paid-charge .heading-left p{font-size:12px;font-weight:400;color:#404040;margin-bottom:0}.cargo-includers .pre-collect-charge .pre-paid-charge .total-container-right{display:flex;max-width:70%;flex:0 0 70%;flex-direction:column;padding-left:30px}.cargo-includers .pre-collect-charge .pre-paid-charge .total-container-right ul{list-style:none}.cargo-includers .pre-collect-charge .pre-paid-charge .total-container-right ul li{margin-bottom:6px;display:flex}.cargo-includers .pre-collect-charge .pre-paid-charge .total-container-right ul li .t-head{font-weight:600;font-size:15px;max-width:70%;flex:0 0 70%;color:#404040}

3.cargo-includers .pre-collect-charge .pre-paid-charge .total-container-right ul li .t-head.t-head2{max-width:30%;flex:0 0 30%;padding-left:10px}.cargo-includers .pre-collect-charge .pre-paid-charge .total-container-right ul li .t-data{font-weight:400;font-size:14px;max-width:70%;flex:0 0 70%;color:#404040}.cargo-includers .pre-collect-charge .pre-paid-charge .total-container-right ul li .t-data.t-data2{max-width:30%;flex:0 0 30%;padding-left:10px}.cargo-includers .pre-collect-charge .pre-paid-charge .total-container-right ul li.sub-total{padding:10px 0;border-top:1px solid #c2c9d1;border-bottom:1px solid #c2c9d1;margin-top:10px}.cargo-includers .pre-collect-charge .pre-paid-charge .total-container-right ul li.sub-total .t-data{font-weight:600;font-size:15px;max-width:70%;flex:0 0 70%;color:#404040}.cargo-includers .pre-collect-charge .pre-paid-charge .total-container-right ul li.sub-total .t-data.t-data2{max-width:30%;flex:0 0 30%;padding-left:10px;font-weight:400;font-size:14px}.cargo-includers .pre-collect-charge .pre-paid-charge .total-container-right ul li.shipment-charge{flex-wrap:wrap}.cargo-includers .pre-collect-charge .pre-paid-charge .total-container-right ul li.shipment-charge h6{width:100%;font-weight:600;font-size:15px;color:#404040;margin-bottom:10px;margin-top:10px}.cargo-includers .pre-collect-charge .pre-paid-charge .total-container-right ul li.shipment-charge .t-data{font-weight:400;font-size:14px;max-width:70%;flex:0 0 70%;color:#404040}.cargo-includers .pre-collect-charge .pre-paid-charge .total-container-right ul li.shipment-charge .t-data.t-data2{max-width:30%;flex:0 0 30%;padding-left:10px}.cargo-includers .hide-edit-btn{display:flex;margin-top:20px;padding-right:0;max-width:100%;flex:0 0 100%}.cargo-includers .hide-edit-btn .common-section a{background:#f0f2f3;box-shadow:0 2px 4px #00000026;border-radius:15px;color:#1e4f98;display:inline-flex;font-weight:600;font-size:14px;min-width:153px;height:27px;align-items:center;justify-content:center;padding:0 5px;line-height:1}.cargo-includers .hide-edit-btn .common-section a.cargo{display:none}.cargo-includers .hide-edit-btn .common-section a svg{margin-right:4px;transition:.3s}.cargo-includers .hide-edit-btn .common-section a.schedule{margin-left:10px}.cargo-includers .hide-edit-btn .common-section a.schedule svg{transform:rotate(60deg);position:relative;top:2px}.cargo-includers .hide-edit-btn .common-section a.schedule.up-arrow svg{transform:rotate(0);position:relative;top:0}.cargo-includers .hide-edit-btn .common-section a.schedule.schedule2{margin-left:120px}.cargo-includers .hide-edit-btn .common-section a.edit{min-width:71px}.cargo-includers .hide-edit-btn .common-section.btn-left-section{max-width:70%;flex:0 0 70%;justify-content:flex-end;display:flex;padding-right:20px}.cargo-includers .hide-edit-btn .common-section.btn-right-section{max-width:30%;flex:0 0 30%;justify-content:flex-end;display:flex}.card-maine .card{background-color:#fff;height:auto;width:auto;overflow:hidden;border-radius:10px;background:#fff;filter:drop-shadow(0px 2px 4px rgba(0,0,0,.15));margin-bottom:15px;display:flex;flex-direction:row;border:0}@media screen and (max-width:767px){.card-maine .card{flex-direction:column}}.card-maine .card .card__description.loading{height:18px;border-radius:50px;max-width:284px;width:100%;margin-top:10px}.card-maine .card .card__title{padding:8px;font-size:22px;font-weight:700;overflow:hidden}.card-maine .card .card__title.loading{width:117px;height:18px;margin-right:50px;margin-bottom:10px;border-radius:50px;overflow:hidden}.card-maine .card .card__image img{width:100%;height:100%}.card-maine .card .card__image.loading{height:200px;width:400px}.card-maine .card .loading{position:relative;background:#e0e4e8}.card-maine .card .loading:after{display:block;content:"";position:absolute;width:100%;height:100%;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:loading .8s infinite}.card-maine .card .card__description{padding:8px;font-size:16px;overflow:hidden}.card-maine .card .card__description .loading{height:4rem;margin:1rem;border-radius:0}.card-maine .card .card-left{max-width:60%;flex:0 0 60%;padding-top:20px;padding-left:25px;padding-bottom:15px}@media screen and (max-width:767px){.card-maine .card .card-left{max-width:100%;flex:0 0 100%}}.card-maine .card .card-left .carder{display:flex;padding-bottom:10px}.card-maine .card .card-right{max-width:40%;flex:0 0 40%}@media screen and (max-width:767px){.card-maine .card .card-right{max-width:100%;flex:0 0 100%}}.card-maine .card .card-right .loading{height:100%;margin:0;border-radius:10px;max-width:100%}@media screen and (max-width:767px){.card-maine .card .card-right .loading{height:130px}}@keyframes loading{to{transform:translate(100%)}}@media screen and (max-width:1024px){.caution swire-tool-tip .question-mark .tooltip-mark{transform:translate(-50%)!important}}
4`],encapsulation:2})};ce([we()],le.prototype,"activityLog",1);var Le=le;var Ti={bodyHead:{heading:"Track My Shipments",subHeading:"Track shipments that are already in transit to know exactly where your cargo is"}};var _t=["sailingCompRef"],kt=()=>[0,1];function Ct(r,t){r&1&&(n(0,"div",25)(1,"p",26),c(2,"span",27),g(3),o(4,"translate"),n(5,"span",28),g(6),o(7,"translate"),s()()()),r&2&&(a(3),f("",d(4,2,"Oops! it seems like we do not have any results matching to your requirements"),"."),a(3),f("",d(7,4,"Try searching for it here"),"."))}function Dt(r,t){r&1&&(c(0,"app-common-default-screen",29),o(1,"translate"),o(2,"translate"),o(3,"translate")),r&2&&l("iconClass","icon-error")("heading",d(1,9,"We are unable to fetch information for your"))("heading2",d(2,11,"search results at the moment"))("swDynamicHeight",650)("subHeading",d(3,13,"Please try again later"))("szFormType","TRACKTRACE")("swButtonClass","see-quote swi-button-blue-medium-default-regular")("swButtonIcon","")("szErrorType","custom5")}function Tt(r,t){if(r&1&&(c(0,"app-common-default-screen",30),o(1,"translate"),o(2,"translate")),r&2){let i=u();l("iconClass","icon-missing")("swDynamicHeight",650)("heading",d(1,8,"Let\u2019s track the vessel you are looking for"))("subHeading",i.allVesselVoyageData==null?"Try selecting the vessel name from the dropdown":d(2,10,""))("szFormType","TRACKTRACE")("swButtonClass","see-quote swi-button-blue-medium-default-regular")("swButtonIcon","")("szErrorType","custom5")}}function zt(r,t){r&1&&(c(0,"app-common-default-screen",31),o(1,"translate"),o(2,"translate"),o(3,"translate")),r&2&&l("iconClass","icon-missing")("swDynamicHeight",650)("heading",d(1,9,"Ahoy, 

4Captain! Let's get the cargo shipped"))("heading2",d(2,11,"looking for!"))("subHeading",d(3,13,"Try searching for your preferred schedule"))("szFormType","TRACKTRACE")("swButtonClass","see-quote swi-button-blue-medium-default-regular")("swButtonIcon","")("szErrorType","custom5")}function Et(r,t){r&1&&(z(0),c(1,"app-sailing",32,0),E()),r&2&&(a(),l("isFromSchedulePage",!0))}function It(r,t){r&1&&c(0,"app-region-to-region-search")}function Bt(r,t){if(r&1){let i=T();n(0,"app-country-to-country-result",33),x("getScheduleRoutes",function(p){k(i);let h=u();return C(h.getScheduleRoutes(p))}),s()}if(r&2){let i=u();l("arDestination",i.arDestination)("arOrigin",i.arOrigin)("arVesselVoyage",i.arVesselVoyage)("arScheduleData",i.arScheduleData)("objRequest",i.objRequest)("arrTempCountData",i.arrTempCountData)("isHideFilter",i.isHideFilter)("arUniqueVesselRoutes",i.arUniqueVesselRoutes)("isLoader",i.isLoader)("insidePageLoader",i.insidePageLoader)("isApiError",i.isApiError)}}function Vt(r,t){r&1&&(z(0),n(1,"li",37)(2,"div",38),c(3,"span",39)(4,"span",39),s()(),n(5,"li")(6,"div",40),c(7,"span",39)(8,"span",39),s(),n(9,"div",41),c(10,"span",39)(11,"span",39),s(),n(12,"div",41),c(13,"span",39)(14,"span",39),s(),n(15,"div",41),c(16,"span",39)(17,"span",39),s(),n(18,"div",41),c(19,"span",39)(20,"span",39),s(),n(21,"div",41),c(22,"span",39)(23,"span",39),s(),n(24,"div",41),c(25,"span",39)(26,"span",39),s(),n(27,"div",41),c(28,"span",39)(29,"span",39),s(),n(30,"div",41),c(31,"span",39)(32,"span",39),s(),n(33,"div",41),c(34,"span",39)(35,"span",39),s()(),n(36,"li")(37,"div",40),c(38,"span",39)(39,"span",39),s(),n(40,"div",41),c(41,"span",39)(42,"span",39),s(),n(43,"div",41),c(44,"span",39)(45,"span",39),s(),n(46,"div",41),c(47,"span",39)(48,"span",39),s(),n(49,"div",41),c(50,"span",39)(51,"span",39),s(),n(52,"div",41),c(53,"span",39)(54,"span",39),s(),n(55,"div",41),c(56,"span",39)(57,"span",39),s(),n(58,"div",41),c(59,"span",39)(60,"span",39),s(),n(61,"div",41),c(62,"span",39)(63,"span",39),s(),n(64,"div",41),c(65,"span",39)(66,"span",39),s()(),E())}function Lt(r,t){r&1&&(n(0,"div",34)(1,"ul",35),S(2,Vt,67,0,"ng-container",36),s()()),r&2&&(a(2),l("ngForOf",he(1,kt)))}function Mt(r,t){r&1&&(z(0),c(1,"app-common-default-screen",42),o(2,"translate"),o(3,"translate"),E()),r&2&&(a(),l("iconClass","icon-ship-empty")("subHeading","Please try again later")("szFormType","TRACKTRACE")("heading",d(2,6,"Sailing schedules are not available for"))("heading2",d(3,8,"your selection"))("szErrorType","custom5"))}function Pt(r,t){if(r&1&&(z(0),c(1,"app-schedule-builder-vessel",43),E()),r&2){let i=u();a(),l("vesselVoyageMarker",i.allVesselVoyageData)("showMapLoaders",i.showMapLoaders)}}var zi=class r{constructor(t,i,e,p,h,b,_,y,D,w){this._scheduleBuilderService=t;this._storageService=i;this._auth=e;this._feedbackService=p;this._commonService=h;this.injector=b;this._lang=_;this._translate=y;this._userAuthService=D;this._environmentService=w;this._bookingV2Service=this.injector.get(F)}_scheduleBuilderService;_storageService;_auth;_feedbackService;_commonService;injector;_lang;_translate;_userAuthService;_environmentService;_platformService=q(W);sailingComponentChild;vesselNameData=[];showMapLoaders;allVesselVoyageData=null;objRequest;authData;arUniqueVesselRoutes=[];arrTempCountData=[];arDestination=[];arOrigin=[];arVesselVoyage=[];arScheduleData={};isLoader=!1;insidePageLoader=!1;isHideFilter=!1;isApiError=!1;hideHeadingScheduleSearch=!1;CUSTOMVALIDATEMETHOD=ci;_bookingV2Service;breadCrumbData;arrLocations=[];trackVesselsBodyHead=Ti;ngOnInit(){this.breadCrumbData=[{name:this._translate.instant("Track"),link:"/dashboard/overview",active:!1},{name:this._translate.instant("Track Vessels"),link:"/dashboard/trackVessels?searchBy=Vessel",active:!1}],this._commonService.getServeLocationFromStorage().subscribe(t=>{this.arrLocations=t})}vesselVoyageData(t){this.allVesselVoyageData=t}showMapLoader(t){this.showMapLoaders=t}searchCountry(t){this.objRequest=t,t?.szType=="port"?this.sailingComponentChild?.getScheduleSearchResult(t):this.getScheduleRoutes(ae(te({},t),{szSortBy:"Earliest Departure"}))}checkIsDataExist(t){if(t)return Object.keys(t).length}getScheduleRoutes(t){this.arDestination?.length<=0?(this.isLoader=!0,this.insidePageLoader=!1):this.insidePageLoader=!0,t?.szType=="countrySearch"?(this.isHideFilter=!0,this._scheduleBuilderService.updateFormEvent(!0)):this.isHideFilter=!1;let i=this.arrLocations,e=i.find(b=>b.szDisplayName?.toLowerCase()==t.szOriginDisplayName?.toLowerCase()),p=i.find(b=>b.szDisplayName?.toLowerCase()==t.szDestinationDisplayName?.toLowerCase()),h=ae(te({},t),{originCountryCode:e.szCountryCode,destinationCountryCode:p.szCountryCode});this._scheduleBuilderService.getScheduleRoutes(h).toPromise().then(b=>{if(b.data){let _=b.data;this.arDestination=_?.objFilter?.arDestination,this.arOrigin=_?.objFilter?.arOrigin,this.arVesselVoyage=_?.objVessels?.arVessels,this.arScheduleData=_?.objData,this.arUniqueVesselRoutes=_?.objData?.arMainlineVVLS,this.arrTempCountData=_?.arrTempCount,this.isLoader=!1,this.insidePageLoader=!1,this.isApiError=!1;let y={subTitle:"How easy was it for you to find the schedules that you were looking for"};this._userAuthService.isUserLoggedIn&&this.arScheduleData&&!this.isLoader&&(this.authData=this._userAuthService.getAuthUserData(),y.szCustomerKey=this.authData?.szCustomerKey,y.szEmail=this.authData?.szEmail);let D=this._storageService?.getDataFromStorage("scheduleHours");if(D){let w=(0,oe.default)(),j=(0,oe.default)(D);if(w.diff(j,"hours")>72){this._platformService.runIfBrowser(()=>{H(5e3).subscribe(()=>{this._feedbackService.openFeedbackModal({data:y,szModuleType:"SCHEDULE"})})});let B=(0,oe.default)();this._storageService?.putDataInStorage("scheduleHours",JSON.stringify(B))}}else{this._platformService.runIfBrowser(()=>{H(5e3).subscribe(()=>{this._feedbackService.openFeedbackModal({data:y,szModuleType:"SCHEDULE"})})});let w=(0,oe.default)();this._storageService?.putDataInStorage("scheduleHours",JSON.stringify(w))}}else this.isApiError=!0,this.clearData()}).catch(b=>{b?.error&&(this.isLoader=!1,this.insidePageLoader=!1,this.allVesselVoyageData=null,this._scheduleBuilderService.currentView="country"),this.clearData(),this.isApiError=!0})}clearData(){this.arDestination=[],this.arOrigin=[],this.arVesselVoyage=[],this.arScheduleData={},this.isLoader=!1,this.insidePageLoader=!1}navigateToExternalLink(t,i=!0){let e=this._lang.getAppLanguage(),p;return e=="ch"?this._environmentService.env.WPBaseUrl.indexOf("zh-hans")<0?p=this._environmentService.env.WPBaseUrl+"zh-hans/"+t:p=this._environmentService.env.WPBaseUrl+t:p=this._environmentService.env.WPBaseUrl+t,p}static \u0275fac=function(i){return new(i||r)(m(De),m($),m(J),m(xi),m(Z),m(U),m(ve),m(xe),m(X),m(K))};static \u0275cmp=V({type:r,selectors:[["app-track-vessels"]],viewQuery:function(i,e){if(i&1&&qe(_t,5),i&2){let p;Ue(p=Ge())&&(e.sailingComponentChild=p.first)}},decls:33,vars:25,consts:[["sailingCompRef",""],[1,"full-width-body","bg-grey-20"],[1,"overview-container"],[3,"body"],["rightContent",""],[1,"find-office"],[1,"help-img"],["alt","",3,"src"],[1,"office-link",3,"href"],[1,"help-text"],[1,"paragraph-bold-16","Text-100","mb-0"],[1,"only-desktop"],[1,"only-mobile"],[1,"paragraph-semibold-16","Text-90","mb-0"],[1,"swi-icon","icon-arrow-right-1","Primary-80","icon-size-20"],[1,"live-schedule-search"],[3,"vesselVoyageEvent","searchCountry","clearData","showMapLoader","hideHeadingScheduleSearch","isFromTrackVessel"],["class","oops-note bg-grey-40 ",4,"ngIf"],["class","mt-2",3,"iconClass","heading","heading2","swDynamicHeight","subHeading","szFormType","swButtonClass","swButtonIcon","szErrorType",4,"ngIf"],["class","mt-2",3,"iconClass","swDynamicHeight","heading","subHeading","szFormType","swButtonClass","swButtonIcon","szErrorType",4,"ngIf"],["class","mt-2",3,"iconClass","swDynamicHeight","heading","heading2","subHeading","szFormType","swButtonClass","swButtonIcon","szErrorType",4,"ngIf"],[4,"ngIf"],[3,"arDestination","arOrigin","arVesselVoyage","arScheduleData","objRequest","arrTempCountData","isHideFilter","arUniqueVesselRoutes","isLoader","insidePageLoader","isApiError","getScheduleRoutes",4,"ngIf"],["class","origin-dest-table origin-dest-table-open-loader position-relative overflow-hidden",4,"ngIf"],[1,"full-width-vessel"],[1,"oops-note","bg-grey-40"],[1,"Primary-80","paragraph-semibold-15"],[1,"swi-icon","icon-search"],[1,"paragraph-regular-15"],[1,"mt-2",3,"iconClass","heading","heading2","swDynamicHeight","subHeading","szFormType","swButtonClass","swButtonIcon","szErrorType"],[1,"mt-2",3,"iconClass","swDynamicHeight","heading","subHeading","szFormType","swButtonClass","swButtonIcon","szErrorType"],[1,"mt-2",3,"iconClass","swDynamicHeight","heading","heading2","subHeading","szFormType","swButtonClass","swButtonIcon","szErrorType"],[3,"isFromSchedulePage"],[3,"getScheduleRoutes","arDestination","arOrigin","arVesselVoyage","arScheduleData","objRequest","arrTempCountData","isHideFilter","arUniqueVesselRoutes","isLoader","insidePageLoader","isApiError"],[1,"origin-dest-table","origin-dest-table-open-loader","position-relative","overflow-hidden"],[1,"origin-right","origin-right-loader"],[4,"ngFor","ngForOf"],[1,"seprate-list"],[1,"origin-name","dest-seprate"],[1,"loading"],[1,"origin-name","origin-name-first"],[1,"origin-name","bg-grey-10"],[3,"iconClass","subHeading","szFormType","heading","heading2","szErrorType"],[3,"vesselVoyageMarker","showMapLoaders"]],template:function(i,e){i&1&&(n(0,"div",1)(1,"div",2)(2,"app-body-head",3),z(3,4),n(4,"div",5)(5,"div",6),c(6,"img",7),s(),n(7,"a",8)(8,"div",9)(9,"h4",10)(10,"span",11),g(11),o(12,"translate"),s(),n(13,"span",12),g(14),o(15,"translate"),s()(),n(16,"p",13),g(17),o(18,"translate"),s()(),c(19,"span",14),s()(),E(),s(),n(20,"div",15)(21,"app-schedule-builder

4-search-fields",16),x("vesselVoyageEvent",function(h){return e.vesselVoyageData(h)})("searchCountry",function(h){return e.searchCountry(h)})("clearData",function(){return e.clearData()})("showMapLoader",function(h){return e.showMapLoader(h)}),s(),S(22,Ct,8,6,"div",17)(23,Dt,4,15,"app-common-default-screen",18)(24,Tt,3,12,"app-common-default-screen",19)(25,zt,4,15,"app-common-default-screen",20)(26,Et,3,1,"ng-container",21)(27,It,1,0,"app-region-to-region-search",21)(28,Bt,1,11,"app-country-to-country-result",22)(29,Lt,3,2,"div",23),s(),S(30,Mt,4,10,"ng-container",21),n(31,"div",24),S(32,Pt,2,2,"ng-container",21),s()()()),i&2&&(a(2),l("body",e.trackVesselsBodyHead.bodyHead),a(4),I("src","",e._environmentService.env.IMAGE_BASE_URL,"img/swirev2-icon/Ellipse.jpg",P),a(),l("href",e.navigateToExternalLink("offices"),P),a(4),f("",d(12,19,"We\u2019re here to help")," "),a(3),v(d(15,21,"Need any help?")),a(3),v(d(18,23,"Find your local office")),a(4),l("hideHeadingScheduleSearch",e.hideHeadingScheduleSearch)("isFromTrackVessel",!0),a(),l("ngIf",(e._scheduleBuilderService==null?null:e._scheduleBuilderService.currentView)==="region"&&(e._scheduleBuilderService==null||e._scheduleBuilderService.arRegion==null?null:e._scheduleBuilderService.arRegion.length)<1),a(),l("ngIf",((e._scheduleBuilderService==null?null:e._scheduleBuilderService.currentView)==="country"&&!e.checkIsDataExist(e.arScheduleData)||(e._scheduleBuilderService==null?null:e._scheduleBuilderService.currentView)==="region"&&(e._scheduleBuilderService==null||e._scheduleBuilderService.arRegion==null?null:e._scheduleBuilderService.arRegion.length)<1||(e._scheduleBuilderService==null?null:e._scheduleBuilderService.currentView)==="Vessel"&&e.allVesselVoyageData<1&&!e.showMapLoaders)&&!e.isLoader&&e.isApiError),a(),l("ngIf",((e._scheduleBuilderService==null?null:e._scheduleBuilderService.currentView)==="country"&&!e.checkIsDataExist(e.arScheduleData)||(e._scheduleBuilderService==null?null:e._scheduleBuilderService.currentView)==="region"&&(e._scheduleBuilderService==null||e._scheduleBuilderService.arRegion==null?null:e._scheduleBuilderService.arRegion.length)<1||(e._scheduleBuilderService==null?null:e._scheduleBuilderService.currentView)==="Vessel"&&e.allVesselVoyageData==null&&!e.showMapLoaders)&&!e.isLoader&&!e.isApiError&&(e._scheduleBuilderService==null?null:e._scheduleBuilderService.currentView)==="Vessel"),a(),l("ngIf",((e._scheduleBuilderService==null?null:e._scheduleBuilderService.currentView)==="country"&&!e.checkIsDataExist(e.arScheduleData)||(e._scheduleBuilderService==null?null:e._scheduleBuilderService.currentView)==="region"&&(e._scheduleBuilderService==null||e._scheduleBuilderService.arRegion==null?null:e._scheduleBuilderService.arRegion.length)<1||(e._scheduleBuilderService==null?null:e._scheduleBuilderService.currentView)==="Vessel"&&e.allVesselVoyageData<1&&!e.showMapLoaders)&&!e.isLoader&&!e.isApiError&&(e._scheduleBuilderService==null?null:e._scheduleBuilderService.currentView)!=="Vessel"),a(),l("ngIf",(e._scheduleBuilderService==null?null:e._scheduleBuilderService.currentView)==="port"),a(),l("ngIf",(e._scheduleBuilderService==null?null:e._scheduleBuilderService.currentView)==="region"&&(e._scheduleBuilderService==null||e._scheduleBuilderService.arRegion==null?null:e._scheduleBuilderService.arRegion.length)>0),a(),l("ngIf",(e._scheduleBuilderService==null?null:e._scheduleBuilderService.currentView)==="country"&&e.checkIsDataExist(e.arScheduleData)),a(),l("ngIf",e.isLoader&&(e._scheduleBuilderService==null?null:e._scheduleBuilderService.currentView)!=="Vessel"),a(),l("ngIf",!(e.allVesselVoyageData!=null&&e.allVesselVoyageData.vessel)&&!e.showMapLoaders&&(e.allVesselVoyageData==null?null:e.allVesselVoyageData.vessel)!==null),a(2),l("ngIf",(e._scheduleBuilderService==null?null:e._scheduleBuilderService.currentView)==="Vessel"))},dependencies:[M,ue,R,L,_e,pi,di,gi,ui,Le,bi],styles:[`body .small-input-search input.input-control{height:28px;min-height:28px;max-width:183px;box-shadow:0 2px 4px #00000026;border-radius:10px;border:0;background:#fff;font-weight:600;font-size:14px;color:#000}@media(max-width:1024px){body .small-input-search input.input-control{max-width:150px}}.overview-container .find-office{background:#c0cbdd;border-radius:10px;display:flex;height:54px;width:260px}@media(max-width:767px){.overview-container .find-office{height:44px;position:relative;width:max-content;min-width:132px;justify-content:center;margin-top:60px}}.overview-container .find-office .help-img{width:64px;

4height:64px;position:relative;box-shadow:0 8px 12px #0000001a,0 4px 48px #0000001a;overflow:hidden;border-radius:100px;left:-10px;top:-5px}@media(max-width:767px){.overview-container .find-office .help-img{position:absolute;left:50%;transform:translate(-50%);top:-56px}}.overview-container .find-office .help-img>img{width:100%;height:100%;position:absolute;top:0;left:0}.overview-container .find-office .office-link{display:flex;align-items:center;gap:10px}@media(max-width:767px){.overview-container .find-office .office-link{width:auto}}@media(max-width:767px){.overview-container .find-office .office-link .help-text h4 .only-desktop{display:none}}.overview-container .find-office .office-link .help-text h4 .only-mobile{display:none}@media(max-width:767px){.overview-container .find-office .office-link .help-text h4 .only-mobile{display:block}}@media(max-width:767px){.overview-container .find-office .office-link .help-text p{display:none}}@media(max-width:767px){.overview-container .find-office .office-link .icon-arrow-right-1{display:none}}@media only screen and (max-width:1024px){app-track-vessels .container{max-width:100%;padding:0 30px}}@media only screen and (max-width:767px){app-track-vessels .container{padding:0}}app-track-vessels .coming-soon{border-radius:5px;padding:0 5px;min-height:16px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:8px;color:#2d912c;margin-left:5px;height:16px;margin-top:4px}@media only screen and (max-width:767px){app-track-vessels .coming-soon{margin-top:4px;width:max-content}}app-track-vessels .live-schedule-search{margin-bottom:20px;margin-top:20px}app-track-vessels .live-schedule-search .input-field{border-radius:10px;border:1px solid #91979d;color:#000;font-size:16px;font-weight:400;min-height:40px;background:#fff;width:100%}app-track-vessels .live-schedule-search .input-field::placeholder{color:gray}app-track-vessels .live-schedule-search .input-field.error{border:1px #d14545 solid;color:#d14545}app-track-vessels .live-schedule-search .input-field.error::placeholder{color:#d14545}app-track-vessels .live-schedule-search .input-field:focus{box-shadow:none}app-track-vessels .live-schedule-search .dorpdown-combine-shape{background:#fff;position:absolute;box-shadow:0 4px 4px #00000040;border-radius:10px!important;max-height:330px;width:100%;overflow-y:hidden}app-track-vessels .live-schedule-search .Combined-Shape{position:relative;background:#fff;max-height:330px;overflow-y:auto;box-shadow:0 4px 4px #00000040;border-radius:10px!important;width:100%;z-index:99;top:0}app-track-vessels .live-schedule-search .Combined-Shape::-webkit-scrollbar{width:5px}app-track-vessels .live-schedule-search .Combined-Shape::-webkit-scrollbar-track{border-radius:10px;background:#f0f2f3}app-track-vessels .live-schedule-search .Combined-Shape::-webkit-scrollbar-thumb{border-radius:10px;background:#c2c9d1;height:39px}app-track-vessels .live-schedule-search .Combined-Shape ul{list-style:none}app-track-vessels .live-schedule-search .Combined-Shape ul li{background:#fff;padding:10px 20px}app-track-vessels .live-schedule-search .Combined-Shape ul li .pad-nullifier .drop-text .text-flow{font-size:16px;line-height:22px;color:#000;font-weight:400;margin-bottom:1px;display:block}app-track-vessels .live-schedule-search .Combined-Shape ul li .pad-nullifier .drop-text .text-flow.sub-text{font-size:12px;color:gray;font-weight:600;display:block}app-track-vessels .live-schedule-search .Combined-Shape ul li:hover{background:#f0f2f3}app-track-vessels .live-schedule-search .oops-note{padding:7px 20px;border-radius:10px}app-track-vessels .live-schedule-search .oops-note p{margin:0}app-track-vessels .live-schedule-search .custom-checkbox-multiple{padding-left:20px;min-height:auto;min-height:28px;margin-right:5px;margin-bottom:0;-webkit-user-select:none;user-select:none;cursor:pointer}app-track-vessels .live-schedule-search .custom-checkbox-multiple input{position:absolute;opacity:0;cursor:pointer;width:100%;height:100%;left:0;z-index:2;top:0;bottom:0}app-track-vessels .live-schedule-search .custom-checkbox-multiple .checkmark{height:16px;width:16px;border-radius:5px;top:6px}app-track-vessels .live-schedule-search .custom-checkbox-multiple .checkmark:after{left:5px;top:2px;width:5px;height:9px;border-width:0 2px 2px 0}app-track-vessels .live-schedule-search .custom-checker{justify-content:flex-start;flex-wrap:wrap}@media screen and (max-width:767px){app-track-vessels .live-schedule-search .custom-checker{flex-direction:column}}app-track-vessels .live-schedule-search .custom-checker .custom-checkbox{min-height:auto;margin-right:30px}app-track-vessels .live-schedule-search .custom-checker .custom-checkbox.disabled{opacity:.4;cursor:not-allowed}@media only screen and (max-width:1024px){app-track-vessels .live-schedule-search .custom-checker .custom-checkbox{flex-direction:column;margin-right:20px}}@media screen and (max-width:767px){app-track-vessels .live-schedule-search .custom-checker .custom-checkbox{align-items:flex-start;flex-direction:row;margin-bottom:13px}}app-track-vessels .live-schedule-search .custom-checker .custom-checkbox:last-of-type{margin-right:0}app-track-vessels .live-schedule-search .custom-checker .custom-checkbox .checkmark{border:2px #616568 solid}app-track-vessels .live-schedule-search .custom-checker .custom-checkbox .checkmark:after{width:9.5px;height:9.5px}app-track-vessels .live-schedule-search .custom-checker-modified{column-gap:4px}@media screen and (max-width:767px){app-track-vessels .live-schedule-search .custom-checker-modified{display:inline-block!important;margin-bottom:5px}}app-track-vessels .live-schedule-search .custom-checker-modified button{padding:10px 18px;border:0}@media screen and (max-width:767px){app-track-vessels .live-schedule-search .custom-checker-modified button{border-radius:10px}}app-track-vessels .live-schedule-search .custom-checker-modified button.active{color:#fff;background:#3a66a7}app-track-vessels .live-schedule-search .custom-checker-modified button:nth-child(1){border-radius:10px 0 0}@media screen and (max-width:767px){app-track-vessels .live-schedule-search .custom-checker-modified button:nth-child(1){border-radius:10px}}app-track-vessels .live-schedule-search .custom-checker-modified button:last-child{border-radius:0 10px 0 0}@media screen and (max-width:767px){app-track-vessels .live-schedule-search .custom-checker-modified button:last-child{border-radius:10px}}app-track-vessels .live-schedule-search .sailing-schedule-title{border-bottom:2px solid #616568;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:2px}app-track-vessels .live-schedule-search .sailing-schedule-title p{margin:0;opacity:.6}app-track-vessels .live-schedule-search .sailing-schedule-list{margin-top:50px;margin-bottom:100px}app-track-vessels .live-schedule-search .sailing-schedule-list .ss-heading-data-row{display:flex}app-track-vessels .live-schedule-search .sailing-schedule-list .ss-heading-data-row .ss-heading-data{flex:0 0 15%;max-width:15%;display:flex}app-track-vessels .live-schedule-search .sailing-schedule-list .ss-heading-data-row .ss-heading-data:nth-child(1),app-track-vessels .live-schedule-search .sailing-schedule-list .ss-heading-data-row .ss-heading-data:nth-child(2){flex:0 0 35%;max-width:35%}app-track-vessels .live-schedule-search .sailing-schedule-list .ss-heading-data-row .ss-heading-data .icon-senter{display:flex;justify-content:space-between;width:100%}app-track-vessels .live-schedule-search .sailing-schedule-list .ss-heading-data-row .ss-heading-data .icon-senter>span{display:inline-block;margin:0 auto}app-track-vessels .live-schedule-search .sailing-schedule-list .ss-data_wrap .ss-data-row{display:flex}app-track-vessels .live-schedule-search .sailing-schedule-list .ss-data_wrap .ss-data-row.border-top{padding-top:20px}app-track-vessels .live-schedule-search .sailing-schedule-list .ss-data_wrap .ss-data-row .ss-data{flex:0 0 15%;max-width:15%;display:flex}app-track-vessels .live-schedule-search .sailing-schedule-list .ss-data_wrap .ss-data-row .ss-data:nth-child(1),app-track-vessels .live-schedule-search .sailing-schedule-list .ss-data_wrap .ss-data-row .ss-data:nth-child(2){flex:0 0 35%;max-width:35%}app-track-vessels .live-schedule-search .sailing-schedule-list .ss-data_wrap .ss-data-row .ss-data p svg{margin-right:5px}app-track-vessels .live-schedule-search .login-alert{border-radius:10px;padding:10px 24px;display:flex;width:100%;margin-top:10px;margin-bottom:10px;align-items:center}app-track-vessels .live-schedule-search .login-alert .swi-icon{margin-right:10px;position:relative;top:0;min-width:16px}app-track-vessels .live-schedule-search .no-result-section{padding:15px;min-height:600px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;margin-top:20px;margin-bottom:20px}app-track-vessels .live-schedule-search .no-result-section.customer-support{flex-direction:row;align-items:inherit}@media screen and (max-width:767px){app-track-vessels .live-schedule-search .no-result-section p{text-align:center}}app-track-vessels .live-schedule-search .result-dec-org-section{margin-top:30px;margin-bottom:80px}app-track-vessels .live-schedule-search .result-dec-org-section .result-dec-org-table{border-bottom:1px solid #c2c9d1;padding-bottom:20px;margin-bottom:20px}app-track-vessels .live-schedule-search .result-dec-org-section .result-dec-org-table-footer p{margin-bottom:5px}

4app-track-vessels .live-schedule-search app-schedule-builder-vessel .coming-soon-container{height:451px;width:100%;border-radius:10px;padding:0;overflow:hidden;margin-top:20px;margin-bottom:80px}@media screen and (max-width:767px){app-track-vessels .live-schedule-search app-schedule-builder-vessel .coming-soon-container{padding:0}}app-track-vessels .live-schedule-search app-schedule-builder-vessel .coming-soon-container .coming-soon{display:flex;align-items:center;flex-direction:column;text-align:center;justify-content:center;height:100%}@media screen and (max-width:767px){app-track-vessels .live-schedule-search app-schedule-builder-vessel .coming-soon-container .coming-soon{padding:0 20px}}app-track-vessels .live-schedule-search app-schedule-builder-vessel .coming-soon-container .coming-soon>svg{margin-bottom:18px}app-track-vessels .live-schedule-search app-schedule-builder-vessel .coming-soon-container .coming-soon .no-reult-text{margin:0;text-align:center}app-track-vessels .live-schedule-search app-schedule-builder-vessel .coming-soon-container .coming-soon .no-reult-text.firstText{margin-bottom:0}app-track-vessels .live-schedule-search app-schedule-builder-vessel .coming-soon-container .coming-soon .no-reult-text.secText{margin-top:0}app-track-vessels .live-schedule-search app-schedule-builder-vessel .coming-soon-container .coming-soon .log-in-btn a svg{margin-right:6px}app-track-vessels .live-schedule-search ul{list-style:none}app-track-vessels .live-schedule-search ul.origin-right{display:flex;flex-direction:column;padding-left:135px}app-track-vessels .live-schedule-search ul.origin-right li{display:flex}app-track-vessels .live-schedule-search ul.origin-right li.seprate-list{min-height:60px}app-track-vessels .live-schedule-search ul.origin-right li .origin-name{min-height:62px;min-width:135px;display:flex;flex-direction:column;padding:2px 10px;margin-right:15px;border-bottom:2px #e0e4e8 solid;justify-content:center}app-track-vessels .live-schedule-search ul.origin-right li .origin-name.origin-name-first{position:absolute;left:-1px;z-index:3;background:#fff;border-bottom:0;display:flex;flex-direction:column;max-width:135px}app-track-vessels .live-schedule-search ul.origin-right li .origin-name:last-of-type{margin-right:0}app-track-vessels .live-schedule-search ul.origin-right li:last-of-type .origin-name{border-bottom:0}app-track-vessels .live-schedule-search .origin-right-loader li .origin-name{padding:0 10px 10px!important;justify-content:space-between!important;min-height:60px!important}app-track-vessels .live-schedule-search .origin-right-loader li .origin-name span{background:#e0e4e8;border-radius:50px;width:100%;height:14px;margin-top:10px;overflow:hidden}app-track-vessels .live-schedule-search .origin-right-loader li .origin-name span:nth-child(1){max-width:69px}app-track-vessels .live-schedule-search .origin-right-loader li .origin-name span:nth-child(2){max-width:91px}app-track-vessels .live-schedule-search .origin-right-loader li .origin-name.origin-name-first span{max-width:91px!important}app-track-vessels .live-schedule-search .origin-right-loader li.seprate-list{min-height:60px!important;position:relative}app-track-vessels .live-schedule-search .origin-right-loader li.seprate-list .dest-seprate{position:absolute;left:-134px;border-bottom:0!important;min-height:60px!important}app-track-vessels .live-schedule-search .origin-right-loader li.seprate-list .dest-seprate span{max-width:91px!important}app-track-vessels .live-schedule-search .origin-right-loader .loading{position:relative;background:#e0e4e8}app-track-vessels .live-schedule-search .origin-right-loader .loading:after{display:block;content:"";position:absolute;width:100%;height:100%;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:loading .8s infinite;top:4px}.origin-dest-table-open-loader{width:calc(100% + 10px);left:-10px}app-track-vessels agm-map .agm-map-container-inner{border-radius:10px}@media only screen and (max-width:1024px){app-track-vessels agm-map .agm-map-container-inner{border-radius:10px}}@media only screen and (max-width:767px){app-track-vessels agm-map .agm-map-container-inner{border-radius:0}}app-track-vessels .show-hide-details{display:none}app-track-vessels .map-location-container{position:relative;max-width:100%;flex:0 0 100%;top:0}app-track-vessels .left-right-portion{padding-bottom:0;flex-direction:column-reverse}@media only screen and (max-width:1024px){app-track-vessels .left-right-portion{padding:0}}app-track-vessels .left-right-portion.map-remove{max-width:100%;padding:0}

4app-track-vessels .left-right-portion .left-portion{max-width:100%;flex:0 0 100%;padding:0;margin-top:10px}@media only screen and (max-width:1024px){app-track-vessels .left-right-portion .left-portion{padding:0;max-width:100%;flex:0 0 100%}}@media only screen and (max-width:767px){app-track-vessels .left-right-portion .left-portion{padding:0 10px}}app-track-vessels .info-list{margin:10px 0;border-radius:10px!important;background:var(--Grey-40, #E0E4E8)}app-track-vessels .info-list ul{padding-top:15px!important;padding:15px 40px}@media only screen and (max-width:1024px){app-track-vessels .info-list ul{padding:10px 40px}}@media only screen and (max-width:767px){app-track-vessels .info-list ul{padding:10px 20px}}app-track-vessels .vessel-container{background:#fff}app-track-vessels .vessel-container .repeat-vessel{display:flex;width:100%}@media only screen and (max-width:767px){app-track-vessels .vessel-container .repeat-vessel{padding-left:0;flex-direction:column}}app-track-vessels .vessel-container .repeat-vessel ul{list-style:none}app-track-vessels .vessel-container .repeat-vessel .vessel-left-side{display:flex;max-width:10%;flex:0 0 10%}@media only screen and (max-width:767px){app-track-vessels .vessel-container .repeat-vessel .vessel-left-side{max-width:100%;flex:0 0 100%;padding-right:0}}app-track-vessels .vessel-container .repeat-vessel .vessel-left-side ul{display:flex;flex-direction:column;width:100%}@media only screen and (max-width:767px){app-track-vessels .vessel-container .repeat-vessel .vessel-left-side ul{flex-direction:row}}app-track-vessels .vessel-container .repeat-vessel .vessel-left-side ul li.vessel-heading{padding-bottom:20px}@media only screen and (max-width:767px){app-track-vessels .vessel-container .repeat-vessel .vessel-left-side ul li.vessel-heading{padding-bottom:0;padding-right:10px}}app-track-vessels .vessel-container .repeat-vessel .vessel-left-side ul li.vessel-data{margin-bottom:20px;display:flex;flex-direction:column}@media only screen and (max-width:767px){app-track-vessels .vessel-container .repeat-vessel .vessel-left-side ul li.vessel-data{margin-bottom:0}}app-track-vessels .full-width-vessel .container{max-width:100%;padding:0}app-track-vessels .full-width-body .overview-container .overview-header{padding-top:0!important;padding-bottom:20px!important}
5`],encapsulation:2})};export{zi as TrackVesselsComponent};