/* search display */
#product-search-result{ z-index:9999000 !important;}
#edit-submit-elastic-search-view {display: none;}
/* Input box */
.js input.form-autocomplete {
  border: 1px solid #ccc;
}

/* Suggestion menu style */
ul[data-sa-theme="minimal"] {
  min-width: 350px;
}

/*
 * SEARCH AUTOCOMPLETE
 * Basic blue theme.
 */

/**
 * THEME BASIC BLUE
 */

/* Input box */
.js input.form-autocomplete {
  border: 1px solid #ccc;
}

/* Suggestion menu style */
ul[data-sa-theme="basic-blue"] {
  box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 15px;
  background: white;
  border-bottom: 1px solid #bfbfbf;
  text-align: left;
  font-family: 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
  min-width: 350px;
}

/* Suggestion menu elements */
ul[data-sa-theme="basic-blue"] > *,
ul[data-sa-theme="basic-blue"] > *.ui-state-focus,
ul[data-sa-theme="basic-blue"] > *:hover {
  border-color: #bfbfbf;
  border-width: 1px 0px 0 0px;
  border-style: solid;
  margin: 0px;
  padding: 5px 7px;
}

/* Suggestion group header */
ul[data-sa-theme="basic-blue"] > div.ui-autocomplete-field-group {
  opacity: 1;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.8em;
  background-color: #CCCCCC;
  padding: 1px 5px;
  margin: 0px;
}

/* Suggestion menu items */
ul[data-sa-theme="basic-blue"] > li.ui-menu-item {
  background: white;
}
/* Suggestion menu items hovering */
ul[data-sa-theme="basic-blue"] > li.ui-menu-item.ui-state-focus,
ul[data-sa-theme="basic-blue"] > li.ui-menu-item:hover {
  background: #0072b9;
  border-top-color: #1f4a64;
}

/* Searched term whithin a suggestion item */
ul[data-sa-theme="basic-blue"] .ui-autocomplete-field-term {
  font-weight: bold;
  border-bottom: 1px dotted;
}

/* Suggestion item fields */
ul[data-sa-theme="basic-blue"] .ui-autocomplete-fields > *:first-child {
  font-weight: bold;
  color: black;
}
ul[data-sa-theme="basic-blue"] .ui-autocomplete-fields > * {
  font-size: 0.85em;
  line-height: 1.3em;
  color: #6f6f6f;
}

/* Suggestion focused fields */
ul[data-sa-theme="basic-blue"] > li.ui-menu-item.ui-state-focus .ui-autocomplete-fields > *,
ul[data-sa-theme="basic-blue"] > li.ui-menu-item:hover .ui-autocomplete-fields > * {
  color: white;
}

/* Suggestion "no result" and "more resul" customizations */
ul[data-sa-theme="basic-blue"] > div.ui-autocomplete-field-group.no_results + li.ui-menu-item,
ul[data-sa-theme="basic-blue"] > div.ui-autocomplete-field-group.more_results + li.ui-menu-item {
  padding: 0px;
}
ul[data-sa-theme="basic-blue"] > div.ui-autocomplete-field-group.no_results + li.ui-menu-item .ui-autocomplete-fields > *:first-child,
ul[data-sa-theme="basic-blue"] > div.ui-autocomplete-field-group.more_results + li.ui-menu-item .ui-autocomplete-fields > *:first-child {
  font-weight: normal;
  text-align: center;
  font-style: italic;
}
#product-search-result {display: none;}
#block-exposedformelastic-search-viewpage-1 {width: 100%;}

.sp-searchbar{background: #18171B; height: 58px;}
.block-views-exposed-filter-blockelastic-search-view-page-1 , .block-views-exposed-filter-blockelastic-search-view-page-1 div{ width: 100%;}
.form-type-search {width: 100% !important;}
.sp-searchbar input.form-control {background: none;width: 100%;font-family: IBM Plex Mono;font-size: 16px;color: #7C7C7C;letter-spacing: 0.07px;text-align: left;border: 0;}
.sp-searchbar #edit-actions, .sp-searchbar #edit-actions--2 {display: none;}
#product-search-result li {
	background-color: white;
}
#product-search-result li {
  list-style-type: none;
}
ul#product-search-result li {padding: 10px;}
ul#product-search-result li a:hover {
  background-color: yellow;
}
ul#product-search-result li {
  cursor:pointer
}


.highlight {
  font-weight: bold;
  color: #F8E71C !important;
  background: #000 !important;
}

.highlight {
    padding:1px 4px;
    margin:0 -4px;
}

.dropdown-list li {
   margin-bottom: 10px;
}
fieldset.form-item-keyword {
  width: 100%!important;
}
.sp-searchbar input#edit-keyword {
  background: none;
  width: 100%;
  font-family: IBM Plex Mono;
  font-size: 16px;
  color: #7C7C7C;
  letter-spacing: 0.07px;
  text-align: left;
  border: 0;
  box-sizing: border-box;
}
.ui-dialog-title {display: none;}
.tab_links {
  display: block;
  padding: .5rem 1rem;
  color: #495057;
  border-color: #dee2e6 #dee2e6 #fff;
}