// Styles for Labels - Managed in /theme/sass/snippets/_labels.scss

.label {

background-color: $light-grey;
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;

&.primary {
  background-color: $orange;
}

&.success {
  background-color: $green;
}

&.warning {
  background-color: $yellow;
}

&.info {
  background-color: $blue;
}

&.danger {
  background-color: $red;
}

}

.label-info {

background-color: $blue;

}

.label:hover, .label:focus {

background-color: $light-grey;

}

.primary:hover, .primary:focus {

background-color: $orange;

}

.success:hover, .success:focus {

background-color: $green;

}

.warning:hover, .warning:focus {

background-color: #e8c941;

}

.danger:hover, .danger:focus {

background-color: #c9302c;

}

a.label:hover, a.label:focus {

color: #fff;
text-decoration: none;
cursor: pointer;

}

.label:empty {

display: none;

}

.btn .label {

position: relative;
top: -1px;

}

.badge {

display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
background-color: #777;
border-radius: 10px;

}

.badge:empty {

display: none;

}

.btn .badge {

position: relative;
top: -1px;

}

.btn-xs .badge, .btn-group-xs > .btn .badge {

top: 0;
padding: 1px 5px;

}

a.badge:hover, a.badge:focus {

color: #fff;
text-decoration: none;
cursor: pointer;

}