.tokenize>.tokens-container { position: relative; list-style: none; padding: 0 0 5px 5px; height: auto; min-height: 34px; cursor: text } .tokenize>.tokens-container.disabled { background-color: #eee; cursor: not-allowed } .tokenize.focus>.tokens-container { outline: 0; border-color: #66afe9; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) } .tokenize>.tokens-container.input-sm { padding: 0 0 4px 4px; min-height: 30px } .tokenize>.tokens-container.input-lg { padding: 0 0 9px 9px; min-height: 46px } .tokenize>.tokens-container>.token { padding: 0 1.2em 0 5px; background-color: #eff2f7; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px } .tokenize>.tokens-container>.token, .tokenize>.tokens-container>.placeholder, .tokenize>.tokens-container>.token-search { border: 1px solid #cdd5e3; display: inline-block; margin: 5px 5px 0 0; position: relative; vertical-align: middle } .tokenize>.tokens-container>.token-search { min-width: 10px } .tokenize.sortable>.tokens-container>.token { cursor: move } .tokenize.sortable>.tokens-container>.token.dragged { position: absolute; z-index: 2000 } .tokenize.single>.tokens-container>.token { display: block; border-color: #fff; background-color: transparent } .tokenize.sortable>.tokens-container>.token.shadow { border-color: #ccc; background-color: #ccc; filter: alpha(opacity=50); opacity: .2 } .tokenize>.tokens-container>.placeholder, .tokenize>.tokens-container>.token-search { padding: 0; border-color: #fff } .tokenize>.tokens-container>.placeholder { color: #ccc } .tokenize>.tokens-container>.token-search>input { padding: 0; margin: 0; line-height: 1em; border: 1px solid #fff; background: transparent; border-left: 0; border-right: 0; outline: 0; width: 100% } .tokenize>.tokens-container>.token-search>input::-ms-clear { display: none } .tokenize>.tokens-container.input-sm>.placeholder, .tokenize>.tokens-container.input-sm>.token-search, .tokenize>.tokens-container.input-sm>.token { margin: 4px 4px 0 0 } .tokenize>.tokens-container.input-lg>.placeholder, .tokenize>.tokens-container.input-lg>.token-search, .tokenize>.tokens-container.input-lg>.token { margin: 9px 9px 0 0 } .tokenize>.tokens-container>.token.pending-delete { background-color: #5b72a4; border-color: #425c96; color: #fff } .tokenize>.tokens-container>.token>.dismiss { position: absolute; right: 5px; color: #a9b9d8; text-decoration: none; cursor: pointer } .tokenize>.tokens-container>.token>.dismiss:after { content: "×" } .tokenize>.tokens-container>.token.pending-delete>.dismiss { color: #aaa } .tokenize-dropdown { position: absolute; display: none } .tokenize-dropdown>.dropdown-menu { min-height: 10px; width: 100%; display: block; margin: -1px 0 0 0; visibility: visible; opacity: 1 } .tokenize-dropdown>.dropdown-menu li { cursor: pointer } .tokenize-dropdown>.dropdown-menu li>a .tokenize-highlight { font-weight: bold } .tokenize-dropdown>.dropdown-menu li.locked { padding: 3px 20px; color: #333; white-space: nowrap } .tokenize-dropdown>.dropdown-menu li.locked, .tokenize-dropdown>.dropdown-menu li>a { text-overflow: ellipsis; overflow-x: hidden } .tokenize-dropdown>.dropdown-menu li:not(.active) a:hover, .tokenize-dropdown>.dropdown-menu li:not(.active) a:focus { background-color: transparent }