#header .header-top .search-widget {
    border-radius: 0px;
}
#search_widget input.ui-autocomplete-input {
    float: left;
    font-size: 14px;
    top: 0;
    width: calc(100% - 45px);
    line-height: 36px;
    vertical-align: middle;
    margin: 0;
    padding: 0 0 0 20px;
    border: 0;
    height: 40px;
    border-radius: 10px 0px 0px 10px;
}

#header .header-top .search-widget {
    float: right;
    border: solid #333333 2px;
    background-color: #ea3a3c;
}

#search_widget {
    min-width: 30.5rem;
}
@media (max-width: 2000px) {
    #search_widget {
        min-width: 100% !important;
    } 
}
@media (max-width: 768px) {
    #search_widget {
        min-width: 100% !important;
    } 
}

@media (min-width: 993px) and (max-width:1198px)  {
    #search_widget {
        max-width:44.5rem !important;
    } 
}

#search_widget form i {
    position: absolute;
    /* margin-top: 6.5rem; */
    /* padding-top: 19px !important; */
    /* margin-top: 40px; */
    /* margin-right: -19px; */
    margin-left: -40px;
    padding-top: 10px;

}
#search_widget .material-icons.search {
  width: 2em !important;
  height: 41px !important;
  background:black !important;
  display: block !important;
color: white;
}


.search-widget form button[type="submit"] {
     bottom: 0rem !important; 
}
.search-widget form button[type="submit"] .search:hover,
.search-widget form input[type="text"]:focus+button .search {
    color: white !important;
}

.search-widget form input[type="text"]:focus {
    color: #232323;
    background: #fff;
    outline: 1px solid
}

#search_widget input.ui-autocomplete-input {
    border: 1px solid black;
  }
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content.ui-corner-all.ui-jolisearch {
    left: 1125px !important;
}