@import url(‘https://fonts.googleapis.com/css?family=Raleway’);

html,body {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
      box-sizing: border-box;
  font-family: ‘Raleway’,’Open sans’,Verdana,Arial,sans-serif;
  overflow: hidden;
}

#mappa,#wrapper-directions {
  display: inline-block;
  width: 48vw;
  height: 100vh;
}

#wrapper-directions {
  overflow: auto;
}

#form-directions, #risultato-directions {
  padding: .5em;
}

.dir-step {
  display: block;
  width: 100%;
  padding:.25em;
  border-bottom: 1px solid #bbb;
}

.dir-step:nth-child(2n) {
  background-color: #eee;
}

.step-testo {

}

.step-dist-dur {
  display: block;
  width: 100%;
  padding:.25em;
  position: relative;
  height: 10px;
}

.step-distanza {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
  font-size: .75em;
}

.step-durata {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 15px;
  font-weight: bold;
  font-size: .75em;
}