#testing-bar {
  padding: 15px;
  background-color: #ddd;
  border: 1px solid #666;
}
#testing-bar input { width: 300px; }
#testing-bar input[type="submit"] {
  width: auto;
  padding: 5px 10px;
  font-size: 16px;
}
#testing-bar .note { font-size: 12px; }
#testing-bar .note td { padding: 2px 10px 0px 0px; }

body {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
}
body * {
-webkit-box-sizing: border-box;
        box-sizing: border-box;
}
.otp-spinner {
  margin: 100px auto;
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    -webkit-box-shadow: 0em -2.6em 0em 0em #0021e2, 1.8em -1.8em 0 0em rgba(0,33,226, 0.2), 2.5em 0em 0 0em rgba(0,33,226, 0.2), 1.75em 1.75em 0 0em rgba(0,33,226, 0.2), 0em 2.5em 0 0em rgba(0,33,226, 0.2), -1.8em 1.8em 0 0em rgba(0,33,226, 0.2), -2.6em 0em 0 0em rgba(0,33,226, 0.5), -1.8em -1.8em 0 0em rgba(0,33,226, 0.7);
            box-shadow: 0em -2.6em 0em 0em #0021e2, 1.8em -1.8em 0 0em rgba(0,33,226, 0.2), 2.5em 0em 0 0em rgba(0,33,226, 0.2), 1.75em 1.75em 0 0em rgba(0,33,226, 0.2), 0em 2.5em 0 0em rgba(0,33,226, 0.2), -1.8em 1.8em 0 0em rgba(0,33,226, 0.2), -2.6em 0em 0 0em rgba(0,33,226, 0.5), -1.8em -1.8em 0 0em rgba(0,33,226, 0.7);
  }
  12.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.7), 1.8em -1.8em 0 0em #0021e2, 2.5em 0em 0 0em rgba(0,33,226, 0.2), 1.75em 1.75em 0 0em rgba(0,33,226, 0.2), 0em 2.5em 0 0em rgba(0,33,226, 0.2), -1.8em 1.8em 0 0em rgba(0,33,226, 0.2), -2.6em 0em 0 0em rgba(0,33,226, 0.2), -1.8em -1.8em 0 0em rgba(0,33,226, 0.5);
            box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.7), 1.8em -1.8em 0 0em #0021e2, 2.5em 0em 0 0em rgba(0,33,226, 0.2), 1.75em 1.75em 0 0em rgba(0,33,226, 0.2), 0em 2.5em 0 0em rgba(0,33,226, 0.2), -1.8em 1.8em 0 0em rgba(0,33,226, 0.2), -2.6em 0em 0 0em rgba(0,33,226, 0.2), -1.8em -1.8em 0 0em rgba(0,33,226, 0.5);
  }
  25% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.5), 1.8em -1.8em 0 0em rgba(0,33,226, 0.7), 2.5em 0em 0 0em #0021e2, 1.75em 1.75em 0 0em rgba(0,33,226, 0.2), 0em 2.5em 0 0em rgba(0,33,226, 0.2), -1.8em 1.8em 0 0em rgba(0,33,226, 0.2), -2.6em 0em 0 0em rgba(0,33,226, 0.2), -1.8em -1.8em 0 0em rgba(0,33,226, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.5), 1.8em -1.8em 0 0em rgba(0,33,226, 0.7), 2.5em 0em 0 0em #0021e2, 1.75em 1.75em 0 0em rgba(0,33,226, 0.2), 0em 2.5em 0 0em rgba(0,33,226, 0.2), -1.8em 1.8em 0 0em rgba(0,33,226, 0.2), -2.6em 0em 0 0em rgba(0,33,226, 0.2), -1.8em -1.8em 0 0em rgba(0,33,226, 0.2);
  }
  37.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.2), 1.8em -1.8em 0 0em rgba(0,33,226, 0.5), 2.5em 0em 0 0em rgba(0,33,226, 0.7), 1.75em 1.75em 0 0em #0021e2, 0em 2.5em 0 0em rgba(0,33,226, 0.2), -1.8em 1.8em 0 0em rgba(0,33,226, 0.2), -2.6em 0em 0 0em rgba(0,33,226, 0.2), -1.8em -1.8em 0 0em rgba(0,33,226, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.2), 1.8em -1.8em 0 0em rgba(0,33,226, 0.5), 2.5em 0em 0 0em rgba(0,33,226, 0.7), 1.75em 1.75em 0 0em #0021e2, 0em 2.5em 0 0em rgba(0,33,226, 0.2), -1.8em 1.8em 0 0em rgba(0,33,226, 0.2), -2.6em 0em 0 0em rgba(0,33,226, 0.2), -1.8em -1.8em 0 0em rgba(0,33,226, 0.2);
  }
  50% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.2), 1.8em -1.8em 0 0em rgba(0,33,226, 0.2), 2.5em 0em 0 0em rgba(0,33,226, 0.5), 1.75em 1.75em 0 0em rgba(0,33,226, 0.7), 0em 2.5em 0 0em #0021e2, -1.8em 1.8em 0 0em rgba(0,33,226, 0.2), -2.6em 0em 0 0em rgba(0,33,226, 0.2), -1.8em -1.8em 0 0em rgba(0,33,226, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.2), 1.8em -1.8em 0 0em rgba(0,33,226, 0.2), 2.5em 0em 0 0em rgba(0,33,226, 0.5), 1.75em 1.75em 0 0em rgba(0,33,226, 0.7), 0em 2.5em 0 0em #0021e2, -1.8em 1.8em 0 0em rgba(0,33,226, 0.2), -2.6em 0em 0 0em rgba(0,33,226, 0.2), -1.8em -1.8em 0 0em rgba(0,33,226, 0.2);
  }
  62.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.2), 1.8em -1.8em 0 0em rgba(0,33,226, 0.2), 2.5em 0em 0 0em rgba(0,33,226, 0.2), 1.75em 1.75em 0 0em rgba(0,33,226, 0.5), 0em 2.5em 0 0em rgba(0,33,226, 0.7), -1.8em 1.8em 0 0em #0021e2, -2.6em 0em 0 0em rgba(0,33,226, 0.2), -1.8em -1.8em 0 0em rgba(0,33,226, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.2), 1.8em -1.8em 0 0em rgba(0,33,226, 0.2), 2.5em 0em 0 0em rgba(0,33,226, 0.2), 1.75em 1.75em 0 0em rgba(0,33,226, 0.5), 0em 2.5em 0 0em rgba(0,33,226, 0.7), -1.8em 1.8em 0 0em #0021e2, -2.6em 0em 0 0em rgba(0,33,226, 0.2), -1.8em -1.8em 0 0em rgba(0,33,226, 0.2);
  }
  75% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.2), 1.8em -1.8em 0 0em rgba(0,33,226, 0.2), 2.5em 0em 0 0em rgba(0,33,226, 0.2), 1.75em 1.75em 0 0em rgba(0,33,226, 0.2), 0em 2.5em 0 0em rgba(0,33,226, 0.5), -1.8em 1.8em 0 0em rgba(0,33,226, 0.7), -2.6em 0em 0 0em #0021e2, -1.8em -1.8em 0 0em rgba(0,33,226, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.2), 1.8em -1.8em 0 0em rgba(0,33,226, 0.2), 2.5em 0em 0 0em rgba(0,33,226, 0.2), 1.75em 1.75em 0 0em rgba(0,33,226, 0.2), 0em 2.5em 0 0em rgba(0,33,226, 0.5), -1.8em 1.8em 0 0em rgba(0,33,226, 0.7), -2.6em 0em 0 0em #0021e2, -1.8em -1.8em 0 0em rgba(0,33,226, 0.2);
  }
  87.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.2), 1.8em -1.8em 0 0em rgba(0,33,226, 0.2), 2.5em 0em 0 0em rgba(0,33,226, 0.2), 1.75em 1.75em 0 0em rgba(0,33,226, 0.2), 0em 2.5em 0 0em rgba(0,33,226, 0.2), -1.8em 1.8em 0 0em rgba(0,33,226, 0.5), -2.6em 0em 0 0em rgba(0,33,226, 0.7), -1.8em -1.8em 0 0em #0021e2;
            box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.2), 1.8em -1.8em 0 0em rgba(0,33,226, 0.2), 2.5em 0em 0 0em rgba(0,33,226, 0.2), 1.75em 1.75em 0 0em rgba(0,33,226, 0.2), 0em 2.5em 0 0em rgba(0,33,226, 0.2), -1.8em 1.8em 0 0em rgba(0,33,226, 0.5), -2.6em 0em 0 0em rgba(0,33,226, 0.7), -1.8em -1.8em 0 0em #0021e2;
  }
}
@keyframes load5 {
  0%,
  100% {
    -webkit-box-shadow: 0em -2.6em 0em 0em #0021e2, 1.8em -1.8em 0 0em rgba(0,33,226, 0.2), 2.5em 0em 0 0em rgba(0,33,226, 0.2), 1.75em 1.75em 0 0em rgba(0,33,226, 0.2), 0em 2.5em 0 0em rgba(0,33,226, 0.2), -1.8em 1.8em 0 0em rgba(0,33,226, 0.2), -2.6em 0em 0 0em rgba(0,33,226, 0.5), -1.8em -1.8em 0 0em rgba(0,33,226, 0.7);
            box-shadow: 0em -2.6em 0em 0em #0021e2, 1.8em -1.8em 0 0em rgba(0,33,226, 0.2), 2.5em 0em 0 0em rgba(0,33,226, 0.2), 1.75em 1.75em 0 0em rgba(0,33,226, 0.2), 0em 2.5em 0 0em rgba(0,33,226, 0.2), -1.8em 1.8em 0 0em rgba(0,33,226, 0.2), -2.6em 0em 0 0em rgba(0,33,226, 0.5), -1.8em -1.8em 0 0em rgba(0,33,226, 0.7);
  }
  12.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.7), 1.8em -1.8em 0 0em #0021e2, 2.5em 0em 0 0em rgba(0,33,226, 0.2), 1.75em 1.75em 0 0em rgba(0,33,226, 0.2), 0em 2.5em 0 0em rgba(0,33,226, 0.2), -1.8em 1.8em 0 0em rgba(0,33,226, 0.2), -2.6em 0em 0 0em rgba(0,33,226, 0.2), -1.8em -1.8em 0 0em rgba(0,33,226, 0.5);
            box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.7), 1.8em -1.8em 0 0em #0021e2, 2.5em 0em 0 0em rgba(0,33,226, 0.2), 1.75em 1.75em 0 0em rgba(0,33,226, 0.2), 0em 2.5em 0 0em rgba(0,33,226, 0.2), -1.8em 1.8em 0 0em rgba(0,33,226, 0.2), -2.6em 0em 0 0em rgba(0,33,226, 0.2), -1.8em -1.8em 0 0em rgba(0,33,226, 0.5);
  }
  25% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.5), 1.8em -1.8em 0 0em rgba(0,33,226, 0.7), 2.5em 0em 0 0em #0021e2, 1.75em 1.75em 0 0em rgba(0,33,226, 0.2), 0em 2.5em 0 0em rgba(0,33,226, 0.2), -1.8em 1.8em 0 0em rgba(0,33,226, 0.2), -2.6em 0em 0 0em rgba(0,33,226, 0.2), -1.8em -1.8em 0 0em rgba(0,33,226, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.5), 1.8em -1.8em 0 0em rgba(0,33,226, 0.7), 2.5em 0em 0 0em #0021e2, 1.75em 1.75em 0 0em rgba(0,33,226, 0.2), 0em 2.5em 0 0em rgba(0,33,226, 0.2), -1.8em 1.8em 0 0em rgba(0,33,226, 0.2), -2.6em 0em 0 0em rgba(0,33,226, 0.2), -1.8em -1.8em 0 0em rgba(0,33,226, 0.2);
  }
  37.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.2), 1.8em -1.8em 0 0em rgba(0,33,226, 0.5), 2.5em 0em 0 0em rgba(0,33,226, 0.7), 1.75em 1.75em 0 0em #0021e2, 0em 2.5em 0 0em rgba(0,33,226, 0.2), -1.8em 1.8em 0 0em rgba(0,33,226, 0.2), -2.6em 0em 0 0em rgba(0,33,226, 0.2), -1.8em -1.8em 0 0em rgba(0,33,226, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.2), 1.8em -1.8em 0 0em rgba(0,33,226, 0.5), 2.5em 0em 0 0em rgba(0,33,226, 0.7), 1.75em 1.75em 0 0em #0021e2, 0em 2.5em 0 0em rgba(0,33,226, 0.2), -1.8em 1.8em 0 0em rgba(0,33,226, 0.2), -2.6em 0em 0 0em rgba(0,33,226, 0.2), -1.8em -1.8em 0 0em rgba(0,33,226, 0.2);
  }
  50% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.2), 1.8em -1.8em 0 0em rgba(0,33,226, 0.2), 2.5em 0em 0 0em rgba(0,33,226, 0.5), 1.75em 1.75em 0 0em rgba(0,33,226, 0.7), 0em 2.5em 0 0em #0021e2, -1.8em 1.8em 0 0em rgba(0,33,226, 0.2), -2.6em 0em 0 0em rgba(0,33,226, 0.2), -1.8em -1.8em 0 0em rgba(0,33,226, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.2), 1.8em -1.8em 0 0em rgba(0,33,226, 0.2), 2.5em 0em 0 0em rgba(0,33,226, 0.5), 1.75em 1.75em 0 0em rgba(0,33,226, 0.7), 0em 2.5em 0 0em #0021e2, -1.8em 1.8em 0 0em rgba(0,33,226, 0.2), -2.6em 0em 0 0em rgba(0,33,226, 0.2), -1.8em -1.8em 0 0em rgba(0,33,226, 0.2);
  }
  62.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.2), 1.8em -1.8em 0 0em rgba(0,33,226, 0.2), 2.5em 0em 0 0em rgba(0,33,226, 0.2), 1.75em 1.75em 0 0em rgba(0,33,226, 0.5), 0em 2.5em 0 0em rgba(0,33,226, 0.7), -1.8em 1.8em 0 0em #0021e2, -2.6em 0em 0 0em rgba(0,33,226, 0.2), -1.8em -1.8em 0 0em rgba(0,33,226, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.2), 1.8em -1.8em 0 0em rgba(0,33,226, 0.2), 2.5em 0em 0 0em rgba(0,33,226, 0.2), 1.75em 1.75em 0 0em rgba(0,33,226, 0.5), 0em 2.5em 0 0em rgba(0,33,226, 0.7), -1.8em 1.8em 0 0em #0021e2, -2.6em 0em 0 0em rgba(0,33,226, 0.2), -1.8em -1.8em 0 0em rgba(0,33,226, 0.2);
  }
  75% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.2), 1.8em -1.8em 0 0em rgba(0,33,226, 0.2), 2.5em 0em 0 0em rgba(0,33,226, 0.2), 1.75em 1.75em 0 0em rgba(0,33,226, 0.2), 0em 2.5em 0 0em rgba(0,33,226, 0.5), -1.8em 1.8em 0 0em rgba(0,33,226, 0.7), -2.6em 0em 0 0em #0021e2, -1.8em -1.8em 0 0em rgba(0,33,226, 0.2);
            box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.2), 1.8em -1.8em 0 0em rgba(0,33,226, 0.2), 2.5em 0em 0 0em rgba(0,33,226, 0.2), 1.75em 1.75em 0 0em rgba(0,33,226, 0.2), 0em 2.5em 0 0em rgba(0,33,226, 0.5), -1.8em 1.8em 0 0em rgba(0,33,226, 0.7), -2.6em 0em 0 0em #0021e2, -1.8em -1.8em 0 0em rgba(0,33,226, 0.2);
  }
  87.5% {
    -webkit-box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.2), 1.8em -1.8em 0 0em rgba(0,33,226, 0.2), 2.5em 0em 0 0em rgba(0,33,226, 0.2), 1.75em 1.75em 0 0em rgba(0,33,226, 0.2), 0em 2.5em 0 0em rgba(0,33,226, 0.2), -1.8em 1.8em 0 0em rgba(0,33,226, 0.5), -2.6em 0em 0 0em rgba(0,33,226, 0.7), -1.8em -1.8em 0 0em #0021e2;
            box-shadow: 0em -2.6em 0em 0em rgba(0,33,226, 0.2), 1.8em -1.8em 0 0em rgba(0,33,226, 0.2), 2.5em 0em 0 0em rgba(0,33,226, 0.2), 1.75em 1.75em 0 0em rgba(0,33,226, 0.2), 0em 2.5em 0 0em rgba(0,33,226, 0.2), -1.8em 1.8em 0 0em rgba(0,33,226, 0.5), -2.6em 0em 0 0em rgba(0,33,226, 0.7), -1.8em -1.8em 0 0em #0021e2;
  }
}

