.tag-input{
    border:1px solid #ececec;
    display:inline-block;
    width:100%;
    background-color:#fcfcfc;
    padding:0.21428571em;
    padding-left:0.92857143em;
    border-radius:6px;
    margin-top:2px;
}
.tag-input .tag{
    font-size:85%;
    padding:0em 0.35em;
    display:inline-block;
    margin:0em 0.3em 0.3em;
    background-color:#ddd;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    transition: all 0.1s linear;
    cursor:pointer;
    border-radius:4px;
}
.tag-input .tag:hover{
    background-color:#3af;
    color:white;

}
.tag-input .tag .cross::after{
    content: 'x';
    font-weight:bold;
    font-size: 1.25em !important;
    display:inline-block;
    -webkit-transition: scale(1.4);
    -moz-transition: scale(1.4);
    transition: scale(1.4);
    margin-left:0.5em;
}
.tag-input .tag .cross:hover::after{
    color:red;
}
.tag-input .main-input{
    border:0;
    outline:0;
    padding:0.25em;
    padding-left:0;
    width:60% !important;
    margin:0px;
    background:transparent;
}