ul.tagit {
	padding: 1px 5px;
	overflow: auto;
    margin-left: inherit; /* usually we don't want the regular ul margins. */
    margin-right: inherit;
}
ul.tagit li {
	display: block;
	float: left;
	margin: 2px 5px 2px 0;
}
ul.tagit li.tagit-choice {
	padding: .2em 18px .2em .5em;
    position: relative;
    line-height: inherit;
}
ul.tagit li.tagit-new {
	padding: .25em 4px .25em 0;
}

ul.tagit li.tagit-choice a.tagit-label {
	cursor: pointer;
	text-decoration: none;
}
ul.tagit li.tagit-choice .close {
	cursor: pointer;
    position: absolute;
    right: .1em;
    top: 50%;
    margin-top: -8px;
}

/* used for some custom themes that don't need image icons */
ul.tagit li.tagit-choice .text-icon {
    display: none;
}

ul.tagit li.tagit-choice input {
	display: block;
	float: left;
	margin: 2px 5px 2px 0;
}
ul.tagit input[type="text"] {
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;

    border: none;
	margin: 0;
	padding: 0;
	width: inherit;
	background-color: inherit;
    outline: none;
}

.tagit
{
	list-style-type:none;
	margin:0;
	padding:0
}
.tagit.form-control
{
	height:auto;
	min-height:calc(1.5em + .75rem + 2px)
}
.tagit.ui-widget
{
	margin-bottom:0;
	font-family:inherit;
	box-shadow:none!important;
/*	border-color:rgba(32,32,32,.3)!important; */
	/* color:rgba(255,255,255,.75)!important; */
	position:relative!important;
	padding:.1875rem .75rem!important;
	line-height:1.3125rem!important;
	border-radius:4px!important;
	transition:all .15s ease-in-out;
	display:flex;
	flex-wrap:wrap
}
.tagit.ui-widget li
{
	float:none
}
.tagit.ui-widget li.tagit-choice
{
	font-size:.8125rem!important;
	font-weight:400;
	padding:.125rem .625rem!important;
	margin-top:.0625rem!important;
	margin-bottom:.0625rem!important;
	border:none;
	background:rgba(88,88,88,.3)!important;
	/* color:rgba(255,255,255,.75); */
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:20px;
	margin-right:4px!important
}
.tagit.ui-widget li.tagit-choice .tagit-close
{
	position:relative;
	line-height:1.3125rem;
	text-align:center;
	top:0;
	height:1.3125rem;
	text-decoration:none;
	display:flex;
	align-items:center;
	margin:0 -.3125rem -.0625rem .3125rem
}
.tagit.ui-widget li.tagit-choice .tagit-close .ui-icon-close
{
	font-size:.925rem;
	color:rgba(255,255,255,.8);
	text-indent:0;
	height:100%;
	padding-top:.125rem;
	background-image:none;
	display:flex;
	align-items:center;
	justify-content:center;
	font-family:Font Awesome\ 6 Free,FontAwesome!important;
	font-weight:900;
	font-style:normal;
	font-variant:normal;
	text-rendering:auto
}
.tagit.ui-widget li.tagit-choice .tagit-close .ui-icon-close:after
{
	content:"\f00d"!important
}
.tagit.ui-widget li.tagit-choice .tagit-close .ui-icon-close:hover
{
	box-shadow:none!important;
	color:rgba(255,255,255,.75)
}
.tagit.ui-widget li.tagit-choice .tagit-close:focus .ui-icon-close:before,.tagit.ui-widget li.tagit-choice .tagit-close:hover .ui-icon-close:before
{
	color:rgba(0,0,0,.4)
}
.tagit.ui-widget li.tagit-new
{
	margin:.125rem 0;
	height:1.4375rem;
	display:flex;
	align-items:center
}
.tagit.ui-widget li.tagit-new input
{
	/* color:rgba(255,255,255,.75) */
}
.tagit-autocomplete
{
	border:1px solid rgba(255,255,255,.15)!important;
	padding:.5rem 0;
	background:rgba(29,40,53,.98);
	border-radius:0;
	box-shadow:0 .5rem 1rem rgba(255,255,255,.075)
}
.tagit-autocomplete .ui-menu-item .ui-menu-item-wrapper
{
	padding:6px 20px;
	border:none;
	/* color:rgba(255,255,255,.5) */
}
.tagit-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active
{
	background:rgba(255,255,255,.15);
	/* color:rgba(255,255,255,.5); */
	margin:0;
}