.autocomplete-dropdown-container {
position: absolute;
z-index: 999;
background: #eee;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
        box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.autocomplete-form-control {
position: relative;
}
.suggestion-item, .suggestion-item--active {
padding: 4px 12px;
font-size: 14px;
}
.suggestion-item:hover, .suggestion-item--active:hover {
cursor: pointer;
}
.suggestion-item--active {
background: blue;
color: #fff;
}
.otp-icon {
display: inline-block;
height: 1em;
}
.otp-icon svg {
height: 100%;
width: auto;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.otp-center-col {
margin: auto;
max-width: 500px;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
        clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
        clip-path: none;
display: block;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
.otp-form-control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 12px;
}
input[type=text] {
font-size: 16px;
padding: 6px 12px;
}
.otp-form-control select {
font-size: 16px;
}
.autocomplete-form-control {
width: 100%;
}
.autocomplete-form-control input {
width: 100%;
}
.otp-form-control button {
padding: 4px 8px;
cursor: pointer;
}
.otp-icon-crosshair {
height: 1.5em;
fill: #333;
}
.otp-two-col-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.otp-left-col {
padding: 12px 24px;
-webkit-box-flex: 1;
    -ms-flex: 1 1 40%;
        flex: 1 1 40%;
}
.otp-right-col {
padding: 12px 24px;
-webkit-box-flex: 1;
    -ms-flex: 1 1 60%;
        flex: 1 1 60%;
}
.otp-warning {
margin-bottom: 12px;
font-size: 14px;
color: #333;
}
.otp-accordion-section {
margin-bottom: 12px;
}
.otp-accordion-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
    -ms-flex-align: stretch;
        align-items: stretch;
font-size: 16px;
width: 100%;
padding: 0;
border: 1px solid #333;
background: none;
}
.otp-trip-summary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 8px 16px;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
}
.otp-trip-label {
font-size: 24px;
background: #333;
color: #fff;
padding: 8px;
}
.otp-trip-details {
text-align: left;
-webkit-box-flex: 2;
    -ms-flex: 2 1 auto;
        flex: 2 1 auto;
}
.otp-trip-duration {
font-size: 18px;
-webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.otp-accordion-icon {
text-align: right;
margin-right: 12px;
-webkit-box-flex: 0;
    -ms-flex: 0;
        flex: 0;
-ms-flex-preferred-size: 50px;
    flex-basis: 50px;
}
.otp-accordion-icon .otp-icon-chevron {
height: 2em;
}
.otp-accordion-panel {
padding: 8px;
background: #eee;
display: none;
}
.otp-accordion-section.open .otp-accordion-panel {
display: block;
}
.otp-accordion-section.open .otp-icon-chevron {
-webkit-transform: scale(1,-1);
        transform: scale(1,-1);
}
.otp-trip-warnings {
margin-left: 6px;
}
.otp-component-errors {
margin-top: 4px;
padding: 4px;
background: rgba(255,0,0,0.1);
border: 1px solid rgba(255,0,0,0.5);
color: #660000;
}
.otp-trip-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.otp-trip-icons .otp-icon-wrapper {
margin-top: 6px;
}
.otp-trip-icon {
border-radius: 10px;
margin-right: 12px;
display: inline-block;
padding: 4px 0;
}
.otp-padded-icon {
padding: 4px 6px;
}
.otp-icon-wrapper {
margin-right: 12px;
}
.otp-trip-icons .otp-icon-wrapper:after {
display: inline-block;
content: ' > ';
}
.otp-trip-icons .otp-icon-wrapper:last-child:after {
content: '';
}
.otp-icon-bus {
padding-right: 4px;
}
.otp-trip-leg-header,
.otp-trip-leg-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.otp-trip-leg-header .otp-trip-time,
.otp-trip-leg-details .otp-trip-icon {
-ms-flex-item-align: center;
    align-self: center;
-ms-flex-preferred-size: 80px;
    flex-basis: 80px;
-webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
        flex: 0 0 80px;

}
.otp-trip-leg-header .otp-trip-divider {
-webkit-box-flex: 0;
    -ms-flex: 0 0 8px;
        flex: 0 0 8px;
}
.otp-trip-leg-header .otp-trip-divider:after {
content: '\25CF';
display: inline-block;
}
.otp-trip-leg-details .otp-trip-divider {
-webkit-box-flex: 0;
    -ms-flex: 0 0 8px;
        flex: 0 0 8px;
border-left: 2px solid black;
}
.otp-trip-text {
margin: 6px 12px;
font-size: 0.85rem;
-webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
}
.otp-trip-leg-header {
margin: 0 6px;
font-size: 1rem;
font-weight: bold;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
.otp-trip-time {
font-weight: normal;
}
.otp-trip-leg-details .otp-trip-icon {
text-align: center;
}
.otp-icon-wrapper {
white-space: nowrap;
}
.otp-map-container {
width: 100%;
height: 90vh;
min-height: 400px;
}

.otp-has-dropdown {
position: relative;
}

.otp-dropdown {
position: absolute;
left: 0;
right:0;
background: #eee;
font-size: 14px;
overflow: auto;
max-height: 200px;
}
.otp-dropdown-item--active {
background: #0021e2;
color: #fff;
}
.marker {
height: 48px;
width: 48px;
background-size: cover;
cursor: move;
}
.end-marker {
background-image: url('./end-marker.png');
}
.start-marker {
background-image: url('./start-marker.png');
}

html {
box-sizing: border-box;

* {
  box-sizing: inherit;
}
}

body {
background-color: #f2f2f2;
}


.dp-wrapper {
align-items: center;
display: flex;
flex-direction: column;
}

.dp-input {
border: none;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
display: block;
height: 40px;
font-size: 18px;
margin-bottom: 16px;
max-width: 120px;
padding: 0 8px;
}

.dp-calendar {
background-color: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
padding: 20px;
position: relative;
}

.dp-calendar:before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;;
  content: '';
  height: 0;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%, -100%);
  width: 0;
}


