/* Example tokeninput style #1: Token vertical list*/
ul.token-input-list {
    overflow: hidden;
/*    height: auto !important;
    height: 1%; */
/*    width: 400px; */
    border: 1px solid #999;
    cursor: text;
    font-size: 11px;
/*    font-family: Verdana; */
    z-index: 999;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;

  border: 1px solid #ccc;


}

ul.token-input-list li {
    list-style-type: none;
}

ul.token-input-list li input {
    border: 0;
    width: 100%;
    padding: 3px 8px;
    background-color: white;
    -webkit-appearance: caret;
}

li.token-input-token {
    float: left;
    overflow: hidden;
    height: auto !important;
    height: 1%;
    margin: 1px;
    padding: 2px 5px 3px 5px;
    background-color: #E3E5EB;
    color: #000;
    font-weight: normal;
    cursor: default;
    display: block;
  border: 1px solid #ccc;
}

li.token-input-token:hover {background-color: #ddd;}

li.token-input-token p {
    float: left;
    display: inline;
    padding: 0;
    margin: 0;
}

li.token-input-token span {
    float: right;
    color: #777;
    cursor: pointer;
}

li.token-input-selected-token {
    background-color: #ddd;
    color: #fff;
}

li.token-input-selected-token span {
    color: #bbb;
}

div.token-input-dropdown {
    position: absolute;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 13px;

    z-index: 3;
}

div.token-input-dropdown p {
    margin: 0;
    padding: 5px;
    font-weight: normal;
    color: #888;
}

div.token-input-dropdown ul {
    margin: 0;
    padding: 0;
}

div.token-input-dropdown ul li {
    background-color: #fff;
    padding: 3px;
    list-style-type: none;
}

div.token-input-dropdown ul li.token-input-dropdown-item {
    background-color: #fafafa;
}

div.token-input-dropdown ul li.token-input-dropdown-item2 {
    background-color: #fff;
}

div.token-input-dropdown ul li em {
    font-weight: bold;
    font-style: normal;
}

div.token-input-dropdown ul li.token-input-selected-dropdown-item {
    background-color: #d0efa0;
}

.ex-info{font-weight: normal; font-size: 10px; color: gray }

.token-input-delete-token{color: red !important; }

.token-input-list input { box-shadow: none; }

.token-input-dropdown::-webkit-scrollbar {
	-webkit-appearance: none;
}
.token-input-dropdown::-webkit-scrollbar-thumb {
    border-radius: 6px;
    border: 1px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .4);
}

.token-input-dropdown::-webkit-scrollbar:vertical {
    width: 9px;
}

.token-input-dropdown::-webkit-scrollbar:horizontal {
    height: 0;
}
span.token-input-delete-token{float: right !important; margin-left: 4px;}

li.token-input-input-token{
    float: left !important;
    margin: 0;
    padding: 0;
    list-style-type: none;
}