#app{position:absolute;top:2vh;right:1.5vw;bottom:2vh;left:1.5vw;display:grid;grid-template-columns:5fr 4fr;grid-template-rows:1fr}#app #leftPanel{grid-column:1;display:flex;flex-direction:column;max-height:100%;font-size:1vw;margin-right:1.5vw}#app #leftPanel h1,#app #leftPanel h2,#app #leftPanel h3,#app #leftPanel h4,#app #leftPanel h5,#app #leftPanel h6{margin:0 0 .5em}#app #leftPanel #offsetForm{flex-grow:1;flex-shrink:1;display:flex;flex-direction:column}#app #leftPanel #offsetForm button,#app #leftPanel #offsetForm input[type=submit],#app #leftPanel #offsetForm select{cursor:pointer;background:#eeeeee;border:1px solid #cccccc;padding:.5em 1em;font-size:.95em;transition:background-color .1s}#app #leftPanel #offsetForm button:not(:first-child),#app #leftPanel #offsetForm input[type=submit]:not(:first-child),#app #leftPanel #offsetForm select:not(:first-child){margin-left:.5em}#app #leftPanel #offsetForm button:hover,#app #leftPanel #offsetForm input[type=submit]:hover,#app #leftPanel #offsetForm select:hover{background:#cccccc}#app #leftPanel #offsetForm #tableContainer{display:flex;flex-direction:column;margin:1.5em 0;flex-grow:1;height:1px}#app #leftPanel #offsetForm #tableContainer #tableScrollBox{flex-grow:1;overflow-y:auto}#app #leftPanel #offsetForm #tableContainer #tableScrollBox table{width:100%;table-layout:fixed;margin:0 -5px}#app #leftPanel #offsetForm #tableContainer #tableScrollBox table th,#app #leftPanel #offsetForm #tableContainer #tableScrollBox table td{text-align:left;padding:3px 5px}#app #leftPanel #offsetForm #tableContainer #tableScrollBox table input{background:#eeeeee;border:1px solid #cccccc;padding:3% 5%;font-size:1vw;width:90%}#app #leftPanel #offsetForm #tableContainer #tableScrollBox table input.validationError{border-color:red}#app #leftPanel #offsetForm #tableContainer #tableScrollBox table button{margin:0}#app #leftPanel #offsetForm #tableContainer #tableScrollBox table #totalTitle{text-align:right}#app #leftPanel #summary{text-align:justify}#app #leftPanel #summary #treeQuantityWarning{color:#d00}#app #rightPanel{min-width:0;grid-column:2;border-left:1px solid #000000;display:flex;flex-direction:column;justify-content:space-between}body{border:none;margin:0;font-family:sans-serif}