.dp-top-bar {
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: 12px;
}

.dp-month {
font-weight: 700;
padding: 0 16px;
text-align: center;
width: 200px;
}

.dp-button {
border: 1px solid #e4e7e7;
border-radius: 2px;
color: #82888A;
cursor: pointer;
line-height: 1;
padding: 2px 6px;
}

.dp-button svg {
  display: block;
  width: 22px;
}

  .dp-button path {
    fill: currentColor;
  }


.dp-table {
border-collapse: collapse;
width: 100%;
}
.dp-table th,
.dp-table td {
font-size: 14px;
  text-align: center;
  user-select: none;
}
.dp-table th {
color: #82888A;
  font-weight: 400;
  line-height: 1.6;
}
.dp-table td {
cursor: pointer;
  height: 36px;
  line-height: 1;
  width: 36px;
}
.dp-table td:hover {
background-color: #e4e7e7;
}
.dp-table td[aria-disabled="true"] {
opacity: 0.5;
pointer-events: none;
}
.dp-table td:[aria-selected="true"] {
background-color: #3183c8;
color: #fff;
}
.dp-table td:not(:empty) {
border: 1px solid #e4e7e7;
}

/* Stolen from NWCONNECTOR */
.autocomplete-form-control {
position: relative;
}

.suggestion-item,
.suggestion-item--active {
padding: 4px 12px;
font-size: 16px;
}

