.input-val {
  border: 0px;
  background: transparent;
  border-bottom: 1px solid #999999;
}

input {
  width: 100%;
  outline: none;

  &::-webkit-calendar-picker-indicator {
      margin-top: -5px;
  }
}

::ng-deep {
  body[cds-theme="dark"] {
    .datalist {
      background: #21333b;
      border: 1px solid #575757;
    }

    input {
      color: #fff;
    }

    .datalist option {
      color: #fff
    }
  }

  body[cds-theme="light"] {
    .datalist {
      background: #fff;
    }
  }
}

.autocomplete-wrapper {
  .overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1500;
  }

  .datalist {
      position: fixed;
      box-shadow: 0px 3px 10px -1px #0000002b;
      overflow: auto;
      z-index: 2000;

      ::ng-deep {
          option {
              padding: 5px 10px;
              cursor: pointer;

              &:hover {
                  background: #0000000f;
              }

              &.focused {
                background: #0000000f;
              }
          }
      }
  }

  .load-more {
    text-align: center;
    border-top: 1px solid #e6e6e6;
  }
}