#map{height:500px}.button-container{display:flex;gap:5px;height:43px}.button-container .btn{flex:1}.btn-custom{border-radius:5px;border:solid 1px rgb(255,255,255);padding:8px 15px;margin-left:3px}.ag-theme-quartz{--ag-foreground-color: rgb(16, 15, 16) !important;--ag-background-color: rgb(255, 255, 255) !important;--ag-header-background-color: rgb(255, 255, 255) !important;--ag-odd-row-background-color: rgba(211, 204, 202, .03) !important;--ag-font-size: 14px !important}#myGrid{max-height:86vh}.layer-switcher{position:fixed;top:1em!important;right:1em!important;text-align:left;font-size:12px}.layer-switcher.shown{max-height:250px}.layer-switcher button{background-color:#fff!important}.layer-switcher .group button{background-size:10px 16px!important}.mousePosition{position:absolute;left:51%;right:auto;bottom:5px;transform:translate(-50%);border:1px solid rgb(107,109,107);border-radius:10px;padding:5px;background-color:#e4e7ea99;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:12px}.custom-scale-line{position:absolute;left:5%;right:auto;bottom:10px;transform:translate(-50%);border-radius:10px;padding:5px;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:12px}.myButton{background-color:#fbffff;color:#f0f4f6;font-weight:700;text-align:center;height:35px;width:35px;border-radius:5px;border:none;align-items:center}.myButton .icon{font-size:16px;color:#000;align-items:center;justify-content:center}.myButton:hover{background-color:#b4b4b8}.myButton.clicked,.myButton.clicked:hover{background-color:#949494}.homeButtonDiv{position:absolute;top:10px;left:10px;z-index:999}.fsButtonDiv{position:absolute;top:50px;left:10px;z-index:999}.panButtonDiv{position:absolute;top:90px;left:10px;z-index:999}.ziButtonDiv{position:absolute;top:130px;left:10px;z-index:999}.zoButtonDiv{position:absolute;top:170px;left:10px;z-index:999}#btnCrosshair{z-index:1000;position:absolute;background-color:#fff;width:40px;height:40px;right:20px;bottom:20px;border:none;color:gray;border-radius:5px;font-size:17px}#btnCrosshair i{font-size:25px}#btnCrosshair.clicked{color:red}.ol-tooltip{position:relative;background:#00000080;border-radius:4px;color:#fff;padding:4px 8px;opacity:.7;white-space:nowrap;font-size:12px}.ol-tooltip-measure{opacity:1;font-weight:700}.ol-tooltip-static{background-color:#fc3;color:#000;border:1px solid white}.ol-tooltip-measure:before,.ol-tooltip-static:before{border-top:6px solid rgba(0,0,0,.5);border-right:6px solid transparent;border-left:6px solid transparent;content:"";position:absolute;bottom:-6px;margin-left:-7px;left:50%}.ol-tooltip-static:before{border-top-color:#fc3}.lengthButtonDiv{position:absolute;top:210px;left:10px;z-index:999}.areaButtonDiv{position:absolute;top:250px;left:10px;z-index:999}