:root{--main-bg-color:#f5f5f5;--header-bg-color:#333;--header-text-color:#fff;--primary-color:#7986cb;--primary-hover-color:#5c6bc0;--primary-color-lighter:#bbc8e4;--secondary-color:#fff;--text-color:#555;--light-gray:#fcfcfc;--user-light-gray:#dedbdb;--white-color:#fff;--border-color:#ddd;--dark-gray:#777;--overlay-bg-color:#0003}#content{flex:1;height:calc(100vh - 125px);display:flex}.ol-rotate{display:none}.ol-zoom{border:.2px solid var(--primary-hover-color);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;top:4px;left:4px}.ol-zoom-in{border-bottom:.2px solid var(--primary-hover-color)!important}.ol-zoom-in,.ol-zoom-out{background-color:var(--primary-color);color:var(--white-color);text-align:center;border:none;width:30px;height:30px;font-size:15px;font-weight:900}.ol-zoom-in:hover,.ol-zoom-out:hover{color:var(--white-color);background-color:#add8e6}.sidebar{background-color:var(--secondary-color);z-index:100;flex-direction:column;flex-shrink:0;width:300px;transition:transform .3s;display:flex;overflow-y:hidden;box-shadow:2px 0 5px #0000001a}.sidebar.hidden{transform:translate(-100%)}.radio-label{align-items:center;font-size:13px;display:flex}.radio-label input{margin-right:3px}.radio-label button{border:1px solid var(--light-gray);background-color:var(--white-color)}.radio-label.type{justify-content:space-between;width:100%;display:flex}.title{background-color:var(--primary-color);width:100%;max-height:30px;color:var(--header-text-color);text-align:center;padding:4px 0;font-size:14px;font-weight:700}#section-2{background-color:var(--secondary-color);flex-direction:column;justify-content:space-evenly;align-items:center;display:flex;overflow-y:auto}#radioForm{flex-direction:column;justify-content:space-between;width:85%;display:flex}#radioContainer{justify-content:space-between;width:100%;padding:5px 0 0;display:flex}#left-column{flex-direction:column;justify-content:space-between;align-items:flex-start;width:39%;display:flex}#right-column{flex-direction:column;justify-content:space-between;align-items:flex-end;width:39%;display:flex}.separator{border-top:1px solid var(--text-color);width:100%;margin:8px 0}#sharedViewContainer{width:85%;display:flex}#section2-1{background-color:#bbc8e44d;flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;min-height:100px;padding:8px;display:flex;overflow-y:auto;box-shadow:0 2px 4px #0000001a}#checkboxform{width:85%;max-height:420px}#checkboxform p{font-size:13px}#section2-2{background-color:var(--secondary-color);border-top:1px solid var(--user-light-gray);flex-direction:column;justify-content:center;align-items:center;padding-top:6px;display:flex}#catalogselectionForm{flex-direction:column;width:82%;display:flex}.catalog-text{width:90px}.checkbox-container{background-color:var(--secondary-color);border-top:1px solid var(--dark-gray);flex-direction:column;justify-content:center;align-items:center;width:100%;padding-top:5px;font-size:13px;display:flex}.level-container{justify-content:space-evenly;width:84%;display:flex}.level-container label{width:100px}.toggleDivContainer{text-align:center;background-color:var(--white-color);border-bottom:1px solid var(--primary-color);justify-content:center;align-items:center;width:100%;height:5%;min-height:36px;max-height:36px;padding:2px;display:flex}.toggleDivContainer button{background-color:var(--primary-color);color:var(--white-color);cursor:pointer;border:none;border-radius:5px;padding:3px 10px;font-size:12px;transition:background-color .2s}.toggleDivContainer button:hover{background-color:var(--primary-hover-color)}.catalogListToggleContainer,.unSelectedcatalogListToggleContainer{display:none}#button-container{justify-content:flex-start;width:85%;display:flex}#section3{background-color:var(--secondary-color);flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;min-height:100px;display:flex;overflow-y:auto;box-shadow:0 2px 4px #0000001a}#mapoptioncheckboxform{width:85%;height:auto}#radioDisplayCategoryForm{flex-direction:column;width:85%;padding-top:5px;padding-bottom:4px;display:flex}#checkOSMForm{width:85%}#additionalOptionsForm{justify-content:center;width:100%;display:flex}.additional-options-container{flex-direction:column;width:85%;display:flex}#intersection-container{justify-content:center;width:100%;display:flex}#intersection-items{flex-direction:column;width:85%;font-size:12px;display:flex}#intersection-items :first-child{padding-top:5px}#intersection-items>*{margin-bottom:2px}#intersection-items button{background-color:var(--primary-color);max-width:120px;max-height:30px;color:var(--white-color);cursor:pointer;border:none;border-radius:5px;padding:3px 6px;font-size:10px;transition:background-color .3s}#intersection-items button:hover{background-color:var(--primary-hover-color)}#intersection-items button:disabled{background-color:var(--user-light-gray);color:var(--dark-gray);cursor:not-allowed}#drawingMessage-container{color:var(--white-color);z-index:5;background-color:#0000ff4d;border-radius:20px;justify-content:center;padding:4px 10px;font-size:small;font-weight:700;display:none;position:absolute;top:5px;left:50%;transform:translate(-50%)}.map-container{flex:1;position:relative}.ol-attribution button{display:none!important}.ol-attribution{list-style:none;position:absolute;bottom:0;right:5px}.ol-attribution li{margin:0;padding:0;list-style:none}#map{width:100%;height:100%;position:relative}.toggle-button{background-color:var(--primary-color);color:var(--white-color);cursor:pointer;z-index:10;border:none;border-radius:50%;width:40px;height:40px;padding:8px;font-size:15px;display:none;position:absolute;bottom:85px;right:15px}.toggle-button:hover{background-color:var(--primary-hover-color)}.toggle-button:focus{outline:none;box-shadow:0 0 10px #0003}#company-logo{width:130px}@media screen and (width<=1024px){#main-title{padding-left:40px}.sidebar{height:calc(100vh - 125px);position:absolute;transform:translate(-100%)}.sidebar.visible{z-index:9000;transform:translate(0)}.toggle-button{display:block}.map-container{flex:1}}.custom-scale-line{color:var(--white-color);text-align:center;background-color:#3c99dce6;border-radius:4px;padding:5px 0;font-family:Arial,sans-serif;font-size:12px;position:absolute;bottom:25px;left:10px}.custom-scale-line .ol-scale-line-inner{border-top:2px solid #000}.customScaleLine-inner>:not(:first-child){display:none}.customScaleLine-inner>:first-child{font-size:12px;position:absolute;bottom:54px;left:15px}.ol-scale-text{color:#000;text-shadow:-1px -1px #fff,1px -1px #fff,-1px 1px #fff,1px 1px #fff;white-space:nowrap;width:auto;font-weight:700}#popup{background-color:var(--overlay-bg-color);z-index:9999;width:100%;height:100%;font-size:16px;display:none;position:fixed;top:0;left:0;overflow:hidden}.popup-content{background-color:var(--white-color);box-sizing:border-box;border-radius:5px;flex-direction:column;width:min(70%,95vw);min-width:0;max-width:1500px;height:72%;padding:15px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}#modal-header{justify-content:space-between;align-items:center;height:auto;padding-bottom:10px;display:flex}#modal-table-container{flex:1 1 0;min-height:0;margin-bottom:10px;overflow:hidden}#closePopup-container{justify-content:center;align-items:center;height:auto;padding-top:5px;display:flex}#modal-table-container table{border-collapse:collapse!important;flex-direction:column!important;width:100%!important;height:100%!important;display:flex!important}#modal-table-container thead{flex:none!important;width:100%!important}#modal-table-container tbody{flex:1 1 0!important;width:100%!important;display:block!important;overflow-y:auto!important}#modal-table-container thead,#modal-table-container tr{table-layout:fixed!important;width:100%!important;display:table!important}#modal-table-container th,#modal-table-container td{border:1px solid var(--border-color)!important}th,td{text-align:left;border:1px solid var(--border-color);text-align:center;padding:8px}.modal-button{background-color:var(--primary-color);color:var(--white-color);cursor:pointer;text-align:center;border:none;border-radius:4px;height:30px;padding:5px 10px;font-size:12px;display:inline-block}.modal-button:hover{background-color:var(--primary-hover-color)}@media (width<=600px){#popup{font-size:8px}}@media (width>=601px) and (width<=1200px){#popup{font-size:10px}}@media (width>=1201px){#popup{font-size:14px}}#showScale{z-index:9999;position:absolute;bottom:0;left:0}#seach-area{background-color:var(--white-color);justify-content:center;align-items:center;width:100%;padding:4px 0;display:flex}#searchInput{border:1px solid var(--border-color);border-radius:4px;width:198px;margin-right:5px}#searchButton{background-color:var(--primary-color);width:40px;color:var(--white-color);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:5px;display:flex}#searchButton:hover{background-color:var(--primary-hover-color)}.popup-catalog-content{background-color:var(--white-color);border-radius:5px;flex-direction:column;justify-content:space-between;min-width:380px;max-width:700px;height:auto;padding:20px;display:flex;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}#modal-img-container{justify-content:center;align-items:center;display:flex}#modal-img-container img{width:100%}.button:focus{background-color:#87ceeb}select{appearance:none;background:var(--white-color);border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:2px 16px;font-size:11px}#chartTypeComboboxContainer{width:85%;margin:10px auto;padding:5px 0}#chartTypeCombobox{background-color:var(--secondary-color);border:1px solid var(--border-color);width:100%;color:var(--text-color);cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 10px center;background-repeat:no-repeat;background-size:12px;border-radius:4px;padding:8px 10px;font-size:13px}.chartInformText-container{background-color:var(--white-color);justify-content:center;display:flex}.informValue{width:80%;padding:2px 0;font-size:12px}.overlay{z-index:9999;background-color:#0000;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:absolute;top:0;left:0}.overlay.show{display:flex}.accordion-section{flex-direction:column;flex:none;min-height:0;margin-bottom:5px;display:flex}:is(.accordion-section:has(.enc-list-accordion-content.open),.accordion-section:has(.enc-option-accordion-content.open)){flex:auto}.enc-list-accordion-content{border-top:none;max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.enc-list-accordion-content.open{flex-direction:column;flex:auto;min-height:0;max-height:650px;display:flex}.enc-option-accordion-content{border-top:none;max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.enc-option-accordion-content.open{flex-direction:column;flex:auto;min-height:0;max-height:600px;display:flex}.enc-type-accordion-content{max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.enc-type-accordion-content.open{max-height:500px}.intersection-accordion-content{max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.intersection-accordion-content.open{max-height:300px}#wpOverlay{z-index:5;background-color:var(--white-color);width:25%;max-height:100%;display:none;position:absolute;top:0;right:0;overflow-y:auto}table{border-collapse:collapse;width:100%}thead{background-color:#f8f9fa;width:100%}tbody,tr{width:100%}@media (width<=1200px){#overLayContent th,#overLayContent td{font-size:12px}}@media (width<=992px){#overLayContent th,#overLayContent td{font-size:10px}}@media (width<=576px){#wpOverlay{background-color:var(--white-color);width:100%;max-height:12%;position:absolute;overflow-y:auto}#overLayContent th,#overLayContent td{font-size:8px}}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background-color:#ffffff80}::-webkit-scrollbar-thumb{background-color:#00000080}.manual-modal{z-index:1050;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:auto}.manual-modal-content{background-color:#fff;border-radius:8px;flex-direction:column;width:90%;max-width:1250px;height:88%;max-height:820px;animation:.3s ease-out modalFadeIn;display:flex;box-shadow:0 4px 20px #00000026}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.manual-modal-header{background-color:#f7f9fa;border-bottom:1px solid #eee;border-top-left-radius:8px;border-top-right-radius:8px;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.manual-modal-title{color:#333;margin:0;font-weight:700}.close-btn{cursor:pointer;color:#999;background:0 0;border:none;font-size:24px;transition:color .2s}.close-btn:hover{color:#333}.manual-modal-body{flex:1;display:flex;overflow:hidden}.manual-tabs{background-color:#fcfcfc;border-right:1px solid #eee;flex-direction:column;width:200px;padding:10px 0;display:flex}.manual-tab-link{text-align:left;color:#555;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;padding:12px 15px;font-size:13px;transition:all .2s}.manual-tab-link:hover{color:#000;background-color:#f1f3f5}.manual-tab-link.active{color:#1a73e8;background-color:#e9ecef;border-left-color:#1a73e8;font-weight:700}.manual-tab-content{flex-direction:column;flex:1;gap:15px;padding:20px;display:flex;overflow-y:auto}.manual-tab-panel{flex-direction:column;gap:12px;display:none}.manual-tab-panel.active{display:flex}.manual-tab-panel h4{color:#111;border-bottom:2px solid #f1f3f5;margin:0;padding-bottom:8px;font-size:16px;font-weight:700}.manual-tab-panel p{color:#555;white-space:pre-line;margin:0;font-size:13px;line-height:1.6}.manual-img-placeholder{border-radius:6px;width:100%;margin-top:5px;position:relative;overflow:hidden}.placeholder-text{display:none}.manual-img-placeholder img{object-fit:contain;background-color:#f8fafc;border:1px solid #ddd;border-radius:6px;width:100%;max-height:480px}#modal-table-container td:nth-child(2){word-break:keep-all;overflow-wrap:break-word}body button:focus,body a:focus{outline:none;box-shadow:0 0 10px #0003}#header{background-color:#222;height:56px!important;font-size:14px!important}#header a:hover{cursor:pointer}.dropdown-item.active-example{background-color:#f0f0f0}#footer{color:#a9a9a9;flex-direction:column;justify-content:center;align-items:center;width:100%;font-size:12px;display:flex;position:fixed;bottom:0;left:0;z-index:1000!important;background-color:#222!important;height:65px!important}#footer img{padding-bottom:4px}.footer-container{flex-direction:column;justify-content:center;align-items:center;display:flex;margin:0!important}.footer-container a{color:#d3d3d3}@media (width<=768px){#footer{font-size:10px}}#loading-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.spinner-border{width:40px;height:40px}.loader-overlay{z-index:9999;background-color:#fff;justify-content:center;align-items:center;transition:opacity 1s ease-in-out;display:flex;position:fixed;top:0;left:0;width:100%!important;height:100%!important}.loader-content{text-align:center;color:#333}.spinner-ring{border:4px solid #fff;border-top:5px solid #212529;border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.main-content{opacity:0;visibility:hidden;transition:all .3s ease-in-out}.main-content.show{opacity:1;visibility:visible}