/* Map */
html, body, #map { width:100%; height:100%; margin:0; padding:0; z-index: 1; background: #5d7c8d; }

/* Menu */
#menu{ font-size: 24px; position: absolute; top: 10px; right: 10px; z-index: 5; }
#menu>div{ 
    background-color:rgba(0,0,0,.75); box-shadow:0 8px 16px rgba(0,0,0,.6); border-radius:8px; 
    margin-top: 10px; margin-right: 10px;
    padding-top:10px; padding-bottom:10px; 
    min-width:50px;
    text-align: center;
}
#menu>div>div{min-height:35px;}
i{ cursor: pointer; color:white; }
.select-marker:hover { background-color: grey; cursor: pointer;}

/* Overlay */
.overlay {
    position: absolute; z-index: 10; top: 0px; 
    text-align: center; 
    background-color:rgba(0,0,0,.75); 
    width: 100%; height: 100%; 
    /*padding-top: 50px; */
    color:white;
}
.overlay div {margin-top: 10px;}
.overlay div label {width:100px; display:inline-block;}
.overlay div input,.overlay div textarea {width:250px; }
.overlay img {width: 80%;}
.cpt{font-size:9px; color:white;}
.cpt-h {visibility: hidden;}
#edit-marker>div:first-child{padding-top: 50px;}
#edition-info {
  position: absolute; z-index: 10; top: 0; left:0; right:0; text-align: center;
  background-color:rgba(0,0,0,.75); border-radius:8px; box-shadow:0 8px 16px rgba(0,0,0,.6); 
  margin-top: 10px; margin-left: auto; margin-right: auto;
  padding-top: 10px;
  color:white; 
  width: 200px; height: 30px;
}
#marker-name{font-weight: bold;}