body{font-family:Montserrat,Work Sans,sans-serif;margin:0}#header{padding-bottom:3px;width:100%;background-image:url(/bg.png);background-repeat:repeat;background-size:auto;color:#fff;display:flex;flex-direction:row}#header>div{flex:0 1 120px;margin:0 2px;display:flex;align-items:end;justify-content:center}#header>.main{flex-grow:1;font-size:3em;align-items:center}.ski,.sykkel{cursor:pointer}.season{text-decoration:underline}.main>span{padding:5px 25px;background-color:#0291bde5;border-radius:15px}.logo{width:290px}#wrap{position:relative;height:calc(100vh - 111px);width:calc(100% - 8px);border-radius:2px;border:1px #aac inset}#drop-zone{position:absolute;display:flex;flex-direction:column;justify-content:center;z-index:100;top:5px;width:180px;min-height:300px;height:calc(100% - 290px);border:1px #ccc solid;border-radius:2px;-webkit-user-drop:element;opacity:80%}#map{width:100%;height:100%}.box{box-shadow:0 4px 4px -1px #000000bf}#graph-box{border:2px;border-radius:2px;position:absolute;z-index:200;height:250px;bottom:20px;width:calc(100% - 30px);margin-left:10px;margin-right:20px;overflow:scroll}#graph{opacity:80%;width:100%;height:100%;overflow:auto}.working{background-color:#aac;border-color:#c8c}.ready{background-color:#efeff5;border-color:#0f0f0f}#files{display:flex;flex-direction:column;flex-grow:0;overflow:auto;font-size:smaller;margin-bottom:auto}#files A{text-align:center;margin-top:5px;margin-bottom:2px;cursor:pointer}#files A.selected{background-color:#efeff3;border-style:inset}.gpx{text-align:center;padding:8px 0;display:flex;align-items:center;justify-content:center}#file-button{border-style:groove;font-family:Geneva,Tahoma,Verdana,sans-serif;font-size:12px;background-color:#fff;padding:4px;cursor:pointer}#work-box{position:absolute;z-index:200;top:10px;left:50%;transform:translate(-50%);background-color:#fff;padding:10px 0 4px}.box>fieldset{border:0}#work-field{font-size:.8em;outline:none}button{margin-left:8px;font-size:.8em}#work-field.error{border-color:#e85d68;background-color:#ffebee;animation:shake .5s ease-in-out}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.dropdown{position:relative;display:inline-block}.dropdown-content{display:none;position:absolute;top:100%;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block;cursor:pointer}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block}.modal{display:none;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content{background-color:#fefefe;margin:10% auto;padding:20px;border:1px solid #888;width:80%;max-width:800px}.close-button{color:#aaa;float:right;font-size:28px;font-weight:700}.close-button:hover,.close-button:focus{color:#000;text-decoration:none;cursor:pointer}#info-content-body{margin-top:20px;color:#333;line-height:1.6}