div.tagsinput {
    border: 1px solid #CCC;
    background: #FFF;
    padding: 1rem;
    width: 100%;
    height: 100px;
    overflow-y: auto;
}
span.tag span, span.tag a {
    font-weight: 400;
    /*color: var(--bs-primary);*/
}
div.tagsinput span.tag {
    /*border: 1px solid var(--bs-primary);*/
    border-radius: 1.5rem;
    display: block;
    float: left;
    padding: 0.2rem 1rem;
    text-decoration-line: none;
    background: var(--bs-primary-lite);
    color: var(--bs-primary);
    margin-right: 5px;
    margin-bottom: 5px;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
}

        div.tagsinput span.tag:hover,
        div.tagsinput span.tag:hover a,
        div.tagsinput span.tag:hover span {
            /*border-color: var(--bs-primary);*/
            background: var(--bs-primary);
            color: #FFF;
        }

        div.tagsinput span.tag a,
        div.tagsinput span.tag a:hover,
        div.tagsinput span.tag :hover {
            font-weight: 400;
            text-decoration: none;
            font-size: 1rem;
        }

        div.tagsinput span.tag a {
            color: var(--bs-primary);
        }

    div.tagsinput input {
        width: 300px;
        margin: 0 5px 5px 0;
        font-family: var(--bs-font-sans-serif);
        font-size: 13px;
        border: 1px solid transparent;
        padding: 5px;
        background: 0 0;
        color: var(--bs-primary);
        outline: 0;
    }

    div.tagsinput div {
        display: block;
        float: left
    }

.tags_clear {
    clear: both;
    width: 100%;
    height: 0
}

.not_valid {
    background: #FBD8DB !important;
    color: #ff0000 !important
}