/* #search_widget .material-icons.search{
    display: none !important;
} */



#search_widget {
    position: absolute;
    bottom: 16px;
    right: 22px;
}


#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;
    /* margin-bottom: 50px; */
    border: 0;
    height: 40px;
    background-color: #f1f1f1;
    border-radius: 10px 0px 0px 10px;
}

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

#search_widget {
    min-width: 25.5rem;
  }

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

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

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

.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
}

.material-icons.search{
    color: #f1f1f1 !important;
}