/* Example tokeninput style #1: Token vertical list*/
ul.token-input-list {
    height: auto !important;
    cursor: text;
    z-index: 999;
    margin: 0;
    padding: 0;
    border-top: 1px solid #ddd;
    list-style-type: none;
    clear: left;
    border-radius: 4px;
    position: relative;
}

ul.token-input-list li {
    list-style-type: none;
    border-radius: 4px;
}

ul.token-input-list li input {
    border: 0;
    height: 40px;
    padding: 3px 8px;
    background-color: white;
    border-radius: 4px;
    -webkit-appearance: caret;
}

li.token-input-token {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    margin: 1px 3px;
    padding: 0 5px;
    background-color: #ddd;
    color: #000;
    font-weight: bold;
    cursor: default;
    display: inline-block;
}

li.token-input-token p {
    float: left;
    padding: 5px;
    margin: 0 !important;
}

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

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

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

div.token-input-dropdown {
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    z-index: 1;
}

div.token-input-dropdown small {
    color: #2196f3;
    font-style: italic;
}

div.token-input-dropdown small:before {
    content: "(";
}

div.token-input-dropdown small:after {
    content: ")";
}

div.token-input-dropdown p {
    margin: 0;
    padding: 5px;
    color: #777;
}

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

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

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: #ddd;
}


.tokenfield .token-input {
    padding-top: 5px !important;
}

ul.token-input-list, .token-input-input-token, .token-input-input-token input.form-control, div.token-input-dropdown {
    border: 0;
}

.tokenfield {
    padding-bottom: 6px !important;
}


.location-content {
    overflow: hidden;
}

ul.location-content li.token-input-token p {
    padding: 0;
}

ul.location-content li.token-input-token.placeholder {
    padding: 0;
    background: #fff;
}

.location-popup {

    position: absolute;
    border-radius: 5px;
    top: -8px;
    left: 0;
    width: 100%;
    min-height: 200px;
    padding: 15px;
    background: #fff;
    box-shadow: rgb(0 0 0 / 20%) 0 1px 8px 0;
    transition: all 200ms ease 0s;
    z-index: 9999;
}