/*******************************
        Label Overrides
*******************************/

/**
 * Label with no background.
 */
.ui.transparent.label {
  color: @mutedTextColor;
  background-color: transparent !important;
}

/**
 * Fix horizontal tag label.
 */
.ui.horizontal.tag.label {
  &[class*="right floated"] {
    margin-left: 1.5em;
  }

  &.tiny {
    &:before {
      width: 1.3em;
      height: 1.3em;
    }
  }
}

/**
 * Primary colored label.
 */
.ui.primary.labels .label,
.ui.primary.label {
  background-color: @primaryLabelColor !important;
  border-color: @primaryLabelColor !important;
  color: @primaryLabelTextColor !important;
}

/**
 * Secondary colored label.
 */
.ui.secondary.labels .label,
.ui.secondary.label {
  background-color: @secondaryLabelColor !important;
  border-color: @secondaryLabelColor !important;
  color: @secondaryLabelTextColor !important;
}