.auto-complete-container {
  display: -webkit-inline-box;
  border-bottom: 1px solid #e4e4e4;
}

.cursor-pointer {
  cursor: pointer;
}

.chip-container-verticle {
  list-style: none;
  max-height: 200px;
  height: auto!important;
  overflow: auto;
}
.chip-container-verticle li {
  padding: 5px;
  display: inline-block;
}


.cap-search-autocomplete {
  .ant-input.ant-select-search__field {
    border-bottom: none !important;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  &.ant-select-focused {
    .ant-select-selection__placeholder{
      visibility: hidden;
    }
  }
}

.total-number-of-values {
  color: #2e89df!important;
  background-color: transparent !important;
  font-family: open-sans,sans-serif!important;
  font-weight: 600 !important;
  line-height: 1.5rem!important;
  font-size: .875rem!important;
  vertical-align: middle!important;
}

.chips {
  height: 2rem!important;
  border-radius: 1rem!important;
  opacity: 1!important;
  // border: 0!important;
  background-color: #eaf3fb;
  line-height: 1.75rem!important;
  display: inline-block;
  margin-right: 4px!important;
  padding: 0 8px 0 16px;
  width: 120px;
}

.chips.non-validated {
  background-color: white !important;
  border: 1px dashed #2E89DF;
}

.chips .content {
  text-align: left!important;
  color: #2e89df!important;
  font-family: open-sans,sans-serif!important;
  font-weight: 600 !important;
  line-height: 1.5rem!important;
  font-size: .875rem!important;
  vertical-align: middle!important;
  display: inline-block!important;
  overflow: hidden!important;
  text-overflow: ellipsis!important;
  white-space: nowrap;
  width: 70px!important;
}

.chips .close {
  margin: 0!important;
  width: 1rem!important;
  height: 1rem!important;
  opacity: 1!important;
  color: #2e89df!important;
  vertical-align: middle!important;
  line-height: 1rem!important;
  display: inline-block;
  padding-right: 5px!important;
}

.chips div.close{
  margin-left: 8px!important;
}

.auto-complete-popover {
  height: 250px!important;
  overflow: auto;
}

.popover-container.chip-container-verticle {
  max-width: 268px;
  .chips, .chips .content {
    width: unset !important;
  }
}