@import "colors";
@import "constants";

.label {
  display: inline-block;
  padding: 4px $default-spacer;
  background: $grey;
  border: 1px solid transparent;
  color: #FFFFFF;
  border-radius: 4px;
  font-size: 12px;
  line-height: 18px;

  &.instruction {
    background-color: #FFFFFF;
    color: $blue;
    border: 1px solid $blue;
  }

  &.en-instruction {
    @extend .instruction;
  }

  &.construction {
    background-color: #FFFFFF;
    color: $black;
    border: 1px solid $black;
  }

  &.en-construction {
    @extend .construction;
  }

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

  &.accepte {
    @extend .accepted;
  }

  &.refused {
    background-color: $dark-red;
  }

  &.refuse {
    @extend .refused;
  }

  &.without-continuation {
    background-color: $black;
  }

  &.sans-suite {
    @extend .without-continuation;
  }
}