.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently not supported by any browser */
}

.json-tag-editor-spacer::selection {
    background: transparent; /* WebKit/Blink Browsers */
}
.json-tag-editor-spacer::-moz-selection {
    background: transparent; /* Gecko Browsers */
}

/* surrounding tag container */
.json-tag-editor {
    list-style-type: none; overflow: hidden; cursor: text; margin: 0 0 1rem; padding: .5rem; border: 1px solid #C3C3C3; border-radius: 20px; background-color: #fff;
    -webkit-box-shadow: inset 0 1px 2px rgba(60, 60, 60, 0.1); box-shadow: inset 0 1px 2px rgba(60, 60, 60, 0.1);
    font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #3C3C3C;
}

/* core styles usually need no change */
.json-tag-editor li {
    display: inline-block; overflow: hidden; margin: 3px; padding: 0.75em 2em; border: 1px solid #000; border-radius: 20px;
    font-size: 0.875rem; line-height: 1; text-align: center; cursor: pointer;
}
.json-tag-editor li:first-child { border: none; margin: 0; padding: 0; }
.json-tag-editor .placeholder { border: none; }
.json-tag-editor div { display: inline-block; }
.json-tag-editor .json-tag-editor-spacer { background: none; }
.json-tag-editor input {
    border: none !important; height: inherit !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; line-height: .9; font-size: 0.875rem; cursor: text;
}
/* hide original input field or textarea visually to allow tab navigation */
.json-tag-editor-hidden-src { display: none !important; }
/* hide IE10 "clear field" X */
.json-tag-editor ::-ms-clear { display: none; }

/* tag style */
.json-tag-editor .json-tag-editor-tag { white-space: nowrap; }
/* delete icon */
.json-tag-editor .json-tag-editor-delete { padding-left: 3px; }
.json-tag-editor .json-tag-editor-delete i:before { color: #3C3C3C; content: '\2716'; font-style: normal; font-size: 1rem; vertical-align: text-bottom; }
.json-tag-editor .json-tag-editor-tag.active+.json-tag-editor-delete,
.json-tag-editor .json-tag-editor-tag.active+.json-tag-editor-delete i { visibility: hidden; cursor: text; }
.json-tag-editor .json-tag-editor-tag.active { background: none !important; }


.picker { position: relative; padding-left: 260px; height: 300px; margin: 0 0 1rem; }
.picker > .pc-element {
    display: inline-block; z-index: 10; border: 1px solid #000; border-radius: 20px;
    word-wrap: break-word; cursor: default; background-color: #ffffff; margin: 3px; padding: 0.75em 2em;
    font-size: 0.875rem; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none;
    -ms-user-select: none; user-select: none;
}
.picker .pc-element .pc-close { padding-left: 3px; cursor: pointer; }
.picker .pc-element .pc-close:after { content: '\2716'; }
.picker .pc-select {
    position: absolute; width: 250px; height: 100%; border: 1px solid #C3C3C3; border-radius: 20px;
    left: 0; top: 0; padding: 10px 1px; background-color: #fff;
    -webkit-box-shadow: inset 0 1px 2px rgba(60, 60, 60, 0.1); box-shadow: inset 0 1px 2px rgba(60, 60, 60, 0.1);
    font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; color: #3C3C3C;
}
.picker .pc-select .pc-trigger { cursor: pointer; padding-left: 10px; }
.picker .pc-select .pc-list { width: 100%; height: 100%; z-index: 11; display: block !important; }
.picker .pc-select .pc-list input[type="search"] { width: 100%; outline: none; }
.picker .pc-select .pc-list ul { margin: 0; padding: 0; height: 90%; overflow-y: auto; }
.picker .pc-select .pc-list li { display: block; list-style: none; padding: 0 0 0 8px; cursor: pointer; word-wrap: break-word; }
.picker .pc-select .pc-list li:nth-child(even) { background-color: #f2f2f2; }
.picker .pc-select .pc-list li:hover { background-color: #0078BE; color: #ffffff; }
.picker .pc-select .pc-list li.not-found { font-style: italic; text-align: center; cursor: default; }
.picker .pc-select .pc-list li .searched { font-weight: bold; }