:root{--header-color: gray;--section-color: white;--form-font:Arial, Helvetica, sans-serif;--input-color:rgb(255, 255, 255);--VL-color:#a700a7;--GO-color:rgb(189, 107, 0);--HS-color:#000000;--line-vl-color: hsla(308, 94%, 25%, .5);--line-hs-color: hsla(225, 96%, 10%, .5);--line-go-color: hsla(54, 97%, 37%, .5);--open-color:#079b07;--close-color:#b11111}*{padding:0;margin:0;font-family:var(--form-font)}#root{padding:0;margin:0}main{display:flex;flex-direction:column;align-items:center;justify-content:center}label{font-family:var(--form-font);font-weight:600}input{border:none;background:var(--input-color);font-size:14px;font-weight:600;font-family:var(--form-font);width:auto;outline:none}input::-webkit-calendar-picker-indicator{display:none;-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-date{max-width:50px}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:none;border:none;height:100%;text-align:center;font-weight:600;background:var(--input-color);cursor:pointer}option{font-weight:600}select:focus{outline:none}.small-font{font-size:12px}.smaller-font{font-size:12px;word-break:break-word;width:max-content}.text-center{text-align:center}.break-text{word-break:break-word;width:max-content}.VL-color{color:var(--VL-color);font-weight:700}.HS-color{color:var(--HS-color);font-weight:700}.GO-color{color:var(--GO-color);font-weight:700}.input-open{color:var(--open-color);font-weight:700}.input-close{color:var(--close-color);font-weight:700}.input-fs{color:var(--close-color);font-weight:800}.td-title{font-weight:600;text-align:center}.display-none{display:none}.middle-index{position:absolute;left:50%;color:#0000004d;outline:none!important}@media print{.no-print{display:none!important}.row-data td input,.row-data td select{scale:.8}.maintable-line{font-size:8px}@page{size:A4 landscape;margin-top:.6cm;margin-inline:.4cm;margin-bottom:.4cm}}.main-table{width:100%;border-collapse:collapse;table-layout:fixed;overflow:hidden}.main-table th{outline:1px solid rgba(0,0,0,.4)}.main-table-body tr{height:18px}.row-data{width:100%}.row-data td{border-collapse:collapse;outline:1px solid rgba(0,0,0,.4)}.row-data td input{width:100%;box-sizing:border-box;text-align:center}.row-data td select{width:100%;border:none}.col-8pctage{width:8%}.col-10pctage{width:10%}.col-12pctage{width:12%}.col-17pctage{width:17%}.col-3pctage{width:2.9%}.col-20pctage{width:25%}.VLSFO{color:var(--VL-color)}.HSFO{color:var(--HS-color)}.MGO{color:var(--GO-color)}.form-date{display:flex;flex-direction:column;justify-content:space-around;align-items:start;height:100%;margin-inline:1em}.form-date div{display:flex;flex-direction:row;font-family:var(--form-font)}.form-date div span{margin-inline:.7em;font-size:large}.form-date label,.form-date input{font-size:14px}.valve-table{display:flex;height:100%;width:100%}.form-valveinfo{display:flex;width:100%;height:100%}.form-valveinfo table{width:100%;border-collapse:collapse;table-layout:fixed}.valve-body{width:100%}.valve-table td{vertical-align:middle;width:25%;outline:1px solid rgba(0,0,0,.4)}.valve-table label{display:block;font-weight:700;padding-left:.2em;height:100%;margin:0}.valve-table input,.valve-table select{width:100%;height:100%;box-sizing:border-box;border:none}.text-information{width:100%;min-height:100%;display:flex;flex-direction:column;overflow:none;height:100%}.text-information h3{margin-left:1em}#textHandOver{width:100%;min-height:100%;font-size:16px;padding-inline:1em;box-sizing:border-box;word-wrap:break-word;white-space:pre-wrap;overflow-y:none;height:100%}#textHandOver:focus{outline:none;cursor:text}.to-header{text-align:center;border-bottom:1px solid black;font-size:smaller}.to-content{display:flex;flex-direction:row;flex:1}.to-content div{display:flex;outline:1px solid rgba(0,0,0,.4);flex-direction:column;width:50%;padding-left:5px;font-size:.8vi}.tanks-form{position:absolute;bottom:2%;width:70vw;z-index:8000}.table-tanks{width:100%;outline:1px solid rgba(0,0,0,.4)}.table-tanks thead{height:25px;text-align:center;font-weight:600;-webkit-user-select:none;user-select:none}.table-tanks tr{height:25px;table-layout:fixed;outline:1px solid rgba(0,0,0,.4)}.title{font-weight:600}.table-tanks td input{width:10vw;text-align:center}.table-tanks td{outline:1px solid rgba(0,0,0,.4);padding:.1em}.heater-form{display:flex;position:absolute;right:7.5%;bottom:14%;z-index:9000}.heater-table>*{outline:1px solid rgba(0,0,0,.4)}.heater-table td{padding:.2em;outline:1px solid rgba(0,0,0,.4);text-align:center}.dialog-box{position:fixed;background:#fff;border:1px solid #aaa;border-radius:8px;padding:10px;box-shadow:0 2px 8px #0003;z-index:9999;pointer-events:none}#svgImage{position:absolute;top:0;height:98vh;width:99vw;z-index:8000;margin:none}#svgSRC{position:absolute;top:0;z-index:1000;height:98vh;width:99vw;-webkit-user-select:none;user-select:none;margin:none}.open,.open-tk{stroke-width:40;stroke:#02810247;fill:var(--open-color);position:relative}.close-tk{stroke-width:40;stroke:#72000047;fill:#81020247}.fs-tk{stroke-width:18;stroke:var(--close-color)}.run{stroke-width:40;stroke:#02810247;fill:var(--open-color)}.mxrun{stroke-width:30;stroke:#0281023d;animation:rotatewheel .7s linear infinite;transform-origin:center;transform-box:fill-box;cursor:pointer}.mxstop{stroke-width:30;stroke:#ababab22;fill:#d3d1d1;cursor:pointer}.mxfs{stroke-width:15;stroke:var(--close-color)}.stop,.close{stroke-width:50;stroke:#3d3d3d1f;position:relative}.fs,.pumpfs{stroke-width:15;stroke:var(--close-color)}.clicable:hover{cursor:pointer}.run-wheel{stroke-width:4;stroke:#948503;fill:#ddb70f;animation:rotatewheel .4s linear infinite;transform-origin:center;transform-box:fill-box}.stop-wheel{stroke-width:25}.pumpfs-wheel{stroke-width:10;fill:var(--close-color);stroke:var(--close-color)}.VL-line{stroke-width:15;stroke:var(--line-vl-color)}.GO-line{stroke-width:15;stroke:var(--line-go-color)}.HS-line{stroke-width:15;stroke:var(--line-hs-color)}.mixer{stroke-width:30px;stroke:#62626222;cursor:pointer}.arrow-off{position:relative;transform:translateY(40px);transform-origin:center;transform-box:fill-box;scale:1.3;cursor:pointer;transition:transform .2s;filter:opacity(.1) saturate(0)}.discharge-arrow{filter:none;transform:translateY(40px) rotate(180deg);position:relative;transform-origin:center;transform-box:fill-box;scale:1.3;cursor:pointer;transition:transform .2s}.load-arrow{filter:none;position:relative;transform:translateY(40px);transform-origin:center;transform-box:fill-box;scale:1.3;cursor:pointer;transition:transform .2s}.lcstrge-circle{position:fixed;top:10px;left:10px;height:20px;width:20px;border-radius:50%}@keyframes rotatewheel{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.line-on{stroke-width:10;stroke:#056b055e}.off{stroke:#000}.color-101A,.color-101B{stroke-width:10;stroke:var(--line-vl-color)}.color-101C{stroke-width:10;stroke:var(--line-hs-color)}.color-104,.color-105{stroke-width:10;stroke:var(--line-vl-color)}.color-102,.color-103{stroke-width:10;stroke:var(--line-go-color)}.color-L1,.color-L2{stroke-width:10;stroke:var(--line-vl-color)}.color-L3{stroke-width:10;stroke:var(--line-hs-color)}.color-L4,.color-FS{stroke-width:10;stroke:var(--line-go-color)}.chat-frame{display:grid;grid-template-columns:1fr;grid-template-rows:1fr 50px;gap:10px;height:70dvh;width:auto;background:#eaeaeb;position:absolute;top:30px;margin:auto;z-index:10000;border-radius:20px;padding:10px;box-shadow:1px 10px 38px #000000bf}.chat-section{background:#d1d1d1ea;border-radius:10px;padding:10px;width:600px;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none}.chat-line{list-style:none}.chat-line>span:first-child{display:flex;height:40px;width:40px;align-items:center;justify-content:center;border-radius:50%;margin-bottom:5px;padding:3px;border:1px solid rgba(0,0,0,.103);box-shadow:3px 3px 10px #00000048}.chat-line>p:last-child{margin-bottom:15px;padding:.4em;border-radius:10px;font-size:16px;width:fit-content;box-shadow:3px 3px 5px #00000048}.chat-line.ia-text span,.chat-line.ia-text p{background:#696b7ae4;color:#fff;font-size:18px}.chat-line.user-text span,.chat-line.user-text p{background:#4fe8a880;justify-self:end;font-size:18px}.form-section{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:auto;margin:10px;gap:10px}.form-section input:first-child{flex:1;padding:.6em;font-size:16px;border-radius:20px;border:1px solid #aaa}.form-section label{background:#b8b4b4;height:30px;width:30px;border-radius:8px;padding:.2em;transition:.2s ease}.form-section label:hover{background:gray;-webkit-user-select:none;user-select:none}.form-section .submit-but{font-size:16px;color:#fff;background:#1c92f3;padding:.6em;border-radius:5px;transition:.2s ease}.form-section .submit-but:hover{background:#1b6daf;cursor:pointer}.form-section .submit-but[disabled]{background:gray}#handOverFile{display:none}.ul-menu{position:absolute;background:#fff;border:1px solid #ccc;box-shadow:0 2px 6px #0003;list-style:none;margin:0;z-index:9999}.ul-menu li{padding:.1em .5em;font-size:16px}.ul-menu li:hover{background:#d6d6d6;cursor:pointer}.section-svg{display:flex;align-items:center;justify-content:center;background:var(--section-color);height:100vh;width:70%}.section-info{display:grid;background:#fff;grid-template-columns:repeat(5,1fr);grid-template-rows:12vh minmax(0,1fr) 39vh 8vh 2vh;grid-template-areas:"div1 div2 div3 div3 div4" "div5 div5 div5 div5 div5" "div6 div6 div6 div7 div7" "div8 div8 div8 div8 div8" "div9 div9 div9 div9 div9";gap:0;min-height:88vh;margin:5px;width:98vw}.section-info>*{outline:1px solid rgba(0,0,0,.4)}.grid-element1{grid-area:div1;padding:1em;font-size:1.1vi;text-wrap:balance;-webkit-user-select:none;user-select:none}.grid-element2{grid-area:div2;display:flex;min-width:450px;flex-direction:column;-webkit-user-select:none;user-select:none}.grid-element3{grid-area:div3;align-content:center;text-align:center;font-size:2vi;-webkit-user-select:none;user-select:none}.grid-element4{grid-area:div4}.grid-element5{grid-area:div5;width:100%;height:100%;overflow:hidden;flex:1}.grid-element6{grid-area:div6;overflow-y:hidden}.grid-element7{grid-area:div7;display:flex}.grid-element8{grid-area:div8;display:flex;flex-direction:column;height:100%;width:100%;justify-content:space-between;align-items:start}.pumpmen-form{display:flex;flex-direction:row;width:100%;height:100%}.pumpmen-form div{outline:1px solid rgba(0,0,0,.4);width:50%}#pumpyOut,#pumpyIn{margin:10px;font-size:20px;background:#ecebeb91;text-transform:uppercase}.grid-element9{grid-area:div9;text-align:center;font-size:14px;padding:1px}.button-div{outline:none}.button-div{position:fixed;top:0;right:0;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;z-index:9000}#addRow,#removeRow,#impScreen{border-radius:12px;box-shadow:1px 2px 15px 3px #00000049;color:#fff;font-weight:600;transition:.2s ease;border:none;outline:none;margin:10px;z-index:9000}.button-style{box-shadow:1px 2px 15px 3px #00000049;color:#fff;font-weight:600;transition:.2s ease;border:none;outline:none;margin:10px;z-index:9000;border-radius:10px;font-size:.8em;padding:1em;background:#00c77b}.button-style:hover{background:#05945d;scale:1.1;cursor:pointer}#chat-but{background:#03c4ca}#removeRow,#addRow{background:linear-gradient(to bottom,#f0f0f0,#d9d9d9);box-shadow:inset 0 1px #fff,0 2px 5px #0003;border:1px solid #858585a1;-webkit-user-select:none;user-select:none;transition:all .2s ease-in-out;color:#000;font-weight:600;width:30px;height:30px;text-align:center;align-items:center}:is(#removeRow,#addRow):hover{cursor:pointer;box-shadow:inset 0 1px #fff,0 2px 5px #0007}#impScreen{border-radius:10px;font-size:.8em;padding:.5em;background:#00c77b}#impScreen:hover{background:#05945d;scale:1.1;cursor:pointer}#impScreen img{height:25px;width:25px;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(223deg) brightness(104%) contrast(101%);cursor:pointer}.api-message{position:absolute;top:60px;font-size:16px;font-weight:600;padding:8px;border-radius:10px;color:#fff}