.side-nav{display:none}.side-nav.active{display:block}.card-body{display:flex;flex-direction:column;height:93vh;position:relative}#attribute .card-body{display:none;max-height:250px}#map{flex-grow:1;max-height:800px;transition:height .3s}#attribute{margin-top:10px;margin-bottom:3px;z-index:-1;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s,z-index 0s linear .3s;width:100%;max-height:200px;font-size:13px;overflow-y:auto;background-color:#fff;border:1px solid #121111}#attribute.visible{z-index:1;visibility:visible;opacity:1;transition:opacity .3s,visibility .3s,z-index 0s}.layer-switcher{position:fixed;top:10px!important;right:10px!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}.fsButtonDiv{position:absolute;top:10px;left:10px;z-index:999}.panButtonDiv{position:absolute;top:50px;left:10px;z-index:999}.ziButtonDiv{position:absolute;top:90px;left:10px;z-index:999}.zoButtonDiv{position:absolute;top:130px;left:10px;z-index:999}.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:170px;left:10px;z-index:999}.areaButtonDiv{position:absolute;top:210px;left:10px;z-index:999}