.suggestion-item:hover,
.suggestion-item--active:hover {
cursor: pointer;
}

.suggestion-item--active {
background: blue;
color: #fff;
}

.otp-icon {
display: inline-block;
height: 1em;
}

.otp-icon svg {
height: 100%;
width: auto;
max-width: 64px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.otp-center-col {
margin: auto;
max-width: 500px;
}

.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
display: block;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}

input[type=text] {
font-size: 16px;
padding: 6px 12px;
}

#dep-after {
display: inline-block;
margin-right: 4px;
}

#arrive-by {
display: inline-block;
margin-left: 12px;
margin-right: 4px;
}

#walkPreference {
margin-left: 4px;
}

.otp-form-control select {
font-size: 16px;
}

.autocomplete-form-control {
width: 100%;
}

.autocomplete-form-control input {
width: 100%;
height: 100%;
}

.otp-two-col-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.otp-left-col {
padding: 12px 24px;
-webkit-box-flex: 1;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
}

.otp-right-col {
padding: 12px 24px;
-webkit-box-flex: 1;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
}

.otp-warning {
margin-bottom: 12px;
font-size: 14px;
color: #333;
}

.otp-accordion-section {
margin-bottom: 12px;
}

.otp-flag-stop {
display: block;
}

.otp-accordion-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
font-size: 16px;
width: 100%;
padding: 0;
border: none;
background: none;
}

