// npm package: jquery-tags-input
// github link: https://github.com/xoxco/jQuery-Tags-Input

div.tagsinput {
  padding: 6px 6px 1px;
  border-color: $input-border-color;
  border-radius: $input-border-radius;
  background: $input-bg;
  color: $input-color;
  span.tag {
    background: $component-active-bg;
    color: $component-active-color;
    border: 0;
    padding: 3px 7px;
    font-family: inherit;
    border-radius: .15rem;
    margin-bottom: 4px;
    float: left;
     /*rtl:raw:
    margin-left: 0;
    margin-right: 5px;
    */
    a {
      font-size: 13px;
      font-weight: 500;
      color: $component-active-color;
      opacity: .5;
    }
  }
  #tags_addTag {
    float: left;
    /*rtl:raw:
    margin-right: 5px;
    */
  }
  input {
    margin: 0;
    padding: 1px;
    border-radius: $border-radius;
  }
}
