@charset "UTF-8";
.bootstrap-tagsinput {
  display: block;
  max-width: 100%;
  vertical-align: middle;
  cursor: text;
  transition: border-color .15s;
}

.bootstrap-tagsinput:before, .bootstrap-tagsinput:after {
  content: " ";
  display: table;
}

.bootstrap-tagsinput:after {
  clear: both;
}

.bootstrap-tagsinput input,
.bootstrap-tagsinput-input {
  display: block;
  float: left;
  padding: 0 .375rem !important;
  max-width: 100% !important;
  width: auto;
  outline: none !important;
  border: none !important;
  background-color: transparent !important;
  box-shadow: none !important;
  line-height: 1.5rem;
}

[dir=rtl] .bootstrap-tagsinput input, [dir=rtl]
.bootstrap-tagsinput-input {
  float: right;
}

.bootstrap-tagsinput-input {
  max-width: none !important;
}

.bootstrap-tagsinput.form-control input::-moz-placeholder {
  opacity: 1;
}

.bootstrap-tagsinput .tag {
  position: relative;
  float: left;
  padding: 0 .5rem;
  font-weight: normal;
  line-height: 1.5rem;
  cursor: default;
}

[dir=rtl] .bootstrap-tagsinput .tag {
  float: right;
}

.bootstrap-tagsinput .tag [data-role="remove"] {
  display: inline-block;
  margin-right: -.375rem;
  padding: 0 .375rem;
  font-weight: bold;
  line-height: 1.5rem;
  cursor: pointer;
}

[dir=rtl] .bootstrap-tagsinput .tag [data-role="remove"] {
  margin-right: 0;
  margin-left: -.375rem;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "×";
}

.bootstrap-tagsinput .tag [data-role="remove"]:hover, .bootstrap-tagsinput .tag [data-role="remove"]:focus {
  opacity: .5;
}

.bootstrap-tagsinput.disabled {
  cursor: not-allowed !important;
}

.bootstrap-tagsinput.disabled input {
  visibility: hidden !important;
}

.bootstrap-tagsinput.disabled .tag [data-role="remove"] {
  display: none !important;
}

.light-style .bootstrap-tagsinput {
  padding: 0 0.375rem 0.375rem 0.375rem;
  border: 1px solid rgba(24, 28, 33, 0.1);
  border-radius: 0.25rem;
  background-color: #fff;
  color: #4E5155;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.light-style .bootstrap-tagsinput.disabled {
  border-color: rgba(24, 28, 33, 0.1) !important;
  background-color: #f1f1f2 !important;
}

.light-style .bootstrap-tagsinput input,
.light-style .bootstrap-tagsinput-input {
  margin-top: 0.375rem;
}

.light-style .bootstrap-tagsinput input {
  color: #4E5155;
}

.light-style .bootstrap-tagsinput .tag {
  margin-top: 0.375rem;
  margin-right: 0.375rem;
  font-size: 0.894rem;
}

.light-style .bootstrap-tagsinput .tag:not(.badge) {
  border-radius: 0.125rem;
  background: rgba(24, 28, 33, 0.1);
  color: #4E5155;
}

.light-style[dir=rtl] .bootstrap-tagsinput .tag {
  margin-right: 0;
  margin-left: 0.375rem;
}

.light-style .bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #babbbc !important;
}

.light-style .bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #babbbc !important;
}

.light-style .bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #babbbc !important;
}

.light-style .is-valid.bootstrap-tagsinput,
.light-style .is-valid .bootstrap-tagsinput {
  border-color: #02BC77;
}

.light-style .is-invalid.bootstrap-tagsinput,
.light-style .is-invalid .bootstrap-tagsinput {
  border-color: #d9534f;
}

.material-style .bootstrap-tagsinput {
  padding: 0 0.3125rem 0.3125rem 0.3125rem;
  padding-right: 0;
  padding-left: 0;
  border-bottom: 1px solid rgba(24, 28, 33, 0.1);
  background: transparent;
  color: #4E5155;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.material-style .bootstrap-tagsinput.disabled {
  border-color: rgba(24, 28, 33, 0.1) !important;
  background-color: transparent !important;
}

.material-style .bootstrap-tagsinput input,
.material-style .bootstrap-tagsinput-input {
  margin-top: 0.3125rem;
}

.material-style .bootstrap-tagsinput input {
  color: #4E5155;
}

.material-style .bootstrap-tagsinput .tag {
  margin-top: 0.3125rem;
  margin-right: 0.3125rem;
  font-size: 0.894rem;
}

.material-style .bootstrap-tagsinput .tag:not(.badge) {
  border-radius: 0.125rem;
  background: rgba(24, 28, 33, 0.1);
  color: #4E5155;
}

.material-style[dir=rtl] .bootstrap-tagsinput .tag {
  margin-right: 0;
  margin-left: 0.3125rem;
}

.material-style .bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #babbbc !important;
}

.material-style .bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #babbbc !important;
}

.material-style .bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #babbbc !important;
}

.material-style .is-valid.bootstrap-tagsinput,
.material-style .is-valid .bootstrap-tagsinput {
  border-color: #02BC77;
}

.material-style .is-invalid.bootstrap-tagsinput,
.material-style .is-invalid .bootstrap-tagsinput {
  border-color: #d9534f;
}

.dark-style .bootstrap-tagsinput {
  padding: 0 0.375rem 0.375rem 0.375rem;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 0.25rem;
  background-color: rgba(255, 255, 255, 0.05);
  color: #fff;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.dark-style .bootstrap-tagsinput.disabled {
  border-color: rgba(255, 255, 255, 0.15) !important;
  background-color: rgba(255, 255, 255, 0.015) !important;
}

.dark-style .bootstrap-tagsinput input,
.dark-style .bootstrap-tagsinput-input {
  margin-top: 0.375rem;
}

.dark-style .bootstrap-tagsinput input {
  color: #fff;
}

.dark-style .bootstrap-tagsinput .tag {
  margin-top: 0.375rem;
  margin-right: 0.375rem;
  font-size: 0.894rem;
}

.dark-style .bootstrap-tagsinput .tag:not(.badge) {
  border-radius: 0.125rem;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.dark-style[dir=rtl] .bootstrap-tagsinput .tag {
  margin-right: 0;
  margin-left: 0.375rem;
}

.dark-style .bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #7c7e82 !important;
}

.dark-style .bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #7c7e82 !important;
}

.dark-style .bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #7c7e82 !important;
}

.dark-style .is-valid.bootstrap-tagsinput,
.dark-style .is-valid .bootstrap-tagsinput {
  border-color: #02BC77;
}

.dark-style .is-invalid.bootstrap-tagsinput,
.dark-style .is-invalid .bootstrap-tagsinput {
  border-color: #d9534f;
}

