.search-bar-nav .yxt-SearchBar-form {
    height: 32px;
    margin-top: -1px;
}

.search-bar-nav .yxt-SearchBar {
    width: 100%;
    margin-bottom: 0;
    height: 32px;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 16px;
}

.search-bar-nav .yxt-SearchBar-input {
	font-size:14px;
	padding: 1px !important;
	border: none;
}
/* Border and Radius */
.search-bar-nav .yxt-SearchBar-container {
  border-radius: 0px ;
  border:1px solid #ccc;
  margin: 0px;
  padding: 0px 6px; 
  background: #fcfcfc;
}

.search-bar-nav .yxt-SearchBar-button {
	padding: 1px 4px 1px 2px;
}

/* Background Color */
.search-bar-nav .yxt-SearchBar-button,
.search-bar-nav .yxt-SearchBar-clear,
.search-bar-nav .yxt-SearchBar-form {
  background-color: #fcfcfc;
}

.search-bar-nav .yxt-AutoComplete-wrapper {
  background-color: #fff;
 
}


.search-bar-nav .yxt-AutoComplete-option {
  color: #003B5C;
  border:none;
}

/* Seperator bewteen autocomplete and search bar */
.search-bar-nav .yxt-AutoComplete:before {
  background-color: #fff;
}

/* Hover / Selected State */
.search-bar-nav .yxt-AutoComplete-option.yxt-selected,
.search-bar-nav .yxt-AutoComplete-option:hover {
  background-color: #e5f3f9;
  color: #003B5C;
  cursor: pointer;
}

/* Changing the icon color */
.search-bar-nav .yxt-SearchBar-clear,
.search-bar-nav svg {
  color: #003B5C;
  fill: #003B5C;
}

.search-bar-nav path {
  stroke: #003B5C;
}