/* Optional scoped theme for tag-it which mimics the zendesk widget. */


ul.tagit { 
    background: inherit;
	padding: 6px 15px !important;
    border-radius: 20px;
}
ul.tagit li.tagit-choice {
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
     
    background: none;
    background-color: #C9B8DA;
 
	cursor:pointer;
}
ul.tagit li.tagit-choice .tagit-label:not(a) {
    color: #fff;
}
ul.tagit li.tagit-choice a.tagit-close {
    text-decoration: none;
}
ul.tagit li.tagit-choice .tagit-close {
    right: .4em;
}
ul.tagit li.tagit-choice .ui-icon {
    display: none;
}
ul.tagit li.tagit-choice .tagit-close .text-icon {
    display: inline;  
    line-height: 16px;
    color: #fff;
}
ul.tagit li.tagit-choice:hover, ul.tagit li.tagit-choice.remove {
    background-color: #C9B8DA;
}
ul.tagit li.tagit-choice a.tagLabel:hover,
ul.tagit li.tagit-choice a.tagit-close .text-icon:hover {
    color: #fff;
}
ul.tagit input[type="text"] {
    color: #2d2d2d;
    background: none;
} 
.ui-autocomplete {
    border: 1px solid #dfdfdf;
    width: 154px;
    position: absolute;
    background-color: #FFF;
}
.ui-autocomplete li.ui-menu-item a {
    cursor: pointer;
    color: #2d2d2d;
    padding: 2px .4em;
    text-decoration: none;
    display: block;
    line-height: 1.5;
}
.ui-autocomplete li.ui-menu-item:hover {
    background-color: #C9B8DA;
}
.ui-autocomplete li.ui-menu-item:hover a {
    color: #FFF;
}