/* surrounding tag container */
.tag-editor { margin: 0; padding: 0; color: #606266; line-height: 1.25rem; background: #fff; border: 1px solid #dcdfe6; list-style-type: none; overflow: hidden; cursor: text; }

/* core styles usually need no change */
.tag-editor li { display: inline-block;  margin: .1875rem 0;; overflow: hidden; }
.tag-editor input { margin: 0; padding: 0; vertical-align: inherit; color: #444; font-weight: inherit; font-family: inherit; background: none; border: 0; box-shadow: none; outline: none; cursor: text }
.tag-editor div { display: inline-block; padding: 0 .25rem; vertical-align: middle; }
.tag-editor .placeholder { padding: 0 .5rem; color: #606266; }
.tag-editor .tag-editor-spacer { padding: 0; width: .5rem; color: transparent; background: none; overflow: hidden; }

/* hide original input field or textarea visually to allow tab navigation */
.tag-editor-hidden-src { position: absolute !important; left: -99999px; }

/* hide IE10 "clear field" X */
.tag-editor ::-ms-clear { display: none; }

/* tag style */
.tag-editor .tag-editor-tag { padding-left: .3125rem; color: #46799b; background: #e0eaf1; border-radius: .125rem 0 0 .125rem; white-space: nowrap; overflow: hidden; cursor: pointer; }

/* delete icon */
.tag-editor .tag-editor-delete { padding: 0 .25rem 0 .1875rem; background: #e0eaf1; border-radius: 0 .125rem .125rem 0; cursor: pointer; }
.tag-editor .tag-editor-delete i { display: inline-block; line-height: 1.125rem; }
.tag-editor .tag-editor-delete i:before { content: "×"; color: #8ba7ba; font-size: 1rem; font-style: normal; }
.tag-editor .tag-editor-delete:hover i:before { color: #d65454; }
.tag-editor .tag-editor-tag.active + .tag-editor-delete, .tag-editor .tag-editor-tag.active + .tag-editor-delete i { visibility: hidden; cursor: text; }
.tag-editor .tag-editor-tag.active { background: none !important; }

/* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */
.ui-autocomplete { position: absolute; left: 0; top: 0; cursor: default; }
.ui-front { z-index: 9999; }
.ui-menu { display: block; margin: 0; padding: .0625rem; list-style: none; outline: none; }
.ui-menu .ui-menu-item a { display: block; padding: .125rem .375rem; min-height: 0; line-height: 1.4; text-decoration: none; /* support: IE7 */ }
.ui-widget-content { color: #555; background: #fff; border: 1px solid #bbb; }
.ui-widget-content a { color: #46799b; }
.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #e0eaf1; }
.ui-helper-hidden-accessible { display: none; }