.bootstrap-maxlength {
  vertical-align: baseline;
  text-align: center;
  line-height: 1;
}

.light-style .bootstrap-maxlength {
  padding: 0.25em 0.417em;
  background: rgba(24, 28, 33, 0.1);
  font-weight: 500;
  font-size: 0.858em;
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.light-style .bootstrap-maxlength.label-danger {
  background: #d9534f;
  color: #fff;
}

.material-style .bootstrap-maxlength {
  padding: 0.25em 0.417em;
  background: rgba(24, 28, 33, 0.1);
  font-weight: 500;
  font-size: 0.858em;
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.material-style .bootstrap-maxlength.label-danger {
  background: #d9534f;
  color: #fff;
}

.dark-style .bootstrap-maxlength {
  padding: 0.25em 0.417em;
  background: rgba(255, 255, 255, 0.1);
  font-weight: 500;
  font-size: 0.858em;
  border-bottom-right-radius: 0.125rem;
  border-bottom-left-radius: 0.125rem;
}

.dark-style .bootstrap-maxlength.label-danger {
  background: #d9534f;
  color: #fff;
}

