body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}ul.MuiList-root a{color:#000000de;text-decoration:none}main div.MuiContainer-root{min-height:85vh;padding-left:8px!important;padding-right:8px!important}div.MuiFormControl-root label{background-color:#fff;padding-left:5px;padding-right:5px}div.MuiDataGrid-columnHeader,th.MuiTableCell-head{background-color:#c1d8f2;font-weight:600}div.table-header-wrapper{display:flex;justify-content:space-between;padding:0 10px}div.leaflet-container{height:500px;width:500px}table.container-modal-table td:first-child{font-weight:600}table.container-modal-table td:last-child{align-items:center;display:inline-flex;gap:5px;min-height:30px;width:100%}table.container-modal-table td{padding:4px}div.container-planner-terminal-color{border:1px solid #ddd;height:20px;width:5px}div.MuiSelect-multiple{align-items:center;display:flex;flex-direction:row;gap:4px}.hidden{display:none!important}div.terminal-container-load-wrapper{display:flex;flex-direction:column;justify-content:flex-start}button.Mui-selected,div.terminal-container-load-wrapper>div.terminal-container-load-title,li.active-menu{background-color:#d7e5f6;color:#1a76d2;font-weight:600}button.Mui-selected{background-color:#d7e5f6!important;color:#1a76d2!important;font-weight:600}li.active-menu svg{fill:#1a76d2}li.active-menu:hover{background-color:#ddd;color:#666}li.active-menu:hover svg{fill:#666}div.settings-page-header{display:flex;justify-content:space-between}div.terminal-container-load-wrapper>div.terminal-container-load-content-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;gap:2px;justify-content:space-around;margin-top:2px}div.terminal-container-load-content-wrapper div.terminal-container-load-content-title{background-color:#ddd;color:#666;padding:8px}div.terminal-container-load-content-wrapper div.terminal-container-load-content{border:1px solid #ddd;padding:4px}.highlighted-object{position:absolute;right:1px;top:1px}.highlighted-object>.container{position:relative}.container>.center{background-color:#716f42;border:5px solid #f7f14c;border-radius:30px;height:10px;position:absolute;right:0;top:0;width:10px;z-index:10}.container>.pulse{animation-iteration-count:infinite;background:#0000;border:10px solid #fff601;border-radius:30px;height:20px;opacity:0;position:absolute;right:-5px;top:-5px;width:20px;z-index:1}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.disabled{cursor:not-allowed!important;opacity:.6!important;pointer-events:none!important}.disabled .MuiOutlinedInput-notchedOutline{border-color:#0000003b!important}div.logistic-container{max-width:none!important}div.main-logistic-wrapper{display:flex;flex-wrap:nowrap;gap:4px;justify-content:center}div.logistic-wrapper{height:85vh;overflow:auto}div.list-content-wrapper{height:calc(100% - 34px);overflow:auto;padding:5px}div.filter-list,div.vessel-list{width:15vh}div.list-content{display:flex;flex-direction:column;height:100%;justify-content:space-between}div.planning-terminal-item{border:1px solid #ddd}div.planning-terminal-item,div.vessel-planning-terminal-item{display:flex;flex-direction:column;margin-bottom:10px;position:relative}div.vessel-planning-terminal-item{border-left:5px solid}div.logistic-wrapper ul{padding-top:0}div.vessel-list-item{border:1px solid #ddd;margin-bottom:2px;min-height:50px}div.logistic-container{border-radius:4px;display:flex;flex-direction:column;height:40px;justify-content:center;line-height:15px;padding:5px;width:80%}div.logistic-container p{margin:0}div.logistic-container small{color:#1976d2;margin:0}div.logistic-in-out-default{max-width:50px;min-width:40px}div.logistic-in-out-default,div.logistic-in-out-mobile{align-content:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;text-align:center}div.logistic-in-out-mobile{width:70px}div.has-logistic-call{background-color:#d6e9d4;border-color:#059e4a;color:#059e4a;font-weight:600}div.all-containers-planned{color:#059e4a}div.planning-terminal-action{align-content:center;flex-direction:column;margin:5px;text-align:center;width:50%}div.button-wrapper{display:flex;gap:5px;margin-top:0;padding:5px!important}div.mui-modal-container{align-items:center;display:flex;justify-content:center}div.mui-modal-container div.modal-wrapper{display:flex;flex-direction:column}div.modal-wrapper div.modal-header{align-items:center;border-bottom:1px solid #ddd;color:#000000b3;display:flex;font-weight:600;justify-content:space-between;margin:0 15px;min-height:50px}div.modal-header a{color:#000000de;text-decoration:none}div.modal-wrapper div.modal-content{padding:15px}div.modal-wrapper div.modal-footer{border-top:1px solid #ddd;display:flex;justify-content:space-between;min-height:50px;padding:10px 15px}form .form-fields-title{color:#1976d2;margin-bottom:7px}form div.MuiContainer-root{padding:0}form div.form-field-datetime input{padding:10px}form div.form-field-datetime label{line-height:1}form div.form-field-datetime div.MuiFormControl-root{width:100%}form div.MuiPaper-root{padding:10px}@media (max-width:768px){form div.form-fields-container{grid-gap:12px!important;display:grid!important;gap:12px!important}}form div.form-fields-container{display:flex;gap:5px;margin-bottom:12px}div.MuiBox-root:focus-visible,div.MuiContainer-root:focus-visible,form:focus-visible{outline:0}form div.button-wrapper{border-top:1px solid #ddd;display:flex;justify-content:space-between;margin-top:10px;padding:10px 0 0!important}div.container-planner-main-wrapper{display:flex;flex-direction:column-reverse;height:100%;justify-content:center;overflow:auto}div.container-planner-menu-wrapper{display:flex;height:4.2vh;justify-content:space-between;margin-bottom:4px}div.container-planner-menu,div.container-planner-vessel-switch{display:flex;gap:5px;height:4.2vh;padding:10px}div.container-planner-main-wrapper>div.container-planner-wrapper{align-items:stretch;display:flex;margin-right:50px;padding:15px;width:97vh}div.container-planner-wrapper>div.container-planner-ship-bow{--bow-width:clamp(28px,7vw,90px);border:none!important;display:grid;height:auto;margin-top:22px;min-width:var(--bow-width);place-items:center;align-items:center;justify-items:center;position:relative;width:var(--bow-width)}div.container-planner-wrapper>div.container-planner-ship-bow:before{background:#1976d2;-webkit-clip-path:polygon(100% 0,0 50%,100% 100%);clip-path:polygon(100% 0,0 50%,100% 100%);content:"";inset:0;position:absolute}p.container-planner-layer-label{color:#fff;font-size:clamp(16px,3.5vh,40px);line-height:1;margin:0;pointer-events:none;position:relative;text-shadow:0 1px 2px #00000040;z-index:1}p.container-planner-x-axis-label{color:#666;font-size:14px;text-align:center}div.container-planner-wrapper>div.container-planner-ship-body{display:flex}div.container-planner-ship-body>div.container-planner-barrier{border:2px solid #1976d2;height:calc(100% - 26px);margin:22px 2px 2px 4px;width:2px}div.container-planner-ship-body>div.container-planner-ship-grid-wrapper{display:flex;flex-direction:column;justify-content:flex-start;max-height:calc(20rem + 8px);max-width:calc(5rem + 2px)}div.container-planner-grid-main-wrapper,div.container-planner-terminal-main-wrapper{display:flex;flex-direction:column;gap:5px;justify-content:space-between;padding:3px}div.container-planner-terminal-main-wrapper>div.container-planner-terminal-information{max-height:30vh;min-height:20vh;overflow:auto;padding:10px}div.container-planner-terminal-information>div.container-planner-terminal-information-action-buttons{align-content:center;align-items:center;display:flex;flex-direction:row;justify-content:space-evenly;margin-top:10px}div.container-planner-terminal-information-title{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}div.container-planner-terminal-information-title>h6{align-items:center;display:flex;gap:5px}div.container-planner-terminal-main-wrapper>div.container-planner-loading-container-wrapper{align-content:flex-start;display:flex;flex-direction:column;flex-wrap:nowrap;max-height:87vh;min-height:49.5vh;overflow:auto;padding:5px}div.container-planner-terminal-call-items{max-height:100vh;min-height:0;overflow:auto}div.container-planner-loading-container-row{align-items:center;display:flex;justify-content:space-between}div.container-planner-loading-container-row p{color:#666;font-size:12px}div.container-planner-grid{align-items:center;background-color:#fff;border:2px solid #ddd;display:flex;font-size:9px;height:40px;margin:2px;padding:4px;position:relative;width:5rem;z-index:0}div.container-planner-ghost-grid{background-color:initial!important;border:#0000!important}div.container-planner-ghost-grid--small{height:18px}div.container-planner-grid svg.container-planner-grid-icon{font-size:12px}div.container-planner-grid svg.container-planner-grid-icon--shifter{font-size:18px}div.container-planner-grid-teu-2{width:10.1rem;z-index:10}div.container-planner-grid-teu-3{width:15.2rem;z-index:10}div.container-planner-grid-teu-4{height:84px;width:10.1rem;z-index:10}div.container-planner-grid-teu-4+div{display:none}div.drag-over-grid{background-color:bisque!important;border-color:bisque!important}div.container-planner-menu button.active-plan,div.container-planner-vessel-switch button.active-vessel-planner{background-color:#d7e5f6!important;color:#1a76d2!important;font-weight:600}div.container-planner-terminal-information td:first-child{font-weight:600}div.container-planner-terminal-information td{padding:4px}div.grid-arrival-container{background:repeating-linear-gradient(-45deg,#0000,#0000 4px,#0000 0,#000 7px),linear-gradient(180deg,#0000,#0000)}div.planning-selected-terminal-call{border:3px solid #1976d2}div.container-planner-wrapper--revese,div.container-planner-wrapper--revese div.container-planner-ship-body p,div.container-planner-wrapper--revese p.container-planner-layer-label,div.container-planner-wrapper--revese p.container-planner-x-axis-label{justify-content:flex-end;transform:rotate(1turn) scaleX(-1)}div.container-planner-wrapper--revese div.container-planner-grid{flex-direction:row-reverse}div.container-planner-wrapper--revese div.highlighted-object{right:calc(100% - 11px)}div.container-planner-wrapper--revese div.container-planner-ship-grid-wrapper{flex-direction:column-reverse!important}div.container-planner-wrapper--revese div.container-planner-barrier{margin:2px 2px 22px 4px!important}div.container-planner-wrapper--revese div.container-planner-ship-bow{margin-top:0!important}div.container-planner-wrapper--vertical,div.container-planner-wrapper--vertical div.container-planner-ship-body p,div.container-planner-wrapper--vertical p.container-planner-layer-label,div.container-planner-wrapper--vertical p.container-planner-x-axis-label{margin-right:0!important;scale:.5;transform:rotate(270deg) scaleX(-1);width:100%!important}div.container-planner-wrapper--vertical svg{transform:rotate(270deg) scaleX(-1)}div.container-planner-wrapper--vertical div.container-planner-ship-bow{margin-top:0}div.container-planner-wrapper--vertical div.container-planner-barrier{height:auto;margin:0}div.container-planner-wrapper--vertical p.container-planner-x-axis-label{display:none}div.container-planner-wrapper--vertical div.highlighted-object{right:calc(100% - 11px)}div.container-planner-grid--dummy{background-color:#e0e0e0!important;border-style:dashed;color:#333;cursor:not-allowed;opacity:1;position:relative}div.container-planner-grid--dummy .container-planner-dummy-pin{background:#666;border-radius:50%;content:"";height:8px;position:absolute;right:4px;top:4px;width:8px}div.container-planner-grid--dummy .container-planner-dummy-text{letter-spacing:.5px;opacity:.9}:root{--react-pdf-annotation-layer:1;--annotation-unfocused-field-background:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');--input-focus-border-color:Highlight;--input-focus-outline:1px solid Canvas;--input-unfocused-border-color:#0000;--input-disabled-border-color:#0000;--input-hover-border-color:#000;--link-outline:none}@media screen and (forced-colors:active){:root{--input-focus-border-color:CanvasText;--input-unfocused-border-color:ActiveText;--input-disabled-border-color:GrayText;--input-hover-border-color:Highlight;--link-outline:1.5px solid LinkText}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{left:0;pointer-events:none;position:absolute;top:0;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translateX(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{height:100%;position:absolute;width:100%}.annotationLayer section{box-sizing:border-box;margin:0;pointer-events:auto;position:absolute;text-align:left;text-align:initial;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:none;outline:var(--link-outline)}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{background:#ff0;box-shadow:0 2px 10px #ff0;opacity:.2}.annotationLayer .textAnnotation img{cursor:pointer;height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input,.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .textWidgetAnnotation :is(input,textarea){background-image:url('data:image/svg+xml;charset=utf-8,<svg width="1" height="1" xmlns="http://www.w3.org/2000/svg"><rect width="100%" height="100%" style="fill:rgba(0,54,255,.13)"/></svg>');background-image:var(--annotation-unfocused-field-background);border:2px solid #0000;border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px*var(--scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .textWidgetAnnotation :is(input,textarea):required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled]{background:none;border:2px solid #0000;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border:2px solid #000;border:2px solid var(--input-hover-border-color)}.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .textWidgetAnnotation :is(input,textarea):hover{border-radius:2px}.annotationLayer .choiceWidgetAnnotation select:focus,.annotationLayer .textWidgetAnnotation :is(input,textarea):focus{background:none;border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-color:initial;background-image:none}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid Highlight;border:2px solid var(--input-focus-border-color);outline:1px solid Canvas;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{-webkit-appearance:none;appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{font-size:calc(9px*var(--scale-factor));min-width:calc(180px*var(--scale-factor));pointer-events:none;position:absolute;width:100%}.annotationLayer .popup{word-wrap:break-word;background-color:#ff9;border-radius:calc(2px*var(--scale-factor));box-shadow:0 calc(2px*var(--scale-factor)) calc(5px*var(--scale-factor)) #888;cursor:pointer;font:message-box;margin-left:calc(5px*var(--scale-factor));max-width:calc(180px*var(--scale-factor));padding:calc(6px*var(--scale-factor));pointer-events:auto;position:absolute;white-space:normal}.annotationLayer .popup>*{font-size:calc(9px*var(--scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px*var(--scale-factor))}.annotationLayer .popupContent{border-top:1px solid #333;margin-top:calc(2px*var(--scale-factor));padding-top:calc(2px*var(--scale-factor))}.annotationLayer .richText>*{font-size:calc(9px*var(--scale-factor));white-space:pre-wrap}.annotationLayer .caretAnnotation,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .fileAttachmentAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .highlightAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .lineAnnotation svg line,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .squareAnnotation svg rect,.annotationLayer .squigglyAnnotation,.annotationLayer .stampAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .underlineAnnotation{cursor:pointer}.annotationLayer section svg{height:100%;left:0;position:absolute;top:0;width:100%}.annotationLayer .annotationTextContent{color:#0000;height:100%;opacity:0;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.annotationLayer .annotationTextContent span{display:inline-block;width:100%}:root{--react-pdf-text-layer:1;--highlight-bg-color:#b400aa;--highlight-selected-bg-color:#006400}@media screen and (forced-colors:active){:root{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translateX(-100%)}.textLayer{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;inset:0;line-height:1;overflow:hidden;position:absolute;text-align:left;text-align:initial;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:#0000;cursor:text;margin:0;position:absolute;transform-origin:0 0;white-space:pre}.textLayer span.markedContent{height:0;top:0}.textLayer .highlight{background-color:#b400aa;background-color:var(--highlight-bg-color);border-radius:4px;margin:-1px;padding:1px}.textLayer .highlight.appended{position:static}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:#006400;background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:#0000}.textLayer .endOfContent{cursor:default;display:block;inset:100% 0 0;position:absolute;-webkit-user-select:none;user-select:none;z-index:-1}.textLayer .endOfContent.active{top:0}div.vessel-settings-container{max-width:100%;overflow:auto}div.vessel-settings-main-wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}div.vessel-settings-main-wrapper>div.vessel-settings-wrapper{align-items:stretch;display:flex;min-width:65vh;padding:15px}div.vessel-settings-wrapper>div.vessel-settings-ship-bow{--bow-width:clamp(24px,6vw,70px);margin-top:22px;min-width:var(--bow-width);position:relative;width:var(--bow-width)}div.vessel-settings-wrapper>div.vessel-settings-ship-bow:before{background:#1976d2;-webkit-clip-path:polygon(100% 0,0 50%,100% 100%);clip-path:polygon(100% 0,0 50%,100% 100%);content:"";inset:0;position:absolute}div.vessel-settings-wrapper>div.vessel-settings-ship-body{display:flex}div.vessel-settings-ship-body>div.vessel-settings-barrier{border:2px solid #1976d2;height:calc(100% - 26px);margin:23px 2px 2px 4px;width:2px}div.vessel-settings-ship-body>div.vessel-settings-ship-grid-wrapper{display:flex;flex-direction:column;justify-content:center;max-height:calc(20rem + 8px);max-width:calc(5rem + 2px)}p.vessel-settings-axis-label{color:#666;font-size:14px;text-align:center}div.vessel-settings-grid{align-items:center;background-color:#ffe4c44d;border:2px solid #ddd;display:flex;font-size:9px;height:30px;justify-content:center;margin:2px;padding:4px;width:3rem;z-index:0}div.vessel-settings-grid--add{background-color:#fff}div.vessel-settings-column-button{align-items:center;background-color:#fff;border:2px solid #ddd;display:flex;height:calc(100% - 26px);justify-content:center;margin:23px 4px 4px;overflow:hidden;padding:4px;position:relative;width:40px;z-index:0}div.vessel-settings-column-button--add-barrier{width:8px}div.vessel-settings-column-button--remove-barrier{background-color:#1976d280;border:#0000;height:calc(100% - 26px);margin:24px 2px 2px 4px;width:8px}div.vessel-settings-column-button--remove-barrier svg{fill:#d32e2e}div.vessel-settings-column-button--add-column{height:auto;margin-left:10px;width:30px}div.vessel-settings-row-button{align-items:center;background-color:#fff;border:2px solid #ddd;display:flex;height:40px;justify-content:center;margin:4px;overflow:hidden;padding:4px;position:relative;width:50%;z-index:0}svg.grid-remove{fill:#d32e2e}td.MuiTableCell-body label{margin:0!important}div.vessel-settings-grid{position:relative}button.vessel-settings-grid__dummy-btn{align-items:center;background:#fff;border:1px solid #d0d7de;border-radius:6px;cursor:pointer;display:inline-flex;height:22px;justify-content:center;padding:0;position:absolute;right:-5px;top:-8px;width:22px;z-index:2}button.vessel-settings-grid__dummy-btn:hover{background:#f6f8fa}button.vessel-settings-grid__dummy-btn svg{font-size:16px;line-height:1}div.vessel-settings-grid.is-dummy{background-image:linear-gradient(45deg,#1976d214 25%,#0000 0,#0000 50%,#1976d214 0,#1976d214 75%,#0000 0,#0000);background-size:8px 8px;outline:2px dashed #1976d2}div.vessel-settings-grid.is-dummy .grid-remove{position:relative;z-index:2}div.terminal-call-weights-wrapper{align-items:flex-start;background-color:#dddddd4d;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;display:flex;flex-direction:column;font-size:14px;padding:5px}div.terminal-call-weights{display:flex;flex-direction:row;flex-wrap:nowrap}div.terminal-call-weights>p{font-size:14px}div.terminal-call-weights>p.terminal-call-weights-overflow{color:#cd5c5c;font-weight:600}div.weight-over-beam-content-wrapper{align-items:center;display:flex;width:100%}div.weight-over-beam-sides{align-items:center;background-color:red;color:#fff;display:flex;height:100%;justify-content:center;min-width:22px}div.weight-over-beam-sides--starboard{background-color:#44ca41}div.weight-over-beam-sides--port{background-color:#ca4141}div.weight-over-beam-content{border:1px solid #ddd;width:90%}div.weight-over-beam-content-tonnage{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}div.weight-over-beam-content-tonnage-per-row{align-items:center;border:none;display:flex;flex-direction:column;height:40px;justify-content:center;width:25%}div.weight-over-beam-content-tonnage-per-row:nth-child(2){border-left:1px solid #ddd;border-right:1px solid #ddd}div.weight-over-beam-sb div.weight-over-beam-content-tonnage-per-row:nth-child(3){border-right:1px solid #ddd}div.weight-over-beam-content-tonnage-item{align-items:center;border-top:1px solid #ddd;display:flex;height:40px;justify-content:center;width:50%}div.weight-over-beam-content-tonnage-item:first-child{border-right:1px solid #ddd}div.weight-over-beam-content-level-wrapper,div.weight-over-beam-content-tonnage-division{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%}div.weight-over-beam-content-level-wrapper{height:100px}div.weight-over-beam-content-level-item{border-bottom:1px solid blue;width:25%}div.side-weights{align-items:center;display:flex;gap:2px}div.side-weights--portside{flex-direction:row-reverse}svg.side-weight{fill:#fff}svg.side-weight-starboard{stroke:#44ca41!important;stroke-width:1px}svg.side-weight-port{stroke:#ca4141!important;stroke-width:1px}div.side-weight-starboard--active{background-color:#44ca41!important}svg.side-weight-starboard--active{fill:#44ca41!important}div.side-weight-port--active{background-color:#ca4141!important}svg.side-weight-port--active{fill:#ca4141!important}.vessel-stability-title{background-color:#1976d2;border-radius:2px 2px 0 0;color:#fff;text-align:center}.vessel-stability-title--stable{background-color:#28a745;color:#fff;text-align:center}.vessel-stability-title--overload{background-color:#dc3545;color:#fff;text-align:center}.vessel-stability--stable{color:#28a745}.vessel-stability--overload{color:#e00}
/*# sourceMappingURL=main.4aca4793.css.map*/