body,html{margin:0;padding:0;box-sizing:border-box;background:#f4f4f4}#body{width:100%;display:grid;grid-template-columns:200px auto;gap:10px}#left{width:auto;padding:8px}#drop,.project-select div{width:auto;text-align:center}#drop{border:2px dashed #bbb;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:50px 25px;font:20pt 700,"Vollkorn";color:#bbb}#logo{padding:25px}#header{height:168px}#header h2,#header h3{margin-top:12px;font-size:20px;font-weight:700;font-style:normal}#header h3{margin-top:15px;font-size:14px;font-weight:400}#header h3 a{text-decoration:none;cursor:pointer;color:#4267b6}#header h3 a:hover{text-decoration:underline}#container{min-width:1300px;display:grid;grid-template-columns:60% 40%}#chart,#grid{height:700px;box-shadow:rgba(0,0,0,.1)0 0 20px;background:#fff;padding:10px}#grid{border:0!important}.project-select div{cursor:pointer;padding:10px 25px;border:2px solid #ccc;border-radius:10px;background-color:#fff;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0;font-size:14px}.project-select div:hover{border-color:#007bff;color:#007bff}.project-select div.active{background-color:#007bff;color:#fff;border-color:#007bff;box-shadow:0 3px 8px rgba(0,123,255,.3)}.winpt{width:98%}.success{color:#468847}.error{color:#b94a48}.info{color:#3a87ad}pre{white-space:pre-wrap}