.tool-autarchy-calculator-wrapper .tool-roofselector-container.inactive .roofSelectorQ{height:10vh}.tool-autarchy-calculator-wrapper .tool-roofselector-container.inactive .roofselector-call-to-action{top:32%;left:5%;position:absolute;color:#fff;z-index:1;font-size:17px;font-weight:700;cursor:pointer}.tool-autarchy-calculator-wrapper .tool-roofselector-container.active .listContainer .header h3,.tool-autarchy-calculator-wrapper .tool-roofselector-container.active .roofselector-call-to-action,.tool-autarchy-calculator-wrapper .tool-roofselector-container.inactive #address,.tool-autarchy-calculator-wrapper .tool-roofselector-container.inactive .configuratorButton,.tool-autarchy-calculator-wrapper .tool-roofselector-container.inactive .listContainer{display:none}.tool-autarchy-calculator-wrapper .tool-roofselector-container.inactive{cursor:pointer}.tool-autarchy-calculator-wrapper .tool-roofselector-container.active .roofSelectorQ{height:40vh}.tool-autarchy-calculator-wrapper .tool-roofselector-container.active .listContainer{width:0}.tool-autarchy-calculator-wrapper .tool-roofselector-container.active .btn.drawRoof.configuratorButton{position:absolute;left:45%;top:5%}.tool-autarchy-calculator-wrapper .tool-roofselector-container.active{margin-bottom:2vh}.tool-autarchy-calculator-wrapper .result-gen-power-span,.tool-autarchy-calculator-wrapper .result-saving-span{font-weight:700}.tool-autarchy-calculator-wrapper #energy_price_input,.tool-autarchy-calculator-wrapper #roof_size_input{width:100%;font-size:13px;padding:4px}.tool-autarchy-calculator-wrapper .input-label{position:absolute;z-index:1;top:15%;left:75%}.tool-autarchy-calculator-wrapper .no-left-padding{padding-left:0}.tool-autarchy-calculator-wrapper .result-text-container{background:#c3dcad;border-radius:0 0 10px 10px;padding:10px}.tool-autarchy-calculator-wrapper .pointing-img{position:absolute;top:-2%;left:81%}.tool-autarchy-calculator-wrapper .pointing-img img{width:15%!important}.tool-autarchy-calculator-wrapper .tool-input-row{margin-bottom:20px}.tool-autarchy-calculator-wrapper .row{margin-left:0}.btnOpenConfiguratorModal{cursor:pointer}.roofSelectorQ .titleMarker{color:#000!important;text-shadow:-1px 0 0 #fff,-1px -1px 0 #fff,0 -1px 0 #fff,1px -1px 0 #fff,1px 0 0 #fff,1px 1px 0 #fff,0 1px 0 #fff,-1px 1px 0 #fff}.roofSelectorQ .lengthMarker{color:#000!important;text-shadow:-1px 0 0 #fff,-1px -1px 0 #fff,0 -1px 0 #fff,1px -1px 0 #fff,1px 0 0 #fff,1px 1px 0 #fff,0 1px 0 #fff,-1px 1px 0 #fff;position:absolute;width:10em;text-align:center}.roofSelectorQ .map{height:95%}.roofSelectorQ .sideList{float:right}.roofSelectorQ{display:flex;height:70vh;padding-bottom:15px}.roofSelectorQ .mapContainer{width:80%}.roofSelectorQ .listContainer{width:20%}.roofSelectorQ .map.disabledMap{filter:brightness(.5)}.roofSelectorQ .list{border:1px solid #ccc;border-radius:0 5px 5px 0;display:flex;flex-direction:column;min-height:100px;padding-bottom:20px}.roofSelectorQ .list .item{border:1px solid #ccc;padding:10px 5px;margin-left:10px}.roofSelectorQ .list .item .deleteButton{background:0 0;border:0}.roofSelectorQ .list .header{text-align:center;margin-bottom:20px;margin-top:15px;display:flex;justify-content:center;flex-direction:column}.roofSelectorQ input#address{position:absolute;z-index:20;top:45%;left:20%;width:40%}.roofSelectorQ .mapContainer .btn-group{padding-top:.5vh}.roofSelectorQ .listContainer>.popover{max-width:fit-content}.roofSelectorQ .helperList .helperItem{display:flex;flex-direction:row;align-items:center;gap:10px;border-bottom:2px solid gray}.roofSelectorQ .helperList .helperItem .icons{width:250px}.roofSelectorQ .helperList .helperItem .icons .responsiveImageQ,.roofSelectorQ .helperList .helperItem .icons img{height:60px;width:50px}.roofSelectorQ .helperList .helperItem .icons .and{padding:20px;font-size:20px;font-weight:700}.roofSelectorQ .addDesruptor,.roofSelectorQ .drawRoof{margin:10px}.roofSelectorQ #changeAddress,.roofSelectorQ #jumpBack{margin-top:10px;margin-right:10px}.roofSelectorQ .addDesruptor.active,.roofSelectorQ .drawRoof.active{border:3px solid #843a0b;box-shadow:0 0 0 2px #fff inset;box-sizing:border-box}form .formLoading{display:inline-block}@keyframes form-loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}form .formLoading:after{content:" ";display:block;width:12px;height:12px;margin:auto;border-radius:50%;border:6px solid #fff;border-color:#fff transparent;animation:1.2s linear infinite form-loading}