#minimap {
        position:relative;
        top:15px;
        width: 90%;
        aspect-ratio: 16 / 9;  /* height = width × 9/16, always */
	margin: 0 auto;      /* centers horizontally within parent */
        text-align:left;
        font-size:10px;
}

#mouseInfo{
	position:relative;
	top:30px;
	right:150px;
        height: 30px; /* Full height (cover the whole page) */
        cursor: pointer; /* Add a pointer on hover */
        font-family:"Lucida Console", Courier, monospace;
        font-size: small;
        text-align:right;
}

/* Custom ol panels*/
.layer-switcher {
	padding:0px;
    	margin-top:60px;
    	right:18px;
    	background-color:transparent;
}
.layer-switcher button {
    	background-color:transparent;
}

.ol-viewport {
  position: relative;
  overflow: hidden;
  touch-action: pan-x pan-y;
  border-radius: 12px;
}
.ol-layer {
	font-family:"Lucida Console", Courier, monospace;
        font-size: large;
}
.ol-popup-closer{
        visibility: hidden;
}
.ol-popup {
	position: absolute;
        background-color: white;
        font-family:Arial,sans;
        font-size:12px;
	font-color: black;
	line-height: 16px;
        box-shadow: 0 3px 4px rgba(0,0,0,0.2);
        padding: 10px;
        border-radius: 10px;
        border: 2px solid #cccccc;
        bottom: 10px;
        left: -50px;
}

.ol-attribution {
	left: unset;
        right: 25px;
        padding:0px;
	bottom:30px;
}

.ol-zoom {
	left: unset;
    	right: 25px;
    	padding:0px;
}

.ol-zoom-extent {
	left:unset;
	right:25px;
	padding:0px;
}

.ol-scale-bar {
	background:transparent;
	bottom:30px;
	border: 0px solid #eee;
}

.ol-scale-step-text{
	color:#000;
	font-weight:bold;
	font-size:12pt;
	border: 0px solid #000;
	border-top:0px;
	text-shadow:	-1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff
}

.ui-dialog{
	border : 2px solid #cccccc;
        background: #ffffff;
}
.ui-dialog-titlebar{
	border : 0px;
        background: #ffffff;
        font-family:"Lucida Console", Courier, monospace;
        font-size: small;
}
.ui-dialog-titlebar-close {
        visibility: hidden;
}
