.route-finder{
  margin-bottom:1rem;
}
.route-finder .top-section{
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  display:flex;
  gap:.3333333333rem;
  padding:1rem;
  background:#004c45;
  position:relative;
}
.route-finder .top-section .input-group{
  width:50%;
  margin-bottom:0;
}
.route-finder .top-section .input-group label{
  width:3rem;
  background:#f0f0f0;
  color:#37383c;
  text-align:right;
  padding:.5rem .3333333333rem;
}
.route-finder .top-section .input-group input{
  margin-bottom:0;
  background:#fff;
  border-color:#fff;
  color:#37383c;
}
.route-finder .top-section .input-group input:focus{
  box-shadow:0 0 0 3px silver;
}
.route-finder .top-section .input-group input::-moz-placeholder{
  color:#bfbfbf;
}
.route-finder .top-section .input-group input:-ms-input-placeholder{
  color:#bfbfbf;
}
.route-finder .top-section .input-group input::placeholder{
  color:#bfbfbf;
}
.route-finder .top-section .switch-places{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  border:.25rem solid #fff;
  border-radius:50%;
  padding:.3333333333rem;
  font-size:.875rem;
  line-height:.875rem;
  background:#00a862;
  color:#fff;
  margin:0;
}
.route-finder .bottom-section{
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  padding:.75rem;
  background:#24625d;
}
.route-finder .bottom-section button{
  width:100%;
  margin-bottom:0;
}
.route-finder #route-finder-error-message{
  margin-top:0;
}

@media (max-width:767.98px){
  .route-finder .top-section{
    flex-direction:column;
  }
  .route-finder .top-section .input-group{
    width:100%;
  }
  .route-finder .top-section .switch-places{
    top:50%;
    left:93%;
    transform:translate(-50%, -50%);
  }
  .route-finder .top-section .switch-places i{
    transform:rotate(90deg);
  }
}

/*# sourceMappingURL=routes-finder.css.map */