.bootstrap-tagsinput {background-color: #fff;border: 1px solid #e2e2e2;box-shadow: none;padding: 4px 6px;color: #555;vertical-align: middle;max-width: 100%;line-height: 22px; min-height:20px}
.bootstrap-tagsinput input {border: none;box-shadow: none;outline: none;background-color: transparent;padding: 0;margin: 0;width: auto !important;max-width: inherit;}
.bootstrap-tagsinput input:focus {border: none;box-shadow: none;}
.bootstrap-tagsinput .tag {margin-right:8px !important;color: white;}
.bootstrap-tagsinput .tag [data-role="remove"] {margin-left: 8px;cursor: pointer;}
.bootstrap-tagsinput .tag [data-role="remove"]:after {content: "x";padding: 0px 2px;}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}


.bootstrap-tagsinput .label {
display: inline-block;
padding: 4px 6px;
margin:4px 0 ;
font-size: 18px;
line-height: 18px;
color: #FFF;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.25em;
}
.label-default {
  background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #19A0E0;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}