#search-div {
    margin: 0 10px 0 10px;
}
/* --Together these next 2 rules get the transparent box around the search form correct--> */
div#searchInput-div.search-input-container.search-input-widget {
    background-color: rgba(0, 0, 0, 0);
    padding-top: 8px;
}
div#searchInput-div.search-input-container.search-input-widget form {
    background-color: rgba(0, 0, 0, .19);
    padding: 15px 20px 5px 20px;
}
.search-bar-section-widget {
    padding-bottom: 40px;
}
div.search-input-container {
    box-shadow: none!important;
}
#searchInput-div .font-caption.input-examples{
    display: none;
}
#searchInput-div #submitSearch-button .fa.fa-search {
    display: none;
}
#searchInput-div .form-control {
    border-left: none;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    padding-top: 12px;
    padding-bottom: 12px;
    height: 60px;
}
#searchInput-div .btn.btn-geolocation {
    background-color: white;
    border-right: none;
    color: #999999;
}
#searchInput-div dhi-new-typeahead-input .input-group-text {
    color: #999999 !important;
    border-right: none;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}
.cdk-overlay-pane dhi-typeahead-list .dropdown-container,
.cdk-overlay-pane .typeahead-menu-container {
    border: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.cdk-overlay-pane .typeahead-content-area {
    border: none;
}
#searchInput-div #submitSearch-button {
    height: 58px;
    /* --TO DO: Color change should go into theme kit--> */
    background-color: #c00;
    border-color: #c00;
}
.search-bar-section-widget {
    padding-bottom: 0;
}