.bg-status-1[data-v-4b21be1e]{--un-bg-opacity:1;background-color:rgb(156 163 175/var(--un-bg-opacity))}.bg-status-2[data-v-4b21be1e]{--un-bg-opacity:1;background-color:rgb(96 165 250/var(--un-bg-opacity));cursor:pointer}.bg-status-3[data-v-4b21be1e]{--un-bg-opacity:1;background-color:rgb(251 146 60/var(--un-bg-opacity))}.bg-status-4[data-v-4b21be1e]{--un-bg-opacity:1;background-color:rgb(74 222 128/var(--un-bg-opacity))}.grid-border[data-v-2874a9dc]{padding:0;counter-reset:listCounter;resize:horizontal;gap:1px;border:1px solid}.active[data-v-2874a9dc],.grid-border[data-v-2874a9dc]{--un-shadow:var(--un-shadow-inset) 0 4px 6px -1px var(--un-shadow-color,rgba(0,0,0,0.1)),var(--un-shadow-inset) 0 2px 4px -2px var(--un-shadow-color,rgba(0,0,0,0.1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.grid-border:hover .grid-table-cell[data-v-2874a9dc]{--un-outline-color-opacity:1;outline-color:rgb(59 130 246/var(--un-outline-color-opacity))}.active .grid-table-cell[data-v-2874a9dc]{--un-outline-color-opacity:1;outline-color:rgb(37 99 235/var(--un-outline-color-opacity))}.grid-table-cell[data-v-2874a9dc]{display:flex;outline-style:solid;outline-width:1px;--un-outline-color-opacity:1;outline-color:rgb(107 114 128/var(--un-outline-color-opacity));align-items:center;justify-content:center;text-align:center}.active .label[data-v-2874a9dc],.label[data-v-2874a9dc]{--un-bg-opacity:1;background-color:rgb(229 231 235/var(--un-bg-opacity));font-size:12px}.grid-container[data-v-2874a9dc]{display:grid;grid-template-columns:3fr 7fr 3fr 7fr;grid-template-rows:30px 40px 30px 30px 30px 30px 50px;gap:1px;grid-auto-flow:row;grid-template-areas:"status status-value status-value status-value" "progress progress-value progress-value progress-value" "ship ship-name berthingTime berthingTime-value" "oil oil-value quantity quantity-value" "rest rest-value already already-value" "tankNumber tankNumber-value tankNumber-value tankNumber-value" "shipper shipper-value shipper-value receiver-value"}.status[data-v-2874a9dc]{grid-area:status}.status-value[data-v-2874a9dc]{grid-area:status-value}.progress[data-v-2874a9dc]{grid-area:progress}.progress-value[data-v-2874a9dc]{grid-area:progress-value}.ship[data-v-2874a9dc]{grid-area:ship}.ship-name[data-v-2874a9dc]{grid-area:ship-name}.berthingTime[data-v-2874a9dc]{grid-area:berthingTime}.berthingTime-value[data-v-2874a9dc]{grid-area:berthingTime-value}.oil[data-v-2874a9dc]{grid-area:oil}.oil-value[data-v-2874a9dc]{grid-area:oil-value}.quantity[data-v-2874a9dc]{grid-area:quantity}.quantity-value[data-v-2874a9dc]{grid-area:quantity-value}.rest[data-v-2874a9dc]{grid-area:rest}.rest-value[data-v-2874a9dc]{grid-area:rest-value}.already[data-v-2874a9dc]{grid-area:already}.already-value[data-v-2874a9dc]{grid-area:already-value}.tankNumber[data-v-2874a9dc]{grid-area:tankNumber}.tankNumber-value[data-v-2874a9dc]{grid-area:tankNumber-value}.shipper[data-v-2874a9dc]{grid-area:shipper}.shipper-value[data-v-2874a9dc]{grid-area:shipper-value}.receiver[data-v-2874a9dc]{grid-area:receiver}.receiver-value[data-v-2874a9dc]{grid-area:receiver-value}.operate[data-v-2874a9dc]{grid-area:operate}.operate-value[data-v-2874a9dc]{grid-area:operate-value}.screen-adapter[data-v-665151c1]{transform-origin:0 0;position:absolute;left:50%;top:50%;transition:.3s}.status-box[data-v-b4cbf434]{border-radius:20px;width:100px;--un-text-opacity:1;color:rgb(255 255 255/var(--un-text-opacity));font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center}.bg-status-1[data-v-b4cbf434]{--un-bg-opacity:1;background-color:rgb(229 231 235/var(--un-bg-opacity))}.bg-status-2[data-v-b4cbf434]{--un-bg-opacity:1;background-color:rgb(96 165 250/var(--un-bg-opacity));cursor:pointer}.bg-status-3[data-v-b4cbf434]{--un-bg-opacity:1;background-color:rgb(251 146 60/var(--un-bg-opacity))}.bg-status-4[data-v-b4cbf434]{--un-bg-opacity:1;background-color:rgb(74 222 128/var(--un-bg-opacity))}.task-flow-container[data-v-0d410cdf]{display:grid;grid-template-columns:100px 60px 100px 60px 100px 60px 100px 60px 100px 60px 100px 60px 100px 60px 100px 60px 100px 60px 100px 60px 100px 60px 100px;grid-template-rows:90px 90px 90px;gap:10px 0;grid-auto-flow:row;grid-template-areas:". . . . a5 a5 a5 a5 item6 a7 item8 . item9 . item10 a12 a12 a12 a12 . . . . " "item1 a1 item2 a2 item3 a3 item4 a4 item5 a8 item8 a10 item9 a11 item10 a13 item12 a15 item11 a17 item14 a18 item15" ". . . . . . a6 a6 item7 a9 item8 . item9 . item10 a14 item13 a16 a16 a16 a16 . ."}.item1[data-v-0d410cdf]{grid-area:item1}.item2[data-v-0d410cdf]{grid-area:item2}.item3[data-v-0d410cdf]{grid-area:item3}.item4[data-v-0d410cdf]{grid-area:item4}.item5[data-v-0d410cdf]{grid-area:item5}.item6[data-v-0d410cdf]{grid-area:item6}.item7[data-v-0d410cdf]{grid-area:item7}.item8[data-v-0d410cdf]{grid-area:item8}.item9[data-v-0d410cdf]{grid-area:item9}.item10[data-v-0d410cdf]{grid-area:item10}.item11[data-v-0d410cdf]{grid-area:item11}.item12[data-v-0d410cdf]{grid-area:item12}.item13[data-v-0d410cdf]{grid-area:item13}.item14[data-v-0d410cdf]{grid-area:item14}.item15[data-v-0d410cdf]{grid-area:item15}.a2[data-v-0d410cdf]{grid-area:a2}.a1[data-v-0d410cdf]{grid-area:a1}.a3[data-v-0d410cdf]{grid-area:a3}.a4[data-v-0d410cdf]{grid-area:a4}.a5[data-v-0d410cdf]{grid-area:a5}.a6[data-v-0d410cdf]{grid-area:a6}.a7[data-v-0d410cdf]{grid-area:a7}.a8[data-v-0d410cdf]{grid-area:a8}.a9[data-v-0d410cdf]{grid-area:a9}.a10[data-v-0d410cdf]{grid-area:a10}.a11[data-v-0d410cdf]{grid-area:a11}.a12[data-v-0d410cdf]{grid-area:a12}.a13[data-v-0d410cdf]{grid-area:a13}.a14[data-v-0d410cdf]{grid-area:a14}.a15[data-v-0d410cdf]{grid-area:a15}.a16[data-v-0d410cdf]{grid-area:a16}.a17[data-v-0d410cdf]{grid-area:a17}.a18[data-v-0d410cdf]{grid-area:a18}.arrow[data-v-0d410cdf]{height:80px;width:60px;display:flex;align-items:center;justify-content:center}