.container{
    width: 100%;
    max-width: 800px;
}

ul#office-search-suggestions {
    width: 94%;
    max-width: 776px;
}

.btn-primary {
    background-color: #007bff;
}

input#office-search-input {
    border: 1px solid white;
    width: 100%;
    margin-bottom: -2px;
}

#office-search-suggestions {
    max-height: 300px;
    overflow-y: auto;
    position: absolute;
    width: 100%;
    background: white;
    z-index: 1000;
    list-style: none;
    padding: 0;
}

.list-group-item {
    display: flex;
    align-items: center;
    padding: 10px;
}

.office-thumbnail {
    width: 100px;
    height:1000px;
    border-radius: 5px;
    margin-right: 10px;
}

.office-link {
    text-decoration: none;
    font-weight: bold;
    color: #041E3B;
}

.office-link:hover {
    text-decoration: underline;
    
}


.form-control:focus{
    box-shadow: 0 0 0 .25rem rgb(255 255 255 / 18%);
}

li.list-group-item.list-group-item-action.d-flex.align-items-center{
    cursor: pointer;
}