// Progress bar

.progress {
  border-radius: 2px;
  margin-bottom: 10px;
}

.progress-bar {
  background-color: $color-background;
  color: $color-text;
  padding-right: 10px;
  text-align: right;
}

.progress-small.progress-small .progress-bar {
  height: 10px;
}

.progress-small .progress-bar {
  height: 10px;
}

.progress-bar-success {
  border-right: 4px solid darken($color-green, 5%);
}

.progress-bar-info {
  border-right: 4px solid darken($color-blue, 5%);
}

.progress-bar-warning {
  border-right: 4px solid darken($color-yellow, 5%);
}

.progress-bar-danger {
  border-right: 4px solid darken($color-red, 5%);
}

.full .progress-bar-success {
  background-color: $color-green;
  border-right: 4px solid darken($color-green, 5%);
}

.full .progress-bar-info {
  background-color: $color-blue;
  border-right: 4px solid darken($color-blue, 5%);
}

.full .progress-bar-warning {
  background-color: $color-yellow;
  border-right: 4px solid darken($color-yellow, 5%);
}

.full .progress-bar-danger {
  background-color: $color-red;
  border-right: 4px solid darken($color-red, 5%);
}

.full .progress-bar {
  color: $white;
}
