/* Font awesome icons */
/* **************** */
/*      Badges      */
/* **************** */
.badge {
  font-family: Arial, sans-serif;
  font-weight: normal;
  background-color: #777;
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  min-width: 10px;
  padding: 3px 7px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}
.badge.badge-xs {
  font-size: 10px;
}
.badge.badge-s {
  font-size: 12px;
}
.badge.badge-m {
  font-size: 14px;
}
.badge.badge-l {
  font-size: 16px;
}
.badge.badge-xl {
  font-size: 18px;
}

.badge-primary {
  background-color: #217ab3 !important;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
  background-color: #2f89c2 !important;
}

.badge-success {
  background-color: #5ab25a !important;
}

.badge-success[href]:hover, .badge-success[href]:focus {
  background-color: #4ca34c !important;
}

.badge-warning {
  background-color: #f7a143 !important;
}

.badge-warning[href]:hover, .badge-warning[href]:focus {
  background-color: #eb9b43 !important;
}

.badge-info {
  background-color: #4b86d1 !important;
}

.badge-info[href]:hover, .badge-info[href]:focus {
  background-color: #3a76c2 !important;
}

.badge-danger {
  background-color: #e84253 !important;
}

.badge-danger[href]:hover, .badge-danger[href]:focus {
  background-color: #e43a4c !important;
}

.badge-default {
  background-color: #b3babf !important;
}

.badge-default[href]:hover, .badge-default[href]:focus {
  background-color: #cbcfd2 !important;
}

.badge-inset {
  background: #bac2c7 !important;
  -webkit-box-shadow: 2px 2px 5px #9ea9b0 inset;
  box-shadow: 2px 2px 5px #9ea9b0 inset;
  margin: 2px;
}