/**
 * Minified by jsDelivr using clean-css v4.2.1.
 * Original file: /npm/@tarekraafat/autocomplete.js@7.0.0/dist/css/autoComplete.css
 * 
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
 #autoComplete_wrapper {
  position: relative;
  display: inline-block
}

#autoComplete {
  /* height: 3rem; */
  /* position: fixed; */
  background-color: #fff;
  padding-left: 0px;
  padding-right: 0px;
  /* margin-left: 20px; */
  width: 80% !important;
  background-repeat: no-repeat;
  background-size: 1.2rem;
  background-origin: border-box;
  background-position: center;
  transition: all .4s ease;
  -webkit-transition: all -webkit-transform .4s ease;
  text-overflow: ellipsis;
  color: #524c4c;
}

  #autoComplete::placeholder {
      color: rgba(255,122,122,0);
      transition: all .3s ease
  }

  #autoComplete:hover::placeholder {
      color: rgba(255,122,122,.3);
      transition: all .3s ease;
      -webkit-transition: all -webkit-transform .3s ease
  }

  #autoComplete:focus::placeholder {
      padding: .1rem .6rem;
      font-size: 1rem;
      color: rgba(255,122,122,.3);
      transition: all .3s ease;
      -webkit-transition: all -webkit-transform .3s ease
  }

  #autoComplete::selection {
      color: transparent
  }

  #autoComplete:focus::selection {
      color: #fff;
      background-color: rgba(255,122,122,1)
  }

  #autoComplete:hover {
      /*padding: 0 2rem 0 3.5rem;*/
      color: #060606;
      /* height: 3rem; */
      width: 16.5rem;
      /* background-image: url(./images/magnifier.svg); */
      background-size: 1.7rem;
      background-position: left 1.05rem top .7rem;
      transition: all .3s ease;
      -webkit-transition: all -webkit-transform .3s ease
  }

  #autoComplete:focus {
      /*padding: 0 2rem 0 3.5rem;*/
      color: #060606;
      /* height: 3rem; */
      width: 16.5rem;
      /* border: .05rem solid #ff7a7a; */
      /* background-image: url(./images/magnifier.svg); */
      background-size: 1.5rem;
      /* background-position: left 1.05rem top .8rem;
      box-shadow: rgba(255,122,122,.1) 0 0 20px 5px */
  }

#autoComplete_results_list {
  padding: 0;
  position: absolute;
  z-index: 30 !important;
  margin: 0px;
  position: absolute;
  /* position: fixed;
  height: 45vh;
  overflow: auto;
  z-index: 1000;
  
  left: 0;
  right: 0;
  margin-top: 33px;
  margin-left: 51.5%;
  margin-right: auto;
  width: 40%;
  overflow: hidden;
  transition: all .1s ease-in-out;
  -webkit-transition: all -webkit-transform .1s ease */
}

.autoComplete_result {
  margin: .15rem auto;
  padding: .6rem;
  /*max-width: 280px;*/
  border: .05rem solid #e3e3e3;
  list-style: none;
  text-align: left;
  font-size: 1.5rem;
  color: #060606;
  transition: all .1s ease-in-out;
  background-color: #fff
}

  .autoComplete_result::selection {
      color: rgba(#fff,0);
      background-color: rgba(#fff,0)
  }
/* 
  .autoComplete_result:last-child {
      border-radius: 0 0 1rem 1rem
  } */

  .autoComplete_result:hover {
      cursor: pointer;
      background-color: rgba(255,248,248,.9);
      /* border-left: 2px solid rgba(255,122,122,1);
      border-right: 2px solid rgba(255,122,122,1); */
      border-top: 2px solid transparent;
      border-bottom: 2px solid transparent
  }

  .autoComplete_result:focus {
      outline: 0;
      background-color: rgba(255,248,248,.9);
      /* border-left: 2px solid rgba(255,122,122,1);
      border-right: 2px solid rgba(255,122,122,1); */
      border-top: 2px solid transparent;
      border-bottom: 2px solid transparent
  }

.autoComplete_highlighted {
  opacity: 1;
  color:#d31145;
  font-weight: 700
}

  .autoComplete_highlighted::selection {
      color: rgba(#fff,0);
      background-color: rgba(#fff,0)
  }

.autoComplete_selected_result {
  cursor: pointer;
  background-color: rgba(255,248,248,.9);
  border-left: 2px solid rgba(255,122,122,1);
  border-right: 2px solid rgba(255,122,122,1);
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent
}

@media only screen and (max-width:600px) {
  #autoComplete {
      width: 5rem
  }

      #autoComplete:focus {
          width: 11rem;
          background-size: 1.6rem;
          background-position: left 1.1rem top .75rem
      }

  .autoComplete_result:first-child {
      border-radius: 1rem 1rem 0 0
  }

  .autoComplete_result:last-child {
      border-radius: 0 0 1rem 1rem
  }

  .autoComplete_result:only-child {
      border-radius: 1rem
  }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  #autoComplete {
      border-width: 1px
  }

      #autoComplete:hover {
          border-width: 1px
      }

      #autoComplete:focus {
          border-width: 1px
      }
}

@-moz-document url-prefix() {
  #autoComplete {
      border-width: 1px;
      background-size: 1.2rem;
      background-origin: border-box;
      background-position: center
  }

      #autoComplete:hover {
          border-width: 1px
      }

      #autoComplete:focus {
          border-width: 1px;
          background-position: left 1.1rem top .8rem
      }
}
/*# sourceMappingURL=/sm/619b3d917daf8428d4b157a11c84d71ce5268d9ae0ff4636aa0778dd1b0aab55.map */