.badge {
  border-radius: .42rem;
  background: #eaeaea;
  color: #444;
  font-size: 0.8rem;
  min-height: 20px;
  min-width: 20px;
  vertical-align: middle;
  text-align: center;
	display: inline-flex;
  max-height: 24px;
  font-size: .79rem;
  padding: .9rem .75rem;
  width: auto;
	max-width: 100%;
	line-height: 1px;
	align-items: center;
}

.badge-single {
	display: inline-block!important;
}

.badge-wide {
	width: 100%!important;
}

.badge-smaller {
	min-height: 15px;
	font-size: .75rem;
	padding: 0.65rem 0.5rem;
}

.badge-centered {
	justify-content: center;
}

.badge-bordered {
	border: 1px solid #dbdbdb;
}

.badge:not(.badge-no-truncate) {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.badge-no-truncate {
	flex: 0 0 auto;
}

.badge.badge-primary {
	color: #3699ff;
	background-color: #e1f0ff
}

.badge.badge-secondary {
	color: #e4e6ef;
	background-color: #ebedf3
}

.badge.badge-success {
	color: #1bc5bd;
	background-color: #c9f7f5
}

.badge.badge-info {
	color: #8950fc;
	background-color: #eee5ff
}

.badge.badge-warning {
	color: #ffa800;
	background-color: #fff4de
}

.badge.badge-danger {
	color: #f64e60;
	background-color: #ffe2e5
}

.badge.badge-metal {
	color: #7e8299;
	background-color: #f3f6f9
}

.badge.badge-light {
	color: #f3f6f9;
	background-color: #f3f6f9
}

.badge.badge-dark {
	color: #181c32;
	background-color: #d1d3e0
}

.badge.badge-white {
	color: #fff;
	background-color: #fff
}