.shuttle-hours-wrapper .nav-item button{
    font-size: 1rem;
    line-height: 24px;
    font-weight: 600;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    margin: 0;
}

.btn-dark-gray {
    background-color: #ECECEC !important;
    color: #000;
}

.btn-dark-gray.active{
    background-color: #0A118E !important;
    color: #fff;
}

.free-shuttle {
    background-color: #f0fbe5 !important;
    color: #0A118E !important;
}

.btn-success {
    background-color: #f0fbe5 !important;
    color: #0A118E !important;
}

.shuttle-hours-wrapper .btn-secondary::before{
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAzMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMwLjI4NjMgOC4xNDI4NkgxLjcxNDg0TTE0LjU3MiAxMy44NTcxSDcuNDI5MTNNMS43MTQ4NCA1LjU3MTQzTDEuNzE0ODQgMTYuNDI4NkMxLjcxNDg0IDE4LjAyODcgMS43MTQ4NCAxOC44Mjg4IDIuMDI2MjUgMTkuNDRDMi4zMDAxOCAxOS45Nzc2IDIuNzM3MjYgMjAuNDE0NyAzLjI3NDg3IDIwLjY4ODZDMy44ODYwNSAyMSA0LjY4NjEyIDIxIDYuMjg2MjcgMjFMMjUuNzE0OCAyMUMyNy4zMTUgMjEgMjguMTE1MSAyMSAyOC43MjYyIDIwLjY4ODZDMjkuMjYzOSAyMC40MTQ3IDI5LjcwMDkgMTkuOTc3NiAyOS45NzQ5IDE5LjQ0QzMwLjI4NjMgMTguODI4OCAzMC4yODYzIDE4LjAyODcgMzAuMjg2MyAxNi40Mjg2VjUuNTcxNDNDMzAuMjg2MyAzLjk3MTI4IDMwLjI4NjMgMy4xNzEyMSAyOS45NzQ5IDIuNTYwMDNDMjkuNzAwOSAyLjAyMjQyIDI5LjI2MzkgMS41ODUzNCAyOC43MjYyIDEuMzExNDFDMjguMTE1MSAxIDI3LjMxNSAxIDI1LjcxNDggMUw2LjI4NjI3IDFDNC42ODYxMiAxIDMuODg2MDUgMSAzLjI3NDg3IDEuMzExNDFDMi43MzcyNyAxLjU4NTMzIDIuMzAwMTggMi4wMjI0MiAyLjAyNjI1IDIuNTYwMDNDMS43MTQ4NCAzLjE3MTIgMS43MTQ4NCAzLjk3MTI4IDEuNzE0ODQgNS41NzE0M1oiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

.shuttle-item {
    background-color: #fff;
    border-radius: 8px;
    padding: 12px 24px;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
}

.shuttle-item .route-end::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNyAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMDAxMyA3SDE1LjY2OE0xNS42NjggN0wxMC4xNjggMTIuNU0xNS42NjggN0wxMC4xNjggMS41IiBzdHJva2U9IiMwQTExOEUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=');
    background-position: center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

.text-primary {
    font-weight: 500;
}

.route-note {
    margin-left: 10px;
}

@media screen and (max-width: 768px){
    .ms-auto {
        width: 100%;
        order: -1;
    }

    .shuttle-item {
        flex-direction: column;
        align-items: unset !important;
        justify-content: unset !important;
    }

    .shuttle-hours-wrapper .nav-item button {
        padding: 10px !important;
        font-size: 0.875rem;
    }
}