.tag-this { 
    display: block;
    width:100%; 
    height:100px; 
    overflow-y: auto; 
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.tag-this .tag { 
    -moz-border-radius:2px; 
    -webkit-border-radius:2px; 
    border-radius: 2px; 
    display: block; 
    float: left; 
    padding: 5px; 
    text-decoration:none; 
    background: #3AAA55; 
    color: #FFF; 
    margin-right: 5px; 
    margin-bottom:5px;
    max-width: 90%;
}

.tag-this .tag button { 
    font-weight: bold; 
    color: #FFF; 
    text-decoration:none; 
    font-size: 11px; 
    background: none; 
    border: none; 
    cursor: pointer; 
} 

.tag-this .tag span { 
    word-wrap: break-word;
}

.tag-this input { 
    padding: 6px; 
    width:auto;
    margin:0px; 
    border:1px solid transparent;
    background: transparent;
    color: #000;
    margin-right:5px; 
    margin-bottom:5px; 
    outline:none;
}

.tag-this::placeholder {
    color: #6c757d;
    opacity: 1;
}


.tag-this div { 
    display:block; 
    float: left; 
}

.tag-this .tag-this--clear { 
    clear: both;
    width: 100%; 
    height: 0px; 
}

.tag-this .tag-this--invalid {
    /*background: #DF3645; */
    border: 1px dashed #DF3645;
    outline: white;
    color: #DF3645; 
    border-radius: 5px;
    outline-color:#DF3645;
}