.autoComplete_wrapper {

}

.autoComplete_wrapper > input {


}
.ui-autocomplete-loading { background:url('../images/load.gif') no-repeat right center }

.loading {
    display: block;
    width: 100px;
    height: 100px;
    background-image: url('../images/load.gif');
	background-color: #F0F0F0;
    vertical-align: text-bottom;
}
#loading2.isloading {
    background-image: url('../images/load.gif');
}
.autoComplete_wrapper > input::placeholder {

  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:hover::placeholder {

  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:focus::placeholder {


}

.autoComplete_wrapper > input:focus::selection {
  background-color: rgba(72, 168, 66, 0.15);
}

.autoComplete_wrapper > input::selection {
  background-color: rgba(72, 168, 66, 0.15);
}

.autoComplete_wrapper > input:hover {

  transition: all 0.3s ease;
  -webkit-transition: all -webkit-transform 0.3s ease;
}

.autoComplete_wrapper > input:focus {


}
.autoComplete_wrapper > ul {
  background-color: #fff;
  border-radius: 0.6rem;
  border: 1px solid rgba(33, 33, 33, 0.07);
  box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15);
  box-sizing: border-box;
  height: 100%;
  left: 0;
  /*max-height: 226px;*/
  /*min-height: 150%;*/
  min-height: 175px;
  overflow-y: scroll;
  padding: 0;
  position: absolute;
  right: 0;
  list-style: none;
  outline: none;
  transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -webkit-transition: opacity 0.15s ease-in-out;
  z-index: 1;
}

.autoComplete_wrapper > ul[hidden],
.autoComplete_wrapper > ul:empty {

  opacity: 0;
  transform: scale(0);
}

.autoComplete_wrapper > ul > li {
  margin: 0.3rem;
  padding: 0.3rem 0.5rem;
  text-align: left;
  font-size: 1rem;

  border-radius: 0.35rem;
  background-color: rgba(255, 255, 255, 1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: all 0.2s ease;
}

.autoComplete_wrapper > ul > li mark {
  background-color: transparent;
  color: #18601f;
  font-weight: bold;
}

.autoComplete_wrapper > ul > li:hover {
  cursor: pointer;
  background-color: rgba(77, 168, 66, 0.15);
}

.autoComplete_wrapper > ul > li[aria-selected="true"] {
  background-color: rgba(72, 168, 66, 0.15);
}

/*3-5-2023*/
.ui-autocomplete {
    max-height: 160px;
    overflow-y: inherit;
    overflow-x: hidden;
}
.ui-autocomplete .ui-menu-item div{
    font-size: .8rem;!important;
}
.ui-autocomplete .ui-menu-divider:hover{
    background-color: rgba(77, 168, 66, 0.15)!important;
    border:none !important;
}
.ui-autocomplete li div:hover {
    border-width:0px!important;
    background:transparent;
}
.ui-autocomplete li:hover{
    cursor: pointer;
    background-color: rgba(77, 168, 66, 0.15);
    z-index:1;
}
/*END----3-5-2023*/


body .loader_container{
/*  display: none;*/
}


/*.full-screen-match-rate {
     display: inline-block;
}*/
.full-screen-match-rate-wrap{ min-height: auto !important;}
@media only screen and (max-width: 1200px) {
  .autoComplete_wrapper > ul {
    min-height: 128px;
  }
}

@media only screen and (max-width: 900px) {
  .autoComplete_wrapper > ul {
    min-height: 119px;
  }
  .autoComplete_wrapper > ul > li {
    padding: 0.2rem 0.5rem;
  }
}
@media only screen and (max-width: 600px) {
  .autoComplete_wrapper > input {

  }
}
@media only screen and (max-width: 767px){
  .ui-widget.ui-widget-content {
    width: 430px!important;
    margin: auto;
}
}
@media only screen and (max-width: 380px){
.ui-widget.ui-widget-content {
    width: 315px!important;
    margin: auto;
}
}