:root{--blue-link-color:#5e81f4;--light-grey-text:#8996af;--light-grey-border:0.1em solid #eee;--light-grey-border-shadow:0 0 0.1em #bbb;--dark-grey-border:0.1em solid rgba(28,29,33,0.32941176470588235)}#ping_search_page .MuiPaper-rounded{border-radius:.5em}#ping_search_page .MuiSwitch-root{padding:9px}#ping_search_page .MuiSwitch-track{background:#eee;border-radius:9px}#ping_search_page .Mui-checked+.MuiSwitch-track{background:#5e81f4}#ping_search_page .MuiSwitch-thumb{background:#fff}#ping_search_page .MuiPaper-root div.loading{width:100%;height:100%;padding:1em}#ping_search_page .MuiPaper-root div.loading label{margin-left:1em;font-size:2em}#top_panel>.MuiPaper-root{width:100%;padding:1em}#top_panel_links .top_panel_link{color:var(--blue-link-color);text-decoration:none;margin-right:1em}#top_panel_links .top_panel_link span{margin-left:.2em}#search_by{width:10em}#search_by .MuiInputBase-root,#search_by .MuiSelect-root{border-radius:.5em}#search_by .MuiInputBase-root.Mui-focused{background:rgba(94,129,244,.09803921568627451)}.search-by-item{background:#fafbfc}.search-by-item span.code{display:inline-block;width:5em;padding:0 1em;text-align:center;background:#fff;border:var(--light-grey-border);border-radius:1em;box-shadow:var(--light-grey-border-shadow);color:#5e81f4;margin-right:.5em}#search_input{border:var(--light-grey-border);border-radius:.5em;padding:.1em;background:rgba(94,129,244,.0196078431372549)}#search_form{display:inline-flex}#search_form button{margin-left:2em;width:10em}#search_form #search_input{flex-grow:1;display:inline-flex;align-items:center}#search_form #search_input svg#search_icon{width:1.2em;height:1.2em;margin:.5em}#search_form #search_input input#search_value{font-size:1.2em;border:none;outline:none;background:transparent;flex-grow:1;height:50%;line-height:50%}#search_form #search_input .MuiAutocomplete-root.search_value>.MuiFormControl-root>.MuiAutocomplete-inputRoot{padding-right:2em}#search_form #search_input .MuiAutocomplete-root.search_value .MuiAutocomplete-popupIndicator{display:none}#search_form button .MuiCircularProgress-root{position:absolute}#bottom_panel>.MuiPaper-root{width:100%;padding:1.5em}@media (min-width:960px) and (max-width:1919px){#bottom_panel #left_panel{max-width:30%;flex-basis:30%}#bottom_panel #right_panel{max-width:70%;flex-basis:70%}}#left_panel{padding-right:1em}#left_panel>.MuiPaper-root{width:100%}#left_panel #placeholder_left_panel{padding:3em}#left_panel #placeholder_left_panel>div{margin-bottom:1em}#left_panel #placeholder_left_panel h2{text-align:center;font-size:1.8em}#left_panel #placeholder_left_panel span{display:block;margin-top:1em;text-align:center;color:var(--light-grey-text)}#left_panel #placeholder_left_panel img{width:100%}#left_panel>.MuiPaper-root>.MuiContainer-root{padding:0}#left_panel .bookmark_bar{position:relative;padding:1em;background:rgba(94,129,244,.2);border-radius:.5em}#left_panel .bookmark_bar span{display:block;padding-right:2em;font-weight:700}#left_panel .bookmark_bar div.star{position:absolute;top:.25em;right:.25em;width:2.5em;height:2.5em;padding:.5em;border-radius:.5em;cursor:pointer}#left_panel .bookmark_bar div.star svg{width:100%;height:100%}#left_panel .bookmark_bar .star:hover{background:#f5f5fa}#left_panel .bookmark_bar .solid_star svg path{fill:#f4be5e}#left_panel .info_header{padding:1.5em;text-align:center}#left_panel .info_header .header_icon{display:inline-block;width:4em;height:4em;padding:.8em;background:rgba(28,29,33,.00784313725490196);border:.1em solid rgba(0,0,0,.058823529411764705);border-radius:100%;margin-bottom:.5em}#left_panel .info_header .header_icon svg{width:100%;height:100%}#left_panel .info_header .header_icon svg path{fill:#707070}#left_panel .info_row{margin:1em}#left_panel .info_row label{display:block;color:var(--light-grey-text)}#left_panel .info_row span{display:block;font-size:1.1em}#left_panel .info_row ul{margin-left:2em;margin-right:2em;word-wrap:break-word}#left_panel .info_row li{margin-top:.3em}#left_panel .info_group{border:var(--light-grey-border);border-radius:1em;margin:1em;background:rgba(94,129,244,.0196078431372549)}#left_panel .left_panel_row,#left_panel .left_panel_row:hover{margin:.5em;padding:.5em;border:var(--light-grey-border);border-radius:.5em}#left_panel div.error{display:flex;flex-direction:column;align-items:center;padding:3em}#left_panel div.error img{width:10em;height:10em}#left_panel div.error label{font-size:1.5em;font-weight:700;margin:1em 0}#left_panel div.error span{display:block;text-align:center;color:#8181a5}#left_panel div.no_booking_data{display:flex;flex-direction:column;align-items:center}#left_panel div.no_booking_data img{width:10em;height:10em;margin-top:5em}#left_panel div.no_booking_data label{font-size:1.5em;font-weight:700;margin-top:1em}#right_panel .MuiPaper-root{width:100%;padding:1em}#right_panel #right_panel_title h3{font-size:1.5em}#collapse_expand_control{text-align:right}#collapse_expand_control .MuiFormControlLabel-label{font-size:1em}#collapse_expand_control [data-is-expanded=false] span.expand,#collapse_expand_control [data-is-expanded=true] span.collapse,#right_panel #result_count span{color:var(--light-grey-text)}#right_panel #sort_form{text-align:right}#right_panel #sort_form span{color:#8996af}#right_panel #sort_form #sort_field{width:8em;text-align:left;margin-left:.5em;font-weight:700}#right_panel_result{margin-top:1em;min-height:50vh;padding-left:0;padding-right:0}#right_panel div.error{display:flex;flex-direction:column;align-items:center;padding:5em}#right_panel div.error img{width:20em;height:20em}#right_panel div.error label{font-size:2em;font-weight:700;margin:1em 0}#right_panel div.error span{color:#8181a5}#right_panel div.no_data{display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative;padding:5em}#right_panel div.no_data h3{font-size:1.5em;position:absolute;top:1em;left:1em}#right_panel div.no_data img{width:35%}#right_panel div.no_data label{font-size:2em;font-weight:700;margin-top:1em}#right_panel #right_panel_result .load_more{width:100%;margin:1em 0;text-align:center}@media screen and (max-width:1900px){#ping_search_page{font-size:14px}}@media screen and (max-width:1580px){#bottom_panel{font-size:11px}}@media screen and (max-width:1200px){.ping_booking_list #right_panel_result{font-size:10px}}@media screen and (max-width:900px){#left_panel{padding-right:0;margin-bottom:1em}#left_panel #placeholder_image{display:none}}.search_list_row{border:.1em solid #f1f1f2;border-radius:1em;padding:.5em;cursor:pointer;margin-bottom:.5em;margin-right:.5em}.search_list_row label{cursor:pointer}.search_list_row:hover{background-color:rgba(94,129,244,.0392156862745098)}.search_list_row:active{background-color:rgba(94,129,244,.10196078431372549)}.search_list_row .search_type span{padding:0 .5em;text-align:center;background:#fff;color:#5e81f4;border:var(--light-grey-border);box-shadow:var(--light-grey-border-shadow);border-radius:1em}.search_list_row .field{height:3em}.search_list_row .field label{color:var(--light-grey-text);display:block;font-size:.9em;margin-bottom:0}.search_list_row .field span{font-weight:700;font-size:1.1em}.booking_row .carrier_ref span{display:block;overflow:hidden;text-overflow:ellipsis}.booking_row .field img.flag{border:var(--light-grey-border);border-radius:100%;width:2em;height:2em;object-fit:cover}.booking_row .field span.country{display:flex;align-items:center}.booking_row .field span.country span{margin-left:.5em}.booking_row .field span.country span.portname{font-size:1em;width:7em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.booking_row .field span.country span.portcode{font-size:.8em;width:5em;margin-left:1em;padding:.5em;text-align:center;border:var(--light-grey-border);box-shadow:var(--light-grey-border-shadow);border-radius:1em}.booking_row .field span.on{font-weight:400;color:var(--light-grey-text)}.booking_row .pol{padding-right:1em}.booking_row .pod{padding-left:1em;position:relative}.booking_row .pod .arrow{position:absolute;left:-.75em;top:1em;width:1.5em;height:1.5em}.booking_row .created_date{padding-left:1em}.favourite_row .star{position:relative}.favourite_row .star>div{width:2em;height:2em;position:absolute}.favourite_row .star svg{width:100%;height:100%}.favourite_row .solid_star svg path{fill:#f4be5e}.favourite_row .solid_star{z-index:200}.favourite_row .outline_star{z-index:100}.favourite_row .solid_star:hover svg{display:none}.favourite_row{height:4em;transition:all .5s ease-in-out}.favourite_row[data-deleted=true]{opacity:0;overflow:hidden;height:0;padding:0;margin:0;border:0}#left_panel .info_header .company_logo{max-width:100%;max-height:4em;margin-bottom:1em}#left_panel .port_info{margin:0 1em;padding:1em 0;border-bottom:var(--light-grey-border);border-top:var(--light-grey-border)}#left_panel .port_info .pol{margin-bottom:2em}#left_panel .port_info .icon{text-align:center;position:relative}#left_panel .port_info .icon .icon_border{display:inline-block;padding:.3em;border:var(--dark-grey-border);border-radius:100%;width:2.5em;height:2.5em;position:relative;z-index:200;background:#fff}#left_panel .port_info .icon img{width:100%;height:100%}#left_panel .port_info .icon .line{position:absolute;top:0;bottom:-2em;left:0;z-index:100;width:50%;border-right:var(--light-grey-border)}#left_panel .port_info label.port{color:var(--light-grey-text)}#left_panel .port_info label.port:after{content:"|";color:#000;margin:0 1em}#left_panel .port_info label.on{color:var(--light-grey-text)}#left_panel .port_info span.port_datetime{margin-left:.5em}#left_panel .port_info .country_flag{border:var(--light-grey-border);border-radius:100%;width:2em;height:2em}#left_panel .port_info .port_name{margin:0 .5em}#left_panel .port_info .port_code{font-size:.9em;border:var(--light-grey-border);border-radius:1em;padding:.2em .5em;background:#fafbfc}#left_panel .equipment_details ul{margin-left:0;list-style:none}#left_panel .equipment_details li{margin:.5em 0;display:flex;align-items:center}#left_panel .equipment_details span{display:inline-block}#left_panel .equipment_details span.code{border:var(--light-grey-border);padding:.2em .5em;border-radius:1em;background:#fff;margin-right:.5em}#left_panel .container_details ul{margin-left:0;list-style:none}#left_panel .container_details li{padding:.5em 0;border-bottom:var(--light-grey-border);display:flex;align-items:center;position:relative}#left_panel .container_details li:last-child{border-bottom:none}#left_panel .container_details span{display:inline-block}#left_panel .container_details svg{color:var(--light-grey-text)}#left_panel .container_details .container_icon{margin-right:.5em}#left_panel .container_details .copy_icon{position:absolute;right:1em;padding:.25em;border:var(--light-grey-border);border-radius:.5em;background:#fff;width:1.75em;height:1.75em;cursor:pointer}#left_panel .container_details .copy_icon svg{width:1em;height:1em}#left_panel .container_details .copy_icon:hover{background:#eee;border-color:#ddd}#left_panel .related_booking_list h3{font-size:1em;font-weight:400;color:var(--light-grey-text);margin:.5em;text-align:center;padding-bottom:.5em;border-bottom:var(--light-grey-border)}#left_panel .related_booking_list .booking_ref{margin-bottom:.5em}#left_panel .related_booking_list .booking_ref span{font-weight:700}#left_panel .related_booking_row,#left_panel .related_booking_row label{cursor:pointer}#left_panel .related_booking_row:hover{background:rgba(28,29,33,.0196078431372549);border-color:rgba(137,150,175,.2)}.related_booking_row .field label{color:var(--light-grey-text);display:block;font-size:.9em}.related_booking_row .field img.flag{border:var(--light-grey-border);border-radius:100%;width:2em;height:2em;object-fit:cover}.related_booking_row .field span.country{display:flex;align-items:center}.related_booking_row .field span.country span.portcode{font-size:.8em;margin-left:1em;padding:.5em;border:var(--light-grey-border);box-shadow:var(--light-grey-border-shadow);border-radius:1em}.related_booking_row .field.pol_pod_datetime{white-space:nowrap;overflow:visible}.related_booking_row .field span.on{font-weight:400;color:var(--light-grey-text)}.related_booking_row .pol{padding-right:1em}.related_booking_row .pod{padding-left:1em;position:relative}.related_booking_row .pod .arrow{position:absolute;left:-1.5em;top:1em;width:1.5em;height:1.5em}.related_booking_row .booking_created_date{margin-top:1em}.related_booking_row .booking_created_date svg{margin-right:.5em}.related_booking_row .booking_created_date svg path{fill:var(--light-grey-text)}.related_booking_row .booking_created_date span{color:var(--light-grey-text)}.milestone_row{min-height:4em}.milestone_date{position:relative;padding:1em;text-align:right}.milestone_date label{width:100%;margin-right:1.5em}.milestone_date label span{display:block;color:#8996af}.milestone_date label .date{font-weight:700;font-size:1.2em}.milestone_date label .time{font-weight:700;font-size:.9em}.milestone_date .line{width:1.5em;position:absolute;right:0;top:0;bottom:0;background:#eee;border-left:.9em solid #fff;border-right:.9em solid #fff}.milestone_date .dot{position:absolute;top:1.5em;right:-.6em;width:1.2em;height:1.2em;border:.2em solid rgba(28,29,33,.32941176470588235);border-radius:100%;background:#fff}.milestone_row:first-child .milestone_date label .date{color:#000}.milestone_row:first-child .milestone_date .line{top:1.5em}.milestone_row:first-child .milestone_date .dot{top:0;border-color:#5e81f4}.milestone_row:last-child .milestone_date .line{height:1.5em}.milestone_row .milestone_event{padding:.5em;margin-bottom:2em}.milestone_row .milestone_event>.MuiContainer-root{border:.1em solid rgba(228,235,246,.6352941176470588);border-radius:1em;background:#fff;padding:0}.milestone_row .milestone_event .milestone_event_header{background:rgba(137,150,175,.06274509803921569);border-radius:1em;height:4em}.milestone_row .milestone_event .milestone_event_header .event_locode_box{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between}.milestone_row .milestone_event .milestone_event_header .event_name{font-size:1.1em;font-weight:700;padding:0 1em;text-transform:uppercase}.milestone_row .milestone_event .milestone_event_header .event_locode{text-align:right}.milestone_row .milestone_event .milestone_event_header .event_locode>div{display:inline-flex;align-items:center;padding:.5em;background:#fff;border:.1em solid #e8e8e8;border-radius:1em}.milestone_row .milestone_event .milestone_event_header .event_locode .flFag{margin-right:.4em;width:1.5em}.milestone_row .milestone_event .milestone_event_header .flag{width:1.5em;height:1.5em;object-fit:cover;border-radius:100%;margin-right:.5em}.milestone_row .milestone_event .milestone_event_header .arrow{text-align:right;padding-right:1em;padding-left:1em}.milestone_row .milestone_event .milestone_event_header .arrow>div{display:inline-block;background:#fff;padding:.4em;border:.1em solid #ececf2;border-radius:.5em;cursor:pointer}.milestone_row .milestone_event .milestone_event_header .arrow svg{display:block;width:1em;height:1em}.milestone_row .milestone_event .milestone_event_header .arrow svg path{fill:#5e81f4}.milestone_row .milestone_event_detail_header{height:4em}.milestone_row .milestone_event_detail_header .MuiGrid-item{padding:0 1em;font-weight:700;text-transform:uppercase}.milestone_row .milestone_event_detail_header .MuiGrid-item label{margin-bottom:0}.milestone_row .milestone_event_detail_row{padding:.5em}.milestone_row .milestone_event_detail_row div:not(:first-child){margin-top:.5em}.milestone_row .milestone_event_detail_row>.MuiGrid-container{background:#fafbfc;border:.1em solid rgba(228,235,246,.6352941176470588);border-radius:1em;height:4em}.milestone_row .milestone_event_detail_row>.MuiGrid-container>.MuiGrid-item{padding:0 1em;word-wrap:break-word}.milestone_row .milestone_event_detail_row .icon{display:inline-flex;background:#fff;border:1px solid rgba(228,235,246,.6352941176470588);border-radius:100%;padding:.5em;margin-right:.5em}.milestone_row .milestone_event_detail_row .icon svg{width:1.5em;height:1.5em}.milestone_row .milestone_event_detail_row span{color:#8996af}.milestone_row .milestone_event_detail_row .icon.vessel_name{background:#8996af}.milestone_row .milestone_event_detail_row .icon.icon.vessel_name svg path{fill:#fff}.milestone_row .milestone_event_detail_wrapper{overflow:hidden;transition:max-height .5s ease,opacity .5s ease}.milestone_row[data-is_collapsed=true] .milestone_event{flex-direction:column}.milestone_row[data-is_collapsed=true] .milestone_event_detail_wrapper{max-height:0;opacity:0}.milestone_row[data-is_collapsed=false] .milestone_event_detail_wrapper{max-height:10em;opacity:1}.milestone_row div.arrow svg{transition:transform .2s linear}.milestone_row[data-is_collapsed=false] div.arrow svg{transform:rotate(180deg)}
/*# sourceMappingURL=main~d1a93df1.d71e6c29.chunk.css.map */