*{box-sizing:border-box;margin:0;padding:0}body{font-family:Sans-Serif;line-height:1.5em;background-color:#f1f1f1}.webgl{position:fixed;top:0;left:0;outline:none}.layout{display:grid;grid-template-columns:260px 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"header header" "sidebar content" "footer footer";min-height:100vh}.header{grid-area:header;background:#2c3e50;color:#fff;display:flex;align-items:center;padding:0 20px;position:relative}.pageheader{padding:16px;margin-top:0;height:60px;width:80%;margin-left:50%;transform:translate(-50%);text-align:center}.functions{margin-top:40px;display:flex;align-items:center;gap:10px}.toggle-label{color:#fff;font-size:14px}#redirectCitytour{margin-top:20px;text-align:center;color:#fff}.footer{grid-area:footer;background:#2c3e50;color:#fff;display:flex;justify-content:center;align-items:center;gap:10px;padding:10px 16px;text-align:center;flex-wrap:wrap}.footer a{color:#d6e9ff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4)}.footer a:hover{color:#fff;border-bottom-color:#fff}.sidebar{grid-area:sidebar;background:#34495e;color:#fff;padding:16px;overflow:auto}.content{grid-area:content;padding:0;overflow:hidden}.layout.sidebar-collapsed{grid-template-columns:0px 1fr}.sidebar{transition:width .3s ease}#nav{width:20%;background:#eee;overflow-y:scroll;height:calc(100vh - 188px);display:block;position:absolute;border:1px solid}#wrapper{overflow:hidden;height:calc(100vh - 188px)}#pagecookie{padding-top:20px;padding-bottom:20px;width:100%;bottom:0px;text-align:center;background-color:#555;color:#fff;position:fixed;z-index:1100;visibility:hidden;bottom:0}.hint{width:300px;text-align:center;border-radius:5px;display:inline-block;background:white;position:fixed;left:calc(50% - 15px);top:45%;transform:translate(-45%,-45%);z-index:1100;visibility:hidden;padding:20px}.hint img{width:200px;padding:10px 0}.hintText{padding-bottom:5px}.begrepen{padding:10px 0}.btn{border:none;border-radius:5px;color:#fff!important;cursor:pointer;display:inline-block;font-family:inherit;font-weight:600;height:39px;line-height:39px;margin:0;outline:none;padding:0 1.2em;text-align:center;text-decoration:none}.btn.blue{background-color:#009ee3;text-shadow:1px 1px #07a}.btn.navy{background-color:#005e9e;text-shadow:1px 1px #004777}#content{display:block;width:100%;float:left}.innertube{margin:20px 0 0}p{color:#555}ul{list-style-type:none;margin:0;padding:0}ul a{color:#fff;text-decoration:none}.center{display:block;margin-left:auto;margin-right:auto;float:left}.info{float:right;position:absolute;right:0;width:20%;margin-right:0;background:#eee;height:calc(100vh - 188px)}#licenses{text-align:center;padding-top:0}#map{position:relative;width:100%;height:calc(100vh - 150px);z-index:62}#resultaten_container{display:none;border:1px solid grey;height:auto;max-height:200px;width:100%;margin-top:20px;overflow-y:scroll;border-radius:3px}ul#proList{list-style-position:inside}li.item{list-style:none;padding:5px;font-size:small}#sponsor_container{border:0px solid grey;height:70px;width:100%;display:inline-block;margin-top:20px;border-radius:3px;display:flex;align-items:center;justify-content:center;text-align:center}#id_adres{width:100%;border:1px solid grey;border-radius:5px;height:20px}#zoek_container{text-align:center;width:100%;height:30px;padding-top:15px}#id_zoek{height:30px;width:30%}#schaduw_container{text-align:left;width:100%;height:30px;padding-top:15px;margin-top:10px}.logo-text-tudelft{font-family:Barlow,sans-serif;font-weight:700;font-size:1.1rem}#parentTimelineContainer{position:relative;display:block;width:100%;height:140px;float:left;margin-top:10px}.slidecontainer{width:70%;z-index:100;position:absolute;display:inline-block;margin-left:15%;margin-right:15%;height:fit-content}.slider{-webkit-appearance:none;appearance:none;display:block;margin:5px auto 0;width:100%;height:15px;border-radius:5px;background:#d3d3d3;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#005e9e;cursor:pointer}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:#005e9e;cursor:pointer}.sliderLabel{float:right}.period{width:100%;height:25px;margin-top:30px;padding:-4px;display:inline-block}.zpText{font-size:1rem}.tooltip{z-index:1;position:absolute;display:inline;width:260px;height:25px}.month{top:0rem;left:30px}.date{top:3.6rem;left:30px}.tooltip span{position:absolute;text-align:center;display:block;line-height:1;padding:.125rem .25rem;color:#fff;border-radius:.125rem;background:#005e9e;font-size:1.1rem;left:-6%;transform:translate(-50%)}.tooltip span:before{position:absolute;content:"";left:50%;bottom:-8px;transform:translate(-50%);height:0;border:4px solid transparent;border-top-color:#6ba132}#mydiv{position:absolute;z-index:1001;background-color:#f1f1f1;border:1px solid #d3d3d3;text-align:center}#mydivheader{padding:10px;cursor:move;z-index:10;background-color:#2196f3;color:#fff}.orientation{background-color:#ccc;border:1px solid darkgray;border-radius:3px;margin:10px;padding:0;position:absolute;z-index:100;display:inline;text-align:center;font-size:1.1rem;zoom:.8}.orientation label{display:block;color:#000}.calculation{background-color:#ccc;border:1px solid darkgray;border-radius:3px;margin:10px;right:10px;position:absolute;z-index:100;display:inline;text-align:center}#currentLocationContainer{cursor:pointer;margin:auto;padding-top:1px;padding-bottom:5px}#currentLocationContainer img{width:25px;margin-left:10px}.collapsible{background-color:#ccc;margin-top:10px;color:#000;cursor:pointer;padding:18px;width:100%;border:none;border-radius:4px;text-align:left;outline:none;font-size:15px;text-align:center}.active,.collapsible:hover{background-color:#555}.libraryContent{padding:0;max-height:0px;overflow-y:auto;overflow:hidden;transition:max-height .2s ease-out;background-color:#f1f1f1}.contentOverZonpotentie,.contentSimulaties{padding:0;max-height:0px;overflow-y:auto;overflow:hidden;transition:max-height .2s ease-out;background-color:#f1f1f1;font-size:.9rem}#simulatieZonnepaneel,#objectTable{width:100%}.tdObjectHeader{height:30px;width:100px;text-align:center}.tdObject{height:90px;width:100px;text-align:center}.objectImage{height:80%;margin-left:10px;margin-right:10px}#example,.sliderLabel{user-select:none}.sliderControl{margin:5px 5px 0;height:25px;user-select:none;background-color:#cdebb0;padding:5px;border-radius:3px;border:1px solid grey}#rgnSchaduw{display:visible}#rgnWatt,#rgnVermogensopbrengst,#rgnHeading,#rgnPitch,#rgnRoll,#rgnScale,#rgnHeight{display:none}#rgnCalculation{display:none;padding:10px;user-select:none}.calculationComponent{text-align:left}label{user-select:none}#objectContainer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;z-index:1000;background:rgba(0,0,0,.4);display:none}#objectContainer{padding:0;margin-bottom:auto}#objectViewer{background-color:#f1f1f1;display:none}#objectInformation{font-size:.8em;float:right}#threeObject{border-radius:5px}.left{position:fixed;z-index:100;background-color:#f1f1f1;padding-right:10px;padding-left:10px;float:left;height:100%;width:15%}.main{background-color:#f1f1f1;padding-top:20px;float:left;width:100%}.right{background-color:#f1f1f1;padding-left:10px;padding-right:10px;float:left;width:15%}.footer{padding:10px}#myImg{border-radius:5px;cursor:pointer;transition:.3s}#myImg:hover{opacity:.7}.modal{display:none;position:fixed;z-index:1000;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:#000000e6}.modal-content{margin:auto;display:block;width:60%;max-width:70%}#caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}.modal-content,#caption{animation-name:zoom;animation-duration:.6s}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}.close{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}.close:hover,.close:focus{color:#bbb;text-decoration:none;cursor:pointer}.loader{border:16px solid #009ee3;border-radius:50%;border-top:16px solid #07a;width:120px;height:120px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;position:fixed;top:50%;left:50%;margin-top:-60px;margin-left:-60px;z-index:1000;visibility:hidden}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0% {transform: rotate(0deg);}ƒ 100% {transform: rotate(360deg);}}@media screen and (max-width: 800px){.left,.main,.right{width:100%}#map{height:667px}#threeObject{width:100%}#sidebar{height:667px}.layout.sidebar-collapsed{grid-template-columns:40px 1fr}.layout.sidebar-collapsed #sidebar{filter:blur(3px)}}#timeDial{position:absolute;right:10px;top:10px;width:220px;height:220px;z-index:1000;border-radius:50%;background:rgba(0,0,0,.4);backdrop-filter:blur(8px);touch-action:none}@media (max-width: 768px){#timeDial{width:200px;height:200px;right:16px;bottom:16px}}.ring{fill:none}.ringLabel{font-size:12px;letter-spacing:2px;text-transform:uppercase;pointer-events:none;fill:#ffffffbf}.ring.active{stroke-width:18}.ringHighlight{fill:none;stroke-width:30;pointer-events:none;stroke:#ffffffb3;filter:blur(3px);opacity:0;transition:opacity .15s ease}.monthLabel{fill:#4da3ff}.dayLabel{fill:#6edc8c}.timeLabel{fill:#ffb74d}ß .ringTick{pointer-events:auto;cursor:pointer;user-select:none}.ringTick.selected{fill:#fff;paint-order:stroke;stroke:#0000008c;stroke-width:3;font-weight:700}.separator{fill:none;stroke:#96969659;stroke-width:3;pointer-events:none}.month{stroke:#4da3ff}.day{stroke:#6edc8c}.time{stroke:#ffb74d}#timeLabel{fill:#fff;font-size:14px;font-weight:500;pointer-events:none}#timeLabel tspan:last-child{font-size:16px;font-weight:600}.timeTick,.dayTick{font-size:12px;font-weight:500;fill:#111}.monthTick{font-size:14px;font-weight:500;fill:#111}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:#2196f3}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 1px #2196f3}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}