html, body, #map {
     height: 100%;
     width: 100%;
     padding: 0;
     margin: 0;
     box-sizing: border-box;
}
 .autocomplete-results {
     position: absolute;
     z-index: 1000;
     background: white;
     list-style-type: none;
     padding: 0;
     margin: 0;
}
 body {
     font: 16px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
}
 .autocomplete-results li {
     padding: 5px;
     border: 1px solid #ccc;
     cursor: pointer;
     background-color: rgba(38, 38, 38, 0.8);
}
 .autocomplete-results li:hover {
     background-color: rgba(162, 0, 37, 0.8);
}
 #floating-form {
     position: absolute;
     top: 60px;
     left: 10px;
     z-index: 1000;
     background-color: rgba(38, 38, 38, 0.5);
     padding: 10px;
     border-radius: 10px;
     width: 400px;
     color: #f2f2f2;
}
 #div-preferencias {
     display: none;
}
 #div-gpx {
     display: none;
     position: center;
}
 .texto-codigo-grande {
     text-align: center;
     font-weight: bold;
     margin-bottom: 0;
     font-size: 22px;
}

/* #floating-form {
     display: flex;
     flex-direction: column;
}


 #floating-form > div {
     width: 100%;
}

 */
 #radio-buttons-container {
     display: flex;
     justify-content: space-between;
}

 #div-tipoderuta, #div-preferencias {
     width: 45%;
}

input {
    text-align: center;
}

.clear-icon {
    position: absolute;
    top: 9px;
    right: 70px;
    cursor: pointer;
}