.tokenfield {
  position: relative; }
  .tokenfield:before, .tokenfield:after {
    content: " ";
    display: table; }
  .tokenfield:after {
    clear: both; }
  .tokenfield.tokenfield-mode-tokens {
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 6px 12px 0;
    font-size: 14px;
    line-height: 1.42857;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
    .tokenfield.tokenfield-mode-tokens:focus {
      border-color: #66afe9;
      outline: 0;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
    .tokenfield.tokenfield-mode-tokens::-moz-placeholder {
      color: #999;
      opacity: 1; }
    .tokenfield.tokenfield-mode-tokens:-ms-input-placeholder {
      color: #999; }
    .tokenfield.tokenfield-mode-tokens::-webkit-input-placeholder {
      color: #999; }
    .tokenfield.tokenfield-mode-tokens::-ms-expand {
      border: 0;
      background-color: transparent; }
    .tokenfield.tokenfield-mode-tokens[disabled], .tokenfield.tokenfield-mode-tokens[readonly],
    fieldset[disabled] .tokenfield.tokenfield-mode-tokens {
      background-color: #eeeeee;
      opacity: 1; }
    .tokenfield.tokenfield-mode-tokens[disabled],
    fieldset[disabled] .tokenfield.tokenfield-mode-tokens {
      cursor: not-allowed; }
    .tokenfield.tokenfield-mode-tokens .focused {
      box-shadow: 0 0 0 1px #337ab7 inset; }
    .tokenfield.tokenfield-mode-tokens .selected {
      background: rgba(0, 0, 0, 0.1); }
  .tokenfield .tokenfield-set > ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .tokenfield .tokenfield-set > ul > li {
      float: left;
      margin-right: 5px;
      margin-bottom: 5px;
      padding: 0 5px;
      border-radius: 4px;
      line-height: 1.5;
      cursor: pointer;
      color: rgba(0, 0, 0, 0.4);
      background: rgba(0, 0, 0, 0.08); }
      .tokenfield .tokenfield-set > ul > li:hover {
        color: black;
        background: rgba(0, 0, 0, 0.16); }
      .tokenfield .tokenfield-set > ul > li .item-remove {
        display: inline-block;
        font-weight: bold;
        font-size: 0.9285em;
        cursor: pointer; }
  .tokenfield .tokenfield-input {
    margin-bottom: 5px;
    border: none;
    outline: none;
    float: left; }
  .tokenfield .tokenfield-suggest {
    position: absolute;
    left: -1px;
    top: 100%;
    width: 100%;
    z-index: 10;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-sizing: content-box; }
    .tokenfield .tokenfield-suggest > ul {
      margin: 0;
      padding: 0;
      list-style: none; }
      .tokenfield .tokenfield-suggest > ul > li {
        padding: 6px 10px;
        cursor: pointer; }

/*# sourceMappingURL=tokenfield.css.map */