.container {
    background: white;
}

.companyLogo {
    width: 200px;
}

.faLinkButton {
    color: #6c757d;
}

.nav-item {
    border-right-color: white;
    border-right-style: solid;
    border-right-width: 1px;
    line-height: 10px;
}
.navbar-dark .navbar-nav .nav-link {
    color: white;
}

    .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link {
        color: #fff;
    }

.completionList {
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    background-color: white;
    /*width: 100%;*/
    margin: 0px;
    padding: 0px;
    height: vh;
}

.completionListItem {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.completionListHighlightedItem {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    border: 0;
    color: #16181b;
    text-decoration: none;
    background-color: forestgreen;
}

@media (max-device-width: 575.98px) {

    .display-1 {
        font-size: 3rem;
        font-weight: 300;
        line-height: 1.0;
    }

    .display-2 {
        font-size: 2.75rem;
        font-weight: 300;
        line-height: 1.0;
    }

    .display-3 {
        font-size: 2.25rem;
        font-weight: 300;
        line-height: 1.0;
    }

    .display-4 {
        font-size: 1.75rem;
        font-weight: 300;
        line-height: 1.0;
    }
}

.cursor-pointer {
    cursor: pointer;
}

.ui-effects-transfer {
    border: 2px dotted gray;
}

.bestellingHeader {
    color: gray;
    border-color: white;
}
.searchbuttoncolor {
    color: gray;
    border-color: white;
}