.otp-trip-summary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 8px 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}

.otp-trip-label {
font-size: 24px;
background: #05a577;
color: #fff;
padding: 8px;
}

.otp-directions-caption {
text-align: center;
margin: 8px 0 12px;
font-style: italic;
}

.otp-trip-details {
text-align: left;
-webkit-box-flex: 2;
-ms-flex: 2 1 auto;
flex: 2 1 auto;
}
.otp-trip-details > div:first-child {
margin-bottom: 6px;
}

.otp-trip-duration {
font-size: 16px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}

.otp-accordion-icon {
text-align: right;
margin-right: 12px;
-webkit-box-flex: 0;
-ms-flex: 0;
flex: 0;
-ms-flex-preferred-size: 50px;
flex-basis: 50px;
}

.otp-accordion-icon .otp-icon-chevron {
height: 2em;
}

.otp-accordion-panel {
padding: 8px;
background: #fff;
display: none;
}

.otp-accordion-section.open .otp-accordion-panel {
display: block;
}

.otp-accordion-section.open .otp-icon-chevron {
-webkit-transform: scale(1, -1);
transform: scale(1, -1);
}

.otp-trip-warnings > * {
margin-left: 6px;
}

.otp-component-errors {
margin-top: 4px;
padding: 4px;
background: rgba(255, 0, 0, 0.1);
border: 1px solid rgba(255, 0, 0, 0.5);
color: #660000;
}

