body {
    margin:0;
}
.container {
    position: relative;
}
.mt {
    font-family: 'Lato', sans-serif;
    font-weight:300;
    height:44px;
    background-color:#ffcc00;
    line-height:3em;
    padding-left:2em;
}
#map {
    width: 100%;
}
.inputLabel {
    padding: 12px;
}
.tbox {
    margin: 12px;
}
.dialog {
    background-color:rgba(80,80,80,0.4);
    width: fit-content;
    padding: 24px;
    margin: 160px auto;
    border-radius: 48px;
    position: absolute;
    left: 60px;
    top:100px;
}
button {
    margin: 8px;
    font-size: 16px;
}
.mainText {
    background-color: rgba(80,80,80,0.4);
    margin: 100px auto;
    position: absolute;
    color: white;
}
#getUserPosition {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.dropdown {
  position: relative;
  display: inline-block;
}
.menuImage {
  background-color: #777799;
  width: fit-content;
  position: absolute;
  left: 100px;
  top: 100px;
  z-index: 1;
}
/*VERTICAL MENU*/
nav.menus{
  position:relative;
  width:200px;
}

/* ALL UL */
nav.menus ul{
  list-style: none;
}
/* ALL LI */
nav.menus li{
  position:relative;
}
/* ALL A */
nav.menus a{
  display:block;
  color:#eee;
  text-decoration:none;
  padding:10px 15px;
  background:#667;
  transition:0.2s;
}
/* ALL A HOVER */
nav.menus li:hover > a{
  background:#778;
}

/* INNER UL HIDE */
nav.menus ul ul{
  position:absolute;
  left:0%;
  top:0;
  width:100%;
  visibility:hidden;
  opacity:0;
  transition: transform 0.2s;
  transform: translateX(50px);
}
/* INNER UL SHOW */
nav.menus li:hover > ul{
  left:100%;
  visibility:visible;
  opacity:1;
  transform: translateX(0px);
}
#map { height: 180px; z-index: 0;}