.tagger-container {
  position: relative;
  padding: 5px 5px 0 5px;
  background-color: #FFF;
  border: 1px solid #DCDDD8;
  cursor: text;
}
.tagger-container .tagger-tag {
  line-height: 22px;
  display: inline-block;
  padding: 0 5px;
  background-color: #5F9A33;
  border: 1px solid #46811A;
  margin-right: 5px;
  margin-bottom: 5px;
  color: #FFF;
  white-space: nowrap;
}
.tagger-container .tagger-tag.full-width {
  display: block;
  margin-right: 0;
}
.tagger-container .tagger-tag.confirm {
  border-color: #a70B0B;
  background-color: #D74B4B;
}
.tagger-container .tagger-tag .remove-tag {
  margin-left: 5px;
  cursor: pointer;
}
.tagger-container .tagger-tag .remove-tag:hover {
  color: #DCDDD8;
}
.tagger-container .input-container {
  position: relative;
  display: inline-block;
  margin-right: 5px;
}
.tagger-container .input-container input {
  line-height: 22px;
  height: 24px;
  vertical-align: baseline;
  border: 0px solid black;
  width: 10px;
  outline: none;
  margin-bottom: 5px;
  position: relative;
  background-color: transparent;
  z-index: 200;
}
.tagger-container .input-container input::-ms-clear {
  display: none;
}
.tagger-container .input-container input + .placeholder {
  line-height: 24px;
  position: absolute;
  top: 0;
  left: 1px;
  color: #AAA;
  z-index: 100;
}
.tagger-container.tagger-disabled {
  background-color: #EEE;
  cursor: not-allowed !important;
}
.tagger-container.tagger-disabled * {
  cursor: not-allowed !important;
}
.tagger-container.tagger-disabled .tagger-tag {
  background-color: #7BAD55;
  border: 1px solid #80AD5E;
}
.tagger-container.tagger-disabled .remove-tag,
.tagger-container.tagger-disabled input + .placeholder {
  display: none !important;
}