div.tagsinput { border: 1px solid rgba(151,151,151, 0.9); -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 0 8px rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1); box-shadow: inset 0 0 8px rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1); padding: 8px 8px; background: rgba(255,255,255,0.9); min-width: 288px; font-size: 110%; margin: 5px 5px; border-radius: 8px; color: rgba(88,88,88, 0.8); height:50px; overflow-y: auto; width: auto; } div.tagsinput span.tag { float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s; background-color: rgba(122,121,119,0.9); color: rgba(242,241,239,1); font-size: 80%; padding: 6px 6px; margin-left: 5px; } div.tagsinput span.tag a { font-weight: bold; color: #ffffff; text-decoration:none; font-size: 11px; padding: 6px 6px; } div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:0px solid transparent; padding:5px; background: transparent; color: #000; outline:0px; margin-right:5px; margin-bottom:5px; box-shadow: none;} div.tagsinput div { display:block; float: left; } .tags_clear { clear: both; width: 100%; height: 0px; } .not_valid {background: #FBD8DB !important; color: #90111A !important;}