.otp-trip-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.otp-trip-icons .otp-icon-wrapper {
margin-top: 6px;
}

.otp-trip-icon {
border-radius: 10px;
margin-right: 12px;
display: inline-block;
padding: 4px 0;
}

.otp-padded-icon {
padding: 4px 6px;
}

.otp-icon-wrapper {
margin-right: 12px;
}

.otp-trip-icons .otp-icon-wrapper:after {
display: inline-block;
content: " > ";
}

.otp-trip-icons .otp-icon-wrapper:last-child:after {
content: "";
}

.otp-icon-bus {
padding-right: 4px;
}

.otp-trip-leg-header,
.otp-trip-leg-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.otp-trip-leg-header .otp-trip-time,
.otp-trip-leg-details .otp-trip-icon {
-ms-flex-item-align: center;
align-self: center;
-ms-flex-preferred-size: 80px;
flex-basis: 80px;
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
}

.otp-trip-text .otp-trip-icon {
margin-left: 4px;
margin-right: 6px;
}
.otp-trip-text .otp-pickup-message {
margin-bottom: 16px;
}
.otp-trip-text .otp-dropoff-message {
margin-top: 16px;
}
.otp-trip-text .otp-boarding-details {
font-size: 16px;
}
.otp-trip-text .otp-service-info {
font-style: italic;
}

.otp-trip-leg-header .otp-trip-divider {
-webkit-box-flex: 0;
-ms-flex: 0 0 8px;
flex: 0 0 8px;
}

.otp-trip-leg-header .otp-trip-text {
text-transform: capitalize;
line-height: 1.2;
}

.otp-trip-leg-header .otp-trip-divider:after {
content: "●";
display: inline-block;
}

.otp-trip-leg-details .otp-trip-divider {
-webkit-box-flex: 0;
-ms-flex: 0 0 8px;
flex: 0 0 8px;
border-left: 2px solid black;
}

.otp-trip-text {
margin: 4px 12px;
font-size: 16px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}

.otp-trip-leg-header {
margin: 0 6px;
font-size: 1rem;
font-weight: bold;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.otp-trip-time {
font-weight: bold;
font-size: 14px;
}

.otp-trip-leg-details .otp-trip-icon {
text-align: center;
}

.otp-icon-wrapper {
white-space: nowrap;
}

.otp-map-container {
width: 100%;
height: 90vh;
min-height: 400px;
}

.otp-planner-form {
margin: 24px 0 0;
border-radius: 12px;
padding: 12px;
}
.otp-planner-form .otp-options-fields .otp-form-row {
display: block;
margin: 0 0 0 24px;
}
.otp-planner-form .otp-options-fields .otp-form-row .otp-icon {
margin-left: -24px;
width: 18px;
}
.otp-planner-form .otp-options-fields .otp-form-row > * {
margin: 0;
}
.otp-planner-form input {
border: none;
}
.otp-planner-form .otp-form-header h2 {
margin-top: 0;
}
.otp-planner-form .otp-form-control {
margin-bottom: 12px;
}
.otp-planner-form .otp-form-control button {
padding: 4px;
border: none;
/* border-radius: 0; */
display: block;
fill: black;
background-color: #b5b5b5;
margin-left: 4px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;

/* border-top-right-radius: 4px; */
/* border-bottom-right-radius: 4px; */
border-radius: 4px;
}
.otp-planner-form .otp-form-control button:hover {
fill: #fdc62a;
}
.otp-planner-form .otp-form-control .otp-icon {
height: 1.6rem;
}
.otp-planner-form .otp-planner-body > .otp-form-control {
/* border: 1px solid #808080;
border-radius: 4px; */
}
.otp-planner-form .otp-form-control.otp-has-dropdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border: 1px solid #808080;
border-radius: 4px;
}
.otp-planner-form .otp-form-control.otp-has-dropdown input {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.otp-planner-form .otp-form-control.otp-has-dropdown #time {
width: 100px;
}
.otp-planner-form .otp-form-control.otp-has-dropdown #date {
width: 120px;
}
.otp-planner-form .otp-planner-options .otp-form-row:nth-child(2) {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.otp-planner-form .otp-has-dropdown {
position: relative;
}
.otp-planner-form .otp-dropdown {
background: #ccc;
position: absolute;
right: 0;
left: 0;
text-align: right;
max-height: 160px;
min-width: 100px;
overflow: auto;
z-index: 999;
font-size: 0.85rem;
color: black;
-webkit-box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.4);
box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.4);
}
.otp-planner-form .otp-dropdown-item {
padding: 3px 8px;
white-space: nowrap;
}
.otp-planner-form .otp-dropdown-item:hover {
cursor: pointer;
}
.otp-planner-form .otp-dropdown-item.active {
background: #05a577;
color: #fff;
}
.otp-planner-form .otp-planner-options .otp-form-row:nth-child(3) {
display: block;
}
.otp-planner-form .otp-form-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-left: -6px;
margin-right: -6px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.otp-planner-form .otp-form-row > * {
margin-left: 6px;
margin-right: 6px;
}
.otp-planner-form .otp-form-row .otp-form-control {
line-height: 1;
margin-bottom: 12px;
}
.otp-planner-form .otp-form-row .otp-icon-crosshair {
height: 20px;
position: relative;
top: 3px;
}
.otp-planner-form .otp-form-footer button {
width: 100%;
}
.otp-planner-form .otp-options-summary {
background: rgba(200, 200, 200, 0.5);
padding: 6px;
margin-bottom: 12px;
border-radius: 6px 6px 0 0;
color: #000;
fill: #000;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.otp-planner-form .otp-options-summary .otp-options-fields {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.otp-planner-form .otp-options-summary .otp-icon {
position: relative;
top: 2px;
margin-right: 6px;
}
.otp-planner-form .otp-options-summary .otp-edit-options button {
background: transparent;
border: 0;
}
.otp-planner-form .otp-options-summary .otp-edit-options .otp-icon-chevron {
height: 28px;
}
.otp-planner-form .otp-form-control.otp-has-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.otp-planner-form .otp-swap-btn {
font-size: 1.5rem;
padding: 0;
display: block;
width: 100%;
position: relative;
text-align: right;
left: 6px;
top: -5px;
}
.otp-planner-form .otp-swap-btn:hover, .otp-planner-form .otp-swap-btn:focus {
outline: none;
}
.otp-planner-form .otp-swap-btn:hover svg, .otp-planner-form .otp-swap-btn:focus svg {
fill: #05a577;
}

