/**
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License version 3.0
* that is bundled with this package in the file LICENSE.txt
* It is also available through the world-wide-web at this URL:
* https://opensource.org/licenses/AFL-3.0
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade this module to a newer
* versions in the future. If you wish to customize this module for your needs
* please refer to CustomizationPolicy.txt file inside our module for more information.
*
* @author Webkul IN
* @copyright Since 2010 Webkul
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License version 3.0
*/


#search_widget {
  display: none !important;
}

div#wk_ai_search_widget {
  /* width: auto !important; */
}

.wk-img-search {
  float: left;
  width: 60px;
  margin-right: 5px;
}

.ui-autocomplete.semantic-search-autocomplete {
  width: 100%;
  min-height: 100%;
  border: none;
  max-height: 50rem;
  overflow: auto;
}

.ui-autocomplete.semantic-search-autocomplete li a,
.ui-autocomplete.semantic-search-autocomplete li a.ui-state-focus {
  padding: 8px 15px;
  overflow: auto;
  border: none;
  background: none;
  margin: auto;
  border-radius: 0;
}

.ui-autocomplete.semantic-search-autocomplete li a:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

.ui-autocomplete.semantic-search-autocomplete li a .autocomplete-thumbnail {
  /* float: left; */
  width: 50px;
  height: auto;
  margin-right: 8px;
}

.search-widget form input[type=text] {
   border: none;
   padding: 10px;
   width: 90%;
  /* padding-top: 3rem; */
  /* min-width: 100%; */
  /* padding: 10px; */
  /* border: 1px solid rgba(0, 0, 0, .25); */
}

#wkImageSearchDetailsModal .modal-dialog {
  width: 90%;
  max-width: 1200px;

}

#wkImageSearchDetailsModal #wk_cart_product_body {
  height: 32rem;
  overflow: auto;
}

.wk_udlp_btn {
  top: -1.8rem;
  position: relative;
  /* position: absolute;
  top: -32px;
  right: 40px; */
}

@media only screen and (min-width: 768px) {
  #wk_ai_search_widget {
    float: right;
    margin-bottom: 0;
  }

  div#wk_ai_search_widget {
    /* width: 65% !important; */
  }

  .ui-autocomplete.semantic-search-autocomplete {
    width: 400px;
    min-height: auto;
    max-height: 50rem;
    overflow: auto;
  }
}

.searchbar-autocomplete .semantic-search-autocomplete .ui-menu-item {
  list-style-image: none;
}

.semantic-search-autocomplete .ui-menu-item {
  /* float: left; */
  width: 100%;
  margin-bottom: 5px;
}

.semantic-search-autocomplete .ui-menu-item .product {
  font-size: 15px;
}

.semantic-search-autocomplete .ui-menu-item li {
  /* float: left; */
  width: 100%;
}

.semantic-search-autocomplete {
  /* left: 45% !important; */
  /* width: 627px !important; */
}

@media only screen and (max-width: 400px) {
  .semantic-search-autocomplete {
    /* left: 10% !important; */
  }
}

@media only screen and (max-width: 500px) {
  .semantic-search-autocomplete {
    /* left: 20% !important; */
  }
}

@media only screen and (max-width: 600px) {
  .semantic-search-autocomplete {
    /* left: 30% !important; */
  }
}