.skeleton {
  animation: skeleton-loading 1s linear infinite alternate;
}

@keyframes skeleton-loading {
  100% {
    background-color: #fff
  }

  0% {
    background-color: #c7c7c7
  }
}


@keyframes pulse {
  0% {
    opacity: .06;
  }

  50% {
    opacity: .3;
  }

  100% {
    opacity: .06;
  }
}

.data-skeleton {
  animation: pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  animation-fill-mode: none;
  height: 200px;
  margin: 50px 0;
  color: transparent;
  background: rgba(229, 231, 235, 1);
  border: none;
  background-image: none;
  filter: brightness(0);
}

.pac-container {
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.24);
  margin-top: 4px;
}

.pac-container .pac-item {
  padding: 16px 24px;
  color: #000;
  font-family: Roboto;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border-top: 1px solid #eee;
}

.pac-container .pac-item:first-child {
  border-top: 0 none;
}

.pac-container .pac-icon.pac-icon-marker {
  display: none;
}

.pac-container .pac-item .pac-matched {
  font-weight: 700;
}

.pac-container .pac-item .pac-item-query {
  font-size: 16px;
}
.autocomplete-items{
  position: absolute;
    background: white;
    max-height: 300px;
    overflow-y: scroll;
    border: 1px solid #C4C4C4;
    background: #F5F5F5;
    -webkit-box-shadow: 0px -2px 0px 0px #C4C4C4 inset, 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    box-shadow: 0px -2px 0px 0px #C4C4C4 inset, 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    max-width: none;
    font-size: 14px;
    caret-color: #000;
    border-radius: 4px;
    z-index: 999;
    top: 50px;
}
.autocomplete-items::-webkit-scrollbar {
  display: none;
}
#auto-search-label{
  display: flex;
  margin-top: 8px;
  vertical-align: middle;
  font-size: 18px;
  padding-left: 8px;
  padding-right: 8px;
}
#auto-search-label img {
  width: 36px;
  margin-left: auto;
}
.autocomplete-items .list-item{
  margin-bottom: 4px;
  padding-right: 16px;
  padding-left: 8px;
  padding-top:4px;
  padding-bottom: 4px;
  cursor: pointer;
  border-bottom:#c4c4c4 1px solid
}
.list-item.autocomplete-active{
  background-color: #000000;
  color: #ffffff
}
.list-item:hover {
  background-color: #c4c4c4;
}
.list-item span{
  pointer-events: none
}
.list-section-1{
  font-weight:700;
  font-size:16px;
  display: block;
}
.dynamic-txt-search {
  cursor: pointer;
  font-size: 14px;
  line-height: 16px;
  color: black;
  margin-top: 8px;
  margin-bottom: 8px;
  font-weight: 700;
  text-decoration: underline;
}

span.ls-help-text {
  font-size: 14px;
}