/*
 *
    * jQuery MultiComplete
    * =====================
    * Written by Tom Hallam
    * http://tomhallam.github.com/jQuery-Multicomplete/
    * Licenced with the Creative Commons Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0) licence
    * See: http://creativecommons.org/licenses/by-sa/3.0/
 *
 */

.panel-multicomplete-results {
    border: 2px solid #d9d9d9;
    width: 580px;
    max-height: 400px;
    font-family: Tahoma;
    font-size: 12px;
    background: #fff;
    z-index: 9999;
    padding: 15px;
    overflow-y: scroll;
}

.panel-multicomplete-results .results{
  background: #fff url(autocomplete_bg.jpg);
}

.panel-multicomplete-results .results:after{
  content: "";
  display: block;
  clear: both;
}

.panel-multicomplete-results .group{
  width: 270px;
}

.panel-multicomplete-results .group.Kategorie{
  float: right;
}

.panel-multicomplete-results .group.Produkty{
  float: left;
}

.panel-multicomplete-results .result {
    border-bottom: 1px solid #e7e7e7;
    cursor: pointer;
    padding: 7px 0px;
    height: 35px;
}

.panel-multicomplete-results .result:hover{
  background: #fbf8ea;
}

.panel-multicomplete-results .result::after{
  content: "";
  display: block;
  clear: both;
}

.panel-multicomplete-results .result:last-child {
    border: none;
}

.panel-multicomplete-results .result .image{
  float: left;
  width: 25px;
  height: 20px;
}

.panel-multicomplete-results .group:last-child {
    border: none;
}

.panel-multicomplete-results .group-title {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}

.panel-multicomplete-results .group-items {
    float: left;
    width: 270px;
}

.highlight {
    font-weight: bold;
}

.panel-multicomplete-results .name{
  float: left;
  width: 220px;
  font-size: 11px;
  padding-left: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.panel-multicomplete-results .image{
  padding-top: 5px;
}

.panel-multicomplete-results .store_price{
  padding-top: 4px;  
}

.panel-multicomplete-results strong.store_price :after{
  content: "";
  display: block;
}

.panel-multicomplete-results .store{
  display: block;
  float: left;
  font-size: 10px;
  color: #00920e;
  font-style: normal;
  text-transform: uppercase;
  line-height: 15px;
  width: 145px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.panel-multicomplete-results .price{
  display: block;
  float: right;
  font-size: 12px;
  color: #d60000;
  font-style: normal;
  line-height: 15px;
  font-weight: bold;
}



/* UTILITIES */
.clearfix {
    clear: both;
}