.terminal-container-yx{height:65px;position:relative;border-radius:4px 0 0 4px}.terminal-container-yx .portcall-vertical-higlight{position:absolute;left:0;top:32px;z-index:1;background:#d9ecf5}.terminal-container-yx .berths{position:relative}.terminal-container-yx .berths .terminal-section .section-line,.terminal-container-yx .berths .terminal-section .berth-line{position:absolute;left:12px;top:0;border-left:2px solid red;height:55px;z-index:1}.terminal-container-yx .berths .terminal-section .section-line .icon-container,.terminal-container-yx .berths .terminal-section .berth-line .icon-container{border-radius:50%;top:-5px;left:-9px;position:absolute}.terminal-container-yx .berths .terminal-section .section-line .info-tooltip,.terminal-container-yx .berths .terminal-section .berth-line .info-tooltip{display:none;left:0;top:55px;padding:16px 24px;background:#f2f9fc;border:2px solid #0082BA;box-shadow:0 1px 4px #0d132f26;border-radius:20px;width:-moz-max-content;width:max-content;white-space:normal;position:absolute;z-index:10}.terminal-container-yx .berths .terminal-section .section-line .info-tooltip .info-tooltip-title,.terminal-container-yx .berths .terminal-section .berth-line .info-tooltip .info-tooltip-title{text-transform:uppercase}.terminal-container-yx .berths .terminal-section .section-line:hover .info-tooltip,.terminal-container-yx .berths .terminal-section .berth-line:hover .info-tooltip{display:block}.terminal-container-yx .berths .terminal-section .bollard-meterage-holder{padding-top:38px;position:relative;z-index:1}.terminal-container-yx .berth-name-container{border-radius:4px;height:20px;background:#ebf3ff;line-height:20px}.terminal-container-yx .berth-name-container.buffer .berth-line,.terminal-container-yx .berth-name-container.blocked .berth-line{border-left:2px solid #0043CE;height:55px}.terminal-container-yx .berth-name-container.buffer{background:#cfd4df}.terminal-container-yx .berth-name-container.buffer .berth-end-line,.terminal-container-yx .berth-name-container.buffer .berth-start-line{border-left:2px dotted #334771}.terminal-container-yx .berth-name-container.buffer .icon-container{height:16px;width:16px;background:#334771}.terminal-container-yx .berth-name-container.buffer .icon-container .user-panel-sprite{margin-bottom:8px}.terminal-container-yx .berth-name-container.blocked{background-color:#b6bfd033}.terminal-container-yx .berth-name-container.blocked .berth-end-line,.terminal-container-yx .berth-name-container.blocked .berth-start-line{border-left:2px dotted #D72525}.terminal-container-yx .berth-value{position:relative;height:20px;z-index:1}.terminal-container-yx .berth-value .bert-value-meterage{position:absolute;top:0;text-align:right;left:2px;transform:translate(-50%)}.terminal-container-yx .berth-value:before{position:absolute;bottom:0;content:"";height:5px;border-left:1px dashed #CFD4DF;left:0}.terminal-container-yx .berth-value:last-child{width:0px!important}.terminal-container-yx .berth-name{color:#0043ce}.water-depth-container-yx{position:relative;height:20px;z-index:1;border-bottom:1px solid #D9DEE9;background:#f2f4f8}.water-depth-container-yx .water-depth-item{position:absolute;border-left:1px solid #D9DEE9;border-right:1px solid #D9DEE9;background:#f2f4f8}.water-depth-container-yx .water-depth-text.active{background-color:#e1f5fa}.water-depth-container-yx .water-depth-info{position:absolute;left:4px;bottom:2px}.water-depth-container-yx .water-depth-info .water-depth-info-content{display:block;position:absolute;padding:8px;background:#fff;box-shadow:0 1px 4px #0d132f26;border-radius:4px;width:-moz-max-content;width:max-content;white-space:normal;top:10px;border:1px solid #D9DEE9}.water-depth-container-yx .water-depth-info .water-depth-info-content:before{content:" ";position:absolute;transform:rotate(-135deg);z-index:0;top:-6px;height:10px;width:10px;background-color:#fff;border-bottom:1px solid #D9DEE9;border-right:1px solid #D9DEE9}.water-depth-container-yx .water-depth-info .user-panel-sprite.close-icon{transform:scale(.67)}.water-depth-container-yx .water-depth-info-desc{max-width:350px;min-width:150px;max-height:200px;overflow-y:scroll}.schedule-holder-yx .berth-planner-schedule-content-section.schedule-section{border-right:1px solid #B3BDD2;box-sizing:border-box}.schedule-holder-yx .berth-planner-schedule-header-section.terminal-header-section{border-bottom:1px solid #B6BFD0}.schedule-holder-yx .berth-planner-schedule-header-yx{position:sticky;top:0;z-index:2}.schedule-holder-yx .berth-planner-schedule-header-yx .berth-planner-schedule-header-section{border-bottom:1px solid #B6BFD0}.schedule-holder-yx .berth-planner-schedule-bollard-header{position:absolute;left:20px;z-index:1;right:0;bottom:40px}.schedule-holder-yx .berth-planner-schedule-content-section.dates-header-section{position:sticky;left:0;z-index:4}.schedule-holder-yx .section-heading-text{width:auto!important}.info-card{position:absolute;padding:8px 0 8px 8px;background:#fff;box-shadow:0 1px 4px #0d132f26;border-radius:4px;width:156px;white-space:normal;border:1px solid #D9DEE9}.info-card .Black{color:#000!important}.info-card .close-icon{transform:scale(.65)}.info-card.horizontal-day{z-index:4;top:45px}.info-card.horizontal-day .tooltip{position:absolute;transform:rotate(-135deg);z-index:-1;top:-6px;left:25px;height:10px;width:10px;background-color:#fff;border-bottom:1px solid #D9DEE9;border-right:1px solid #D9DEE9}.info-card.vertical-day{top:73px;transform:rotate(90deg) translateY(-10px)}.info-card.vertical-day .tooltip{position:absolute;transform:rotate(-135deg);z-index:-1;left:-6px;bottom:50px;height:10px;width:10px;background-color:#fff;border-top:1px solid #D9DEE9;border-right:1px solid #D9DEE9}.info-card.vertical-shift{left:130px;width:-moz-max-content!important;width:max-content!important}.info-card.vertical-shift .tooltip{position:absolute;transform:rotate(-135deg);z-index:0;left:-6px;bottom:95px;height:10px;width:10px;background-color:#fff;border-top:1px solid #D9DEE9;border-right:1px solid #D9DEE9}.info-card.horizontal-shift{top:115px;width:-moz-max-content!important;width:max-content!important}.info-card.horizontal-shift .tooltip{position:absolute;transform:rotate(-135deg);z-index:0;left:25px;top:-6px;height:10px;width:10px;background-color:#fff;border-bottom:1px solid #D9DEE9;border-right:1px solid #D9DEE9}.shift-info-card{position:fixed;padding:8px 0 8px 8px;background:#fff;box-shadow:0 1px 4px #0d132f26;border-radius:4px;width:156px;white-space:normal;z-index:1;top:214px;border:1px solid #D9DEE9}.shift-info-card.shiftplanner-shift{top:235px!important;width:-moz-max-content!important;width:max-content!important}.shift-info-card .close-icon{transform:scale(.65)}.shift-info-card .tooltip{position:absolute;transform:rotate(-135deg);z-index:-1;top:-6px;left:19px;height:10px;width:10px;background-color:#fff;border-bottom:1px solid #D9DEE9;border-right:1px solid #D9DEE9}.shifts-info-container-yx{position:absolute;top:8px;bottom:0;border-left:1px solid #b3bdd2;right:0;overflow:hidden;z-index:-2}.shifts-info-container-yx .shift-info{position:absolute;left:0;width:24px;border-top:1px solid #b3bdd2;border-bottom:1px solid #b3bdd2}.shifts-info-container-yx .shift-info.selected{background-color:#e1f5fa!important;border-top-color:#b3bdd2!important}.shifts-info-container-yx .shift-info.nwt{background:repeating-linear-gradient(135deg,#1b1d21,#d9dee9 10px,#f4f4f5 10px 20px)}.shifts-info-container-yx .shift-info.nwt .shift-info-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:absolute}.shifts-info-container-yx .shift-info.dont-need-top-border{border-top-color:transparent}.shifts-info-container-yx .shift-info.current-shift{background:#8090b4;color:#fff}.shifts-info-container-yx .shift-info.active-shift{background:#e1f5fa;border-top:1px solid #b3bdd2}.shifts-info-container-yx .shift-info-text{transform:rotate(270deg)}.shifts-info-container-yx.hours-shown-8 .shift-info-text{font-size:8px}.shifts-info-container-yx.hours-shown-4 .shift-info-text{font-size:9px}.berth-planner-days-holder-yx{width:100%}.berth-planner-days-holder-yx .terminal-header-section-yx{position:sticky;z-index:1;top:0;border-right:1px solid #B6BFD0;border-bottom:1px solid #B6BFD0}.berth-planner-days-holder-yx .berth-planner-days{max-width:100%;white-space:nowrap;height:calc(100% + 10px);flex-direction:column;flex-wrap:nowrap;position:relative;z-index:0;border-right:1px solid #b6bfd0;border-radius:4px 0}.berth-planner-days-holder-yx .berth-planner-days .tidal-info-list{position:relative;z-index:-1}.berth-planner-days-holder-yx .berth-planner-day-header{position:relative;width:71px;z-index:1}.berth-planner-days-holder-yx .berth-planner-day-header:before{content:"";width:20px;position:absolute;left:0;top:64px}.berth-planner-days-holder-yx .portcall-horizontal-higlight{position:absolute;top:0;background:#d9ecf5;width:70px!important}.berth-planner-days-holder-yx .schedule-day-holder{height:56px}.berth-planner-days-holder-yx .schedule-day-holder .selected{background:linear-gradient(to left,#f2f4f8 30%,#e1f5fa 31% 70%)}.berth-planner-days-holder-yx .schedule-day-holder .schedule-day-header{position:relative;z-index:1}.berth-planner-days-holder-yx .schedule-day-holder .schedule-day-header .day-hour-sections{position:relative;z-index:-1}.berth-planner-days-holder-yx .schedule-day-holder .schedule-date-section{border-top:1px solid #667594;width:calc(100% - 25px)}.berth-planner-days-holder-yx .schedule-day-holder .hour-section-date{position:absolute;top:calc(50% - 8px);transform:rotate(270deg) translateY(-20px);left:8px;right:0}.berth-planner-days-holder-yx .schedule-day-holder.dst{height:300px}.berth-planner-days-holder-yx .portcall-schedule-holder{border-radius:0 0 0 4px;background:#fff;position:relative}.berth-planner-days-holder-yx .hour-section{position:relative;height:24px;line-height:24px}.berth-planner-days-holder-yx .hour-section .hour-section-title{top:-12px;right:0;position:absolute}.berth-planner-days-holder-yx .hour-section .day-hour-title{background:#e8ebf2;border-top:1px solid #b3bdd2;border-bottom:1px solid #b3bdd2;width:100%;height:24px;line-height:24px;text-align:right}.berth-planner-days-holder-yx .hour-section.dst-buffer.dst-buffer-1-hour{height:24px}.berth-planner-days-holder-yx .hour-section.dst-buffer.dst-buffer-2-hours{height:12px}.berth-planner-days-holder-yx .hour-section.dst-buffer.dst-buffer-3-hours{height:16px}.berth-planner-days-holder-yx .hour-section.dst-buffer.dst-buffer-4-hours{height:30px}.berth-planner-days-holder-yx .hour-section.dst-buffer.dst-buffer-6-hours{height:20px}.berth-planner-days-holder-yx .hour-section.dst-buffer.dst-buffer-8-hours{height:27px}.berth-planner-days-holder-yx .hour-section.dst-buffer-end.dst-buffer-1-hour{display:none}.berth-planner-days-holder-yx .hour-section.dst-buffer-end.dst-buffer-2-hours{height:12px}.berth-planner-days-holder-yx .hour-section.dst-buffer-end.dst-buffer-2-hours .hour-section-title{display:none}.berth-planner-days-holder-yx .hour-section.dst-buffer-end.dst-buffer-3-hours{height:16px}.berth-planner-days-holder-yx .hour-section.dst-buffer-end.dst-buffer-4-hours{height:18px}.berth-planner-days-holder-yx .hour-section.dst-buffer-end.dst-buffer-6-hours{height:20px}.berth-planner-days-holder-yx .hour-section.dst-buffer-end.dst-buffer-8-hours{height:21px}.portcalls-display-layer-yx{position:absolute;inset:0;z-index:1}.portcalls-display-layer-yx .display-layer-berths{height:100%}.portcalls-display-layer-yx .blocked{box-sizing:border-box;background-color:#b6bfd033;border-left:2px dashed #D72525;border-right:2px dashed #D72525}.portcalls-display-layer-yx .blocked-iframe{box-sizing:border-box;background-color:#b6bfd033;border-left:1px dashed #cfd4df;border-right:1px dashed #cfd4df}.portcalls-display-layer-yx .buffer{box-sizing:border-box;background-color:#cfd4df;border-left:2px dashed #334771;border-right:2px dashed #334771}.portcalls-display-layer-yx .berth-grid{border-right:1px solid #cfd4df}.portcalls-display-layer-yx .terminal-section{height:100%;border-left:2px solid red}.portcalls-display-layer-yx .terminal-section:first-child{border-left:none}.portcalls-display-layer-yx .terminal-section .terminal-berths-holder{height:100%}.portcalls-display-layer-yx .terminal-iframe-section{border-left:none}.portcalls-display-layer-yx .double-click-enabled .blocked{background-color:#334771}.portcalls-display-layer-yx.bring-up{z-index:5}.current-time-marker-yx{position:absolute;left:0;right:0;border-top:2px solid #0043CE;width:100%;z-index:3;opacity:.7}.current-time-marker-yx .time-triangle-marker{position:absolute;top:-5px;left:-4px;transform:rotate(-90deg)}.berth-planner-schedule-holder{position:relative}.berth-planner-schedule-holder .berth-planner-schedule-container{position:relative;width:100%;max-width:1000px;overflow:auto;white-space:nowrap}.berth-planner-schedule-holder .berth-planner-schedule-container .active{white-space:normal;white-space:initial}.berth-planner-schedule-holder .berth-planner-schedule-container .active .draft-mode{width:36%}.berth-planner-schedule-holder .berth-planner-schedule-container .portcall-schedule-holder{position:relative;border-top:1px solid transparent}.berth-planner-schedule-holder .berth-planner-schedule-container .berth-planner-schedule-header{position:sticky;top:0;z-index:4;border-bottom:1px solid #b6bfd0}.berth-planner-schedule-holder .berth-planner-schedule-container .berth-planner-schedule-header-section.terminal-header-section{position:sticky;left:0;z-index:10;border-right:1px solid #b6bfd0}.berth-planner-schedule-holder .berth-planner-schedule-container .berth-planner-schedule-header-section.terminal-header-section.tidal-data-visible:after,.berth-planner-schedule-holder .berth-planner-schedule-container .berth-planner-schedule-header-section.terminal-header-section.shifts-data-visible:after{height:89px}.berth-planner-schedule-holder .berth-planner-schedule-container .berth-planner-schedule-header-section.terminal-header-section.tidal-data-visible.shifts-data-visible:after{height:113px}.berth-planner-schedule-holder .berth-planner-schedule-container .berth-planner-schedule-header-section.terminal-header-section:after{content:"";position:absolute;right:-1px;top:1px;z-index:3;height:64px}.berth-planner-schedule-holder .berth-planner-schedule-container .berth-planner-schedule-header-section.bollard-header-section{position:sticky;right:0;z-index:2}.berth-planner-schedule-holder .berth-planner-schedule-container .berth-planner-schedule-header-section.bollard-header-section.tidal-data-visible:after,.berth-planner-schedule-holder .berth-planner-schedule-container .berth-planner-schedule-header-section.bollard-header-section.shifts-data-visible:after{height:89px}.berth-planner-schedule-holder .berth-planner-schedule-container .berth-planner-schedule-header-section.bollard-header-section.tidal-data-visible.shifts-data-visible:after{height:113px}.berth-planner-schedule-holder .berth-planner-schedule-container .berth-planner-schedule-header-section.bollard-header-section:after{content:"";position:absolute;left:-1px;top:1px;z-index:3;height:64px;border-left:1px solid #b6bfd0}.berth-planner-schedule-holder .berth-planner-schedule-container .berth-planner-schedule-content-section{background-color:#fff}.berth-planner-schedule-holder .berth-planner-schedule-container .berth-planner-schedule-content-section.terminal-layout-section{position:sticky;z-index:2;left:0;border-right:1px solid #b6bfd0}.berth-planner-schedule-holder .berth-planner-schedule-container .berth-planner-schedule-content-section.bollard-layout-section{position:absolute;right:28px}.berth-planner-schedule-holder .berth-planner-schedule-container .terminal-section{position:relative}.berth-planner-schedule-holder.hours-shown-8 .portcall-card-yx .gangs-holder{right:-18px;width:17px}.berth-planner-schedule-holder.hours-shown-8 .portcall-card-yx .gangs-holder .gangs-text{transform:none}.berth-planner-schedule-holder.hours-shown-8 .portcall-card-xy .gangs-holder{bottom:-18px;height:17px}.berth-planner-schedule-holder.hours-shown-8 .portcall-card-xy .gangs-holder .gangs-text{min-width:60px!important}.berth-planner-schedule-holder .width-increase{max-width:700px!important;top:100px!important}.berth-planner-schedule-holder .terminal-zoom{height:inherit;width:inherit}.berth-planner-schedule-holder .terminal-zoom .terminal-zoom-modal{position:absolute;left:10px;top:75px;border:1px solid #0082ba;width:-moz-max-content;width:max-content}.berth-planner-schedule-holder .terminal-zoom .terminal-zoom-modal .zoom-input-box{height:36px;width:60px;border:1px solid #d9dee9;border-radius:4px;text-align:center;line-height:32px;box-sizing:border-box}.berth-planner-schedule-holder .terminal-zoom .zoom-icon-button{border-radius:4px}.berth-planner-schedule-holder .terminal-zoom .zoom-icon-button:hover,.berth-planner-schedule-holder .terminal-zoom .zoom-icon-button.active{background-color:#e1f5fa}.berth-planner-schedule-holder .terminal-zoom.yx-axis{position:absolute;top:0}.berth-planner-schedule-holder .terminal-zoom.yx-axis .terminal-zoom-modal{left:65px;top:100px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-portal-container{min-height:100vh}.user-portal-container .user-portal-content{min-height:calc(100vh - 64px)}.user-portal-container .portal-view-holder{flex:1 1;margin:16px 24px}.user-portal-container .playground-mode{height:30px;padding-top:10px;background-color:#ffab00}.user-portal-container.is-scenario-mode{max-height:calc(100vh - 136px);overflow:hidden}.user-portal-container .portcall-planner-container{max-height:calc(100vh - 104px);overflow-y:auto}#launcher-frame{right:calc(100vw - 108px)!important;bottom:90px!important}#freshworks-frame-wrapper{right:calc(100vw - 405px)!important;bottom:150px!important}#ccm-widget,#ccm-control-panel{font-family:Roboto,sans-serif;font-style:normal}#ccm-widget .ccm--h1,#ccm-control-panel .ccm--h1{color:#1a2331!important}@media screen and (max-width: 768px){.user-portal-container .portal-view-holder{margin:8px 16px}.user-portal-container .mobile-view{background-color:#fff;margin:0}#launcher-frame{display:none}}