html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

.mapsnipdiv {
position: relative;
width: 100%;
height: 800px;
}
.mapdiv {
height: 800px;
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
opacity: 0.5;
}
.snipdiv {
height: 800px;
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
opacity: 0.5;
}
.divclassmain input {
cursor: pointer;
}
.divclassmain button {
cursor: pointer;
}

.ol-mouse-position {
top: unset;
right: unset;
bottom: .5em;
left: .5em;
position: absolute;
font-size: 0.8em;
margin: 1px;
padding: 0;
color: #fff;
text-decoration: none;
text-align: center;
height: 1.375em;
width: 12.375em;
line-height: 1.3em;
background-color: rgba(0,60,136,.5);
border: none;
border-radius: 2px;
}

.divclassfooter {
    text-align: center;
}