body,html{height:100%}body{margin:0}h1{font-size:2rem;font-weight:600;margin:0;padding:.6em 1em;border-left:6px solid #1e90ff;background:#f0f8ff;border-radius:6px}#main{min-height:550px;display:flex;flex-direction:column;height:100%}#map{height:80%;min-height:0;min-width:0;flex:1 1 auto;z-index:1;background-color:#fff}#fillOpacity{width:4rem}.municipality-label{pointer-events:none}button{padding:7px 18px;font-size:16px;font-weight:600;color:#fff;border:none;border-radius:8px;background:linear-gradient(135deg,#4facfe,#02bdc7);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 4px 12px rgba(0,180,255,.3)}button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,180,255,.5)}button:active{transform:translateY(1px);box-shadow:0 2px 8px rgba(0,180,255,.4)}#saveMapBtn{position:relative;padding-left:39px}#saveMapBtn::before{content:"";position:absolute;left:3px;top:50%;width:30px;height:30px;transform:translateY(-50%);background-image:url("/img/save_white.png");background-repeat:no-repeat;background-position:center;background-size:contain;border-radius:8px}.span2children>*{display:inline!important}#planame-frame{display:none;color:#fff;padding:10px 30px;background:linear-gradient(to right,#454545,#848484,#a5a5a5);text-indent:-3em;padding-left:5em}