.otp-two-col-container .otp-swap-btn {
height: 12px;
left: 0;
top: -14px;
}
.otp-two-col-container .otp-form-control.otp-has-btn {
width: 93%;
}

#otp-ui .otp-edit-button button {
background: #f27f2f;
border-radius: 10px;
color: #fff;
padding: 5px 10px;
box-shadow: 2px 2px 1px #808080;
}
#otp-ui .otp-edit-button button:hover, #otp-ui .otp-edit-button button:focus {
background-color: #c8590d;
}
#otp-ui input,
#otp-ui select,
#otp-ui label {
color: black;
}
#otp-ui input[type=checkbox] {
margin-right: 4px;
}
#otp-ui button[type=submit] {
background-color: #f27f2f;
border-radius: 10px;
color: #fff;
padding: 5px 10px;
line-height: 1.5;
box-shadow: 2px 2px 1px #808080;
}
#otp-ui button[type=submit]:hover, #otp-ui button[type=submit]:focus {
background-color: #d6600d;
}
#otp-ui .otp-warning-legend {
padding: 8px 12px;
background-color: #feda76;
border: 1px solid #fdc62a;
margin-bottom: 12px;
}
#otp-ui .otp-warning-legend .otp-warning {
color: black;
fill: black;
margin: 0;
}
#otp-ui .otp-warning-legend .otp-icon {
margin-right: 6px;
}
#otp-ui .otp-single-col-container .otp-planner-form {
background-color: #fff;
padding: 0;
}
#otp-ui .otp-single-col-container .otp-planner-form .otp-form-header {
padding: 12px;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
background-color: #fdc62a;
}
#otp-ui .otp-single-col-container .otp-planner-form .otp-form-header h2 {
margin: 0;
}
#otp-ui .otp-single-col-container .otp-planner-form .otp-planner-body {
padding: 12px;
}
#otp-ui .otp-two-col-container h2 {
margin-top: 12px;
opacity: 0.9;
}
#otp-ui .otp-two-col-container .otp-left-col {
background: palette(primary);
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}
#otp-ui .otp-two-col-container .otp-planner-summary .otp-options-summary {
border-radius: 0;
}
#otp-ui .otp-two-col-container .otp-planner-summary .otp-location-summary {
background: rgba(255, 255, 255, 0.5);
padding: 0 6px;
color: #000;
}
#otp-ui .otp-two-col-container.otp-has-map .otp-left-col {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
#otp-ui .otp-two-col-container.otp-has-map .otp-planner-summary .otp-form-header {
display: none;
}
#otp-ui .otp-map-wrapper {
position: relative;
}
#otp-ui .otp-map-center-overlay {
position: absolute;
text-align: center;
left: 30%;
top: 20px;
width: 40%;
padding: 4px;
background: rgba(255, 255, 255, 0.65);
border-radius: 12px;
z-index: 999;
}
#otp-ui .otp-accordion-header {
background: #fff;
color: #333;
fill: #333;
border-radius: 12px;
}
#otp-ui .otp-trip-icons .otp-icon-wrapper {
margin-right: 8px;
}
#otp-ui .otp-trip-icons .otp-trip-icon {
margin-right: 8px;
}
#otp-ui .otp-padded-icon {
font-size: 14px;
}
#otp-ui .otp-padded-icon .otp-trip-icon {
height: 14px;
padding: 3px 5px;
}
#otp-ui .otp-accordion-panel {
color: #000;
}
#otp-ui .otp-accordion-panel .otp-trip-time,
#otp-ui .otp-accordion-panel .otp-icon-wrapper {
-ms-flex-item-align: center;
align-self: center;
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
}
#otp-ui .otp-accordion-panel .otp-icon-wrapper {
text-align: center;
margin-right: 10px;
}
#otp-ui .otp-accordion-panel .otp-icon-wrapper .otp-padded-icon {
padding: 5px 6px 1px;
}
#otp-ui .otp-accordion-panel .otp-icon-wrapper .otp-icon-bus {
padding-right: 0;
}
#otp-ui .otp-accordion-panel .otp-trip-leg-details .otp-trip-text {
margin: 12px;
font-size: 14px;
}
#otp-ui .otp-accordion-panel .otp-walking-directions.otp-trip-leg-details .otp-trip-divider {
border-left-style: dotted;
}
#otp-ui .otp-accordion-panel .otp-transit-directions:last-child .otp-trip-leg-details:last-child .otp-trip-divider {
border: 0;
}
#otp-ui .otp-trip-label {
background: #05a577;
border-radius: 12px 0 0 12px;
}
#otp-ui .otp-accordion-section.open .otp-accordion-header {
border-radius: 12px 12px 0 0;
}
#otp-ui .otp-accordion-section.open .otp-trip-label {
border-radius: 12px 0 0 0;
}
#otp-ui .otp-accordion-section.open .otp-accordion-panel {
border: none;
box-shadow: 0 1px 3px inset rgba(0, 0, 0, 0.5);
}
#otp-ui .marker {
background-size: cover;
width: 48px;
height: 48px;
cursor: move;
}
#otp-ui .start-marker {
background-image: url(images/start-marker.png);
}
#otp-ui .end-marker {
background-image: url(images/end-marker.png);
}

