Pleas try this:

/*hides global search*/
doc-layout-global-search-boxed {
  visibility: hidden;
}

Thanks ​@lrnlab but that CSS completely hides the search. I’m just interested in hiding the box with the magnifying glass.

Sorry not sure what you mean...what do you want to retain on the page?

I want to retain the search bar, but the search box with the magnifying glass doesn’t serve a purpose. Is it possible to isolate the CSS and hide it? ​@lrnlab 

The magnifying glass in the green box is the clickable part to initiate the search; not all users know to hit enter to initiate the search.

I do not have code to hide just that part, sorry.

Thanks! Any recommendations to slide the box over into the pill shape search bar? ​@lrnlab