component-search-autocomplete {
  float: left;
  width: 100%;
  display: block;
  height: auto;
}
component-search-autocomplete .autoContainer .inputTyperContainer {
  float: left;
  width: 100%;
  display: block;
  height: auto;
}
component-search-autocomplete .autoContainer .inputTyperContainer input {
  float: left;
  height: 45px;
  border: 4px solid #d6d6d6;
  outline: none;
  width: 100%;
  border-radius: 40px;
  transition: all 0.3s;
  padding-left: 50px;
  padding-right: 60px;
}
component-search-autocomplete .autoContainer .inputTyperContainer input:focus {
  outline: none;
}
component-search-autocomplete .autoContainer .inputTyperContainer input:active {
  outline: none;
}
component-search-autocomplete .autoContainer .inputTyperContainer input.padLeft {
  padding-left: 110px ;
}
component-search-autocomplete .autoContainer .inputResultAutoCompleteContainer.hide {
  display: none;
}
component-search-autocomplete .autoContainer .inputResultAutoCompleteContainer {
  width: 600px;
  display: block;
  height: auto;
  position: absolute;
  z-index: 10;
  background-color: white;
  padding: 10px;
  border: 1px solid #eee;
  margin-top: 45px;
}
component-search-autocomplete .autoContainer .inputResultAutoCompleteContainer .resultContainer {
  float: left;
  width: 100%;
  display: block;
  height: auto;
}
component-search-autocomplete .autoContainer .inputResultAutoCompleteContainer .resultContainer .itemContainer {
  float: left;
  width: 100%;
  display: block;
  height: auto;
}
component-search-autocomplete .autoContainer .inputResultAutoCompleteContainer .resultContainer .itemContainer a {
  display: block;
  line-height: 30px;
  font-size: 22px;
  color: #8c8c8c;
  text-transform: capitalize;
  padding-left: 10px;
  padding-right: 10px;
}
component-search-autocomplete .autoContainer .inputResultAutoCompleteContainer .resultContainer .itemContainer a.active {
  background-color: #f1f1f1;
  padding-left: 10px;
  padding-right: 10px;
}
component-search-autocomplete .autoContainer .inputResultAutoCompleteContainer .resultContainer .itemContainer a.active .hilight {
  font-size: inherit;
  color: black;
  font-weight: bold;
}
component-search-autocomplete .autoContainer .inputResultAutoCompleteContainer .resultContainer .itemContainer a .hilight {
  font-size: inherit;
  color: black;
  font-weight: bold;
}
component-search-autocomplete .autoContainer .inputCategoryPick {
  position: absolute;
}
component-search-autocomplete .autoContainer .inputCategoryPick .activeText {
  color: Black;
  font-size: 22px;
  font-weight: bold;
  width: 100px;
  height: 45px;
  line-height: 39px;
  text-align: left;
  border: 4px solid #d6d6d6;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  padding-left: 10px;
  margin-left: 0px;
  text-transform: capitalize;
  outline: none;
  overflow: hidden;
}
component-search-autocomplete .autoContainer .inputCategoryPick .activeText .arrowsTrigger {
  margin: 0px;
  width: 30px;
  height: 37px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  right: 4px;
  text-align: center;
  cursor: pointer;
  outline: none;
  border: 0px;
  background-color: transparent;
  font-size: 0px;
  top: 4px;
  background-color: white;
}
component-search-autocomplete .autoContainer .inputCategoryPick .activeText .arrowsTrigger:active {
  outline: none;
}
component-search-autocomplete .autoContainer .inputCategoryPick .activeText .arrowsTrigger:focus {
  outline: none;
}
component-search-autocomplete .autoContainer .inputCategoryPick .activeText .arrowsTrigger img {
  transform: rotate(-90deg);
}
component-search-autocomplete .autoContainer .inputCategoryPickArea {
  float: left;
  width: 100%;
  background-color: white;
  padding: 10px;
  border: 1px solid #eee;
  position: absolute;
  z-index: 11;
  margin-top: 45px;
}
component-search-autocomplete .autoContainer .inputCategoryPickArea:not(.active) {
  display: none;
}
component-search-autocomplete .autoContainer .inputCategoryPickArea .linkChoce {
  float: left;
  width: 33.33%;
  margin-bottom: 12px;
  color: black;
  font-size: 20px;
  color: #929292;
  padding-right: 10px;
  line-height: 20px;
}
component-search-autocomplete .autoContainer .inputCategoryPickArea .linkChoce:hover {
  color: black;
  font-weight: bold;
}
component-search-autocomplete .autoContainer .inputCategoryPickArea .linkChoce.active {
  color: black;
  font-weight: bold;
}