Fixes #9782: Add CSS styles qfq-badge, qfq-badge-error, qfq-badge-warning,...

Fixes #9782: Add CSS styles qfq-badge, qfq-badge-error, qfq-badge-warning, qfq-badge-success, qfq-badge-info, qfq-badge-invers

less/qfq-bs.css.less

@@ -1210,4 +1210,61 @@ thead.qfq-sticky td {
   z-index: 920;
 }
 
+// No colorized badges in BS3: make our own
+.qfq-badge {
+  padding: 1px 9px 2px;
+  font-size: 12.025px;
+  font-weight: bold;
+  white-space: nowrap;
+  color: #ffffff;
+  background-color: #999999;
+  -webkit-border-radius: 9px;
+  -moz-border-radius: 9px;
+  border-radius: 9px;
+}
+
+.qfq-badge:hover {
+  color: #ffffff;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.qfq-badge-error {
+  background-color: #b94a48;
+}
+
+.qfq-badge-error:hover {
+  background-color: #953b39;
+}
+
+.qfq-badge-warning {
+  background-color: #f89406;
+}
+
+.qfq-badge-warning:hover {
+  background-color: #c67605;
+}
+
+.qfq-badge-success {
+  background-color: #468847;
+}
+
+.qfq-badge-success:hover {
+  background-color: #356635;
+}
+
+.qfq-badge-info {
+  background-color: #3a87ad;
+}
+
+.qfq-badge-info:hover {
+  background-color: #2d6987;
+}
+
+.qfq-badge-inverse {
+  background-color: #333333;
+}
 
+.qfq-badge-inverse:hover {
+  background-color: #1a1a1a;
+}
\ No newline at end of file