.otp-datepicker {
align-items: center;
display: flex;
flex-direction: column;
}

.dp-calendar {
background-color: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1);
padding: 0;
position: absolute;
top: calc(100% + 10px);
z-index: 999;
}

.dp-calendar:before {
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #fff;
content: "";
height: 0;
left: 50%;
position: absolute;
top: 0;
transform: translate(-50%, -100%);
width: 0;
}

.dp-top-bar {
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: 6px;
margin-top: 6px;
}

.dp-month {
font-weight: 700;
padding: 0 16px;
text-align: center;
width: 200px;
}

.otp-planner-form .otp-form-control .dp-button {
border: none;
border-radius: 4px;
background-color: #fff;
color: #f27f2f;
fill: #f27f2f;
cursor: pointer;
line-height: 1;
padding: 2px 6px;
}
.otp-planner-form .otp-form-control .dp-button:hover, .otp-planner-form .otp-form-control .dp-button:focus {
color: #c8590d;
fill: #c8590d;
}

.dp-button svg {
display: block;
width: 22px;
}

.dp-button path {
fill: currentColor;
}

.dp-table {
border-collapse: collapse;
width: 100%;
margin-bottom: 0;
}

.dp-table th,
.dp-table td {
font-size: 14px;
text-align: center;
user-select: none;
}

.dp-table th {
color: #666;
font-weight: 400;
line-height: 1.6;
}

.dp-table td {
cursor: pointer;
height: 36px;
line-height: 1;
width: 36px;
}
.dp-table td:hover, .dp-table td:focus {
background-color: #f27f2f;
color: #fff;
}

.dp-table td[aria-disabled=true] {
opacity: 0.5;
pointer-events: none;
}

.dp-table td[aria-selected=true] {
background-color: #3183c8;
color: #fff;
}

.dp-table td:not(:empty) {
border: 1px solid #e4e7e7;
}

#directions-page {
background-color: #dbdbdb;
height: auto;
min-height: 58vh;
padding: 12px;
}

@media (min-width: 700px) {
.otp-form-row {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.otp-planner-form .otp-form-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  align-items: flex-end;
}
.otp-planner-form .otp-form-footer button {
  width: auto;
}
}
@media (max-width: 940px) {
#otp-ui .otp-two-col-container {
  display: block;
}
#otp-ui .otp-planner-form {
  margin-top: 0;
}
#otp-ui .otp-planner-form.otp-planner-summary .otp-options-summary {
  display: none;
}
}
@media (max-width: 620px) {
.otp-trip-icons {
  display: none;
}

.otp-trip-details > div:first-child {
  margin: 0 12px 0 0;
}

.otp-trip-duration {
  font-size: 14px;
}

.otp-accordion-icon {
  margin-right: 0px;
  flex-basis: 35px;
  font-size: 14px;
}

.otp-left-col, .otp-right-col {
  padding: 0;
}

#otp-ui .otp-accordion-panel .otp-trip-time, #otp-ui .otp-accordion-panel .otp-icon-wrapper {
  flex-basis: 70px;
}

.mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0)}
}