.token-input-list-backend {
   border: 1px solid #ddd;
   padding-top: 3px;
   padding-left: 3px;
   overflow: auto;
   box-sizing: border-box;
   -webkit-box-sizing:border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;   
}


.token-input-token-backend p {
   display: inline;
}

.token-input-token-backend {
   border: 1px solid #ddd;
   padding: 7px 9px;
   background: #eee;
}

.token-input-delete-token-backend {
   color: #666;
   cursor: pointer;
   line-height: 8px;
   margin-left: 5px;
   padding: 3px;
   display: block;
}

.token-input-delete-token-backend:hover,
.token-input-selected-token-backend .token-input-delete-token-backend {
   background-color: #D92929;
}

.token-input-delete-token-backend:hover .svg-icon,
.token-input-selected-token-backend .token-input-delete-token-backend .svg-icon {
   background-color: #fff;
}

.token-input-token-backend, .token-input-input-token-backend {
   margin-right: 3px;
   margin-bottom: 3px;
   float: left;
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
   min-height: 20px;
   line-height: 1em;
}

.token-input-input-token-backend > input {
   min-width: 100px;
   max-width: 400px;
   border-color: transparent;
   padding: 8px 10px;
}

.token-input-input-token-backend > input:focus {
   border-color: inherit;
}

div.token-input-dropdown-backend {
   padding: 3px;
   border: none;
   background-color: #fff;
   min-width: 150px;
   box-shadow: 0 4px 5px rgb(0 0 0 / 15%);
   margin-bottom: 10px;
   max-height: 300px;
   overflow-y: auto;
}

div.token-input-dropdown-backend ul li {
   padding: 5px 10px;
   cursor: pointer;
}

div.token-input-dropdown-backend > p {
   padding: 3px 5px;
}


div.token-input-dropdown-backend ul li.token-input-selected-dropdown-item-backend {
   background-color: #3875d7;
   /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); */
   background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
   color: #fff;
}