whmcsCrosterTemplates/assets/less/label-badge.less

.list-group-item .badge {
	color: @white;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	label:empty {
		display: inline-block;
	}
	badge:empty {
		display: inline-block;
	}
}


.badge {
	text-shadow:none;
	font-size:@baseFontSize - 2;
	padding: 3px 6px 3px 6px;
	font-weight:normal;
	background-color:@badge-default !important;
	-webkit-border-radius: 12px !important;
	-moz-border-radius: 12px !important;
	border-radius: 12px !important;
	text-shadow:none !important;
	outline: 0!important;
	box-shadow: none!important;
 
 &.no-radius { border-radius:0 !important; }
}
.badge-transparent {
	background-color:transparent !important;
}




.badge-color(@color) {
  @badge-class:~`"badge-@{color}"`;
  @badge-color:@@badge-class;

 .@{badge-class} {
	background-color:@badge-color !important;
 }  
}


.badge-color(~"primary");
.badge-color(~"secondary");
.badge-color(~"success");
.badge-color(~"warning");
.badge-color(~"danger");
.badge-color(~"info");
.badge-color(~"inverse");
.badge-color(~"light");


.badge-light {
	color:@gray-light !important;
}


.badge-primary {
	&.badge-success {
		background-color: @green!important;
	}
}

@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}