@import "../Bootstrap/variables";

.bootstrap-tagsinput {
  width : 100%;

  .twitter-typeahead {
    width : auto;
  }

  .tag {
    margin-right: 0px;

    [data-role="remove"] {
      &:hover {
        color: @brand-danger;
      }
    }
  }

  .tt-dropdown-menu {

    .opacity(0.95);

    .tt-suggestion {
      color: #222222;
      cursor: pointer;

      //selected item
      &.tt-cursor {
        background-color: @droneTeal;
        color: #ffffff;
      }
    }
  }
}