tags-input *, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

tags-input .host {
  position: relative;
}
tags-input .host:active {
  outline: none;
}

tags-input .tags {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  overflow: hidden;
  word-wrap: break-word;
  cursor: text;
  background-color: white;
  border: 1px solid darkgray;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
}
tags-input .tags.focused {
  outline: none;
  -webkit-box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
  -moz-box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
  box-shadow: 0 0 3px 1px rgba(5, 139, 242, 0.6);
}
tags-input .tags .tag-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
tags-input .tags .tag-item {
  margin: 2px;
  padding: 0 5px;
  display: inline-block;
  float: left;
  font-size: 1.4em;
  height: 26px;
  line-height: 25px;
  border-radius: 3px;
  background:#e1e7f0;
  color:#555f6d;
}
tags-input .tags .tag-item.selected {
  background:#e1e7f0;
  color:#555f6d;
}
tags-input .tags .tag-item .remove-button {
  margin: 0 0 0 5px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  vertical-align: middle;
  font: bold 16px Arial, sans-serif;
  color: #585858;
}
tags-input .tags .tag-item .remove-button:active {
  color: red;
}
tags-input .tags .input {
  border: 0;
  outline: none;
  margin: 2px;
  padding: 0;
  padding-left: 5px;
  float: left;
  height: 26px;
  font-size:1.4em;
}
    tags-input .tags input.ng-dirty.ng-valid { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; background:none !important; }
tags-input .tags .input.invalid-tag {
  color: red;
}
tags-input .tags .input::-ms-clear {
  display: none;
}
/*tags-input.ng-invalid .tags {
  -webkit-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
  -moz-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
  box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
}*/

tags-input.ng-invalid .tags { box-shadow: 0 2px 0 #00C38A; -moz-box-shadow: 0 2px 0 #00C38A; -webkit-box-shadow: 0 2px 0 #00C38A; }

tags-input.ng-invalid .tags { box-shadow: 0 2px 0 #F48384; -moz-box-shadow: 0 2px 0 #F48384; -webkit-box-shadow: 0 2px 0 #F48384; }


tags-input .autocomplete {
  margin-top: 0px;
  position: absolute;
  padding: 0 0;
  z-index: 3;
  width: 100%;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
tags-input .autocomplete .suggestion-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
 
}
tags-input .autocomplete .suggestion-item {
    padding: 5px 10px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color:#333333;
    background-color: white;
    border-bottom: 1px solid #cdcdcd;
    box-sizing: border-box;
    cursor: pointer;
    float:left;
    font-size: 1.3em !important;
    padding: 7px 10px;
    text-decoration: none;
    width: 100%;

}
tags-input .autocomplete .suggestion-item.selected {
  color: #333333;
  background-color: #fffce7;
}
tags-input .autocomplete .suggestion-item.selected em {
  color: #333333;
  background-color: #fffce7;
}
tags-input .autocomplete .suggestion-item em {
  color: black;
  background-color: white;
}
    tags-input .autocomplete .suggestion-item h5 { font-weight:normal; font-size:1.1em; font-weight:600; }
    tags-input .autocomplete .suggestion-item span { color:#666666; }