.search_bar {
    display: flex
}

@media (max-width: 600px) {
    .search_bar {
        width:90%;
        align-self: center
    }
}

@media (min-width: 601px) and (max-width:991.98px) {
    .search_bar {
        width:75%;
        align-self: center
    }
}

@media (min-width: 992px) {
    .search_bar {
        width:100%
    }
}

#module-special_search-specialsearch .quantity_form {
    width: 100%;
    display: flex
}

#module-special_search-specialsearch .btn.btn-primary.button-quantity {
    margin-left: 10px!important
}

#module-special_search-specialsearch .page-wrapper {
    border: none
}

.autocomplete {
    position: relative;
    display: inline-block
}

input {
    border: 1px solid transparent;
    background-color: #f1f1f1;
    padding: 10px;
    font-size: 16px
}

input[type=text] {
    background-color: #f1f1f1;
    width: 100%
}

input[type=submit] {
    background-color: DodgerBlue;
    color: #fff
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    top: 100%;
    left: 0;
    right: 0
}

.autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4
}

.autocomplete-items div:hover {
    background-color: #e9e9e9
}

.autocomplete-active {
    background-color: DodgerBlue!important;
    color: #fff
}

.div-search,.div-loading {
    float: left;
    padding: 0
}

.div-loading {
    display: none;
    float: left;
    width: fit-content;
    height: fit-content
}

.page-link--next {
    height: 38px;
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #005179;
    background-color: #fff;
    border: 1px solid #ced4da
}

.page-link--prev {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    line-height: 1.25;
    color: #005179;
    background-color: #fff;
    border: 1px solid #ced4da;
    height: 38px;
    margin-left: 0
}

.current span,.current .page-link:hover {
    z-index: 3;
    color: #fff;
    background-color: #005179;
    border-color: #005179
}

.elasticsearch_search .elasticsearch_search_results_special {
    z-index: 100;
    position: absolute;
    display: block;
    left: 0;
    top: 44px;
    width: 100%;
    border-bottom: none;
    border-top: none;
    background: #FFF;
    overflow-y: scroll;
    max-height: 400px
}

div.elasticsearch_search_results_special ul li:hover {
    background-color: #f5f5f5
}

.elasticsearch_search .elasticsearch_search_results_special ul {
    padding: 0;
    margin: 0
}

.elasticsearch_search .elasticsearch_search_results_special ul li a {
    display: block
}