@import (optional) url('../variables/progress-bar.variant.less');

.app-progress-bar {
    height: var(--wm-progress-bar-height);
    margin: var(--wm-progress-bar-margin);
}

.app-progress-bar-text {
}

.app-progress-bar-bg {
    background-color: var(--wm-progress-bar-background-inactive);
    border-top-left-radius: var(--wm-progress-bar-radius);
    border-bottom-left-radius: var(--wm-progress-bar-radius);
    border-top-right-radius: var(--wm-progress-bar-radius);
    border-bottom-right-radius: var(--wm-progress-bar-radius);
}

.app-progress-bar-value {
    color: var(--wm-progress-bar-background-active);
    background-color: var(--wm-progress-bar-background-active);
}

.app-progress-bar-tooltip {
    background-color: var(--wm-progress-bar-tooltip-background);
    padding-left: var(--wm-progress-bar-tooltip-padding-horizontal);
    padding-right: var(--wm-progress-bar-tooltip-padding-horizontal);
    padding-top: var(--wm-progress-bar-tooltip-padding-vertical);
    padding-bottom: var(--wm-progress-bar-tooltip-padding-vertical);
    border-radius: var(--wm-progress-bar-tooltip-border-radius);
}

.app-progress-bar-tooltip-label {
    color: var(--wm-progress-bar-tooltip-label-color);
    font-size: var(--wm-progress-bar-tooltip-label-size);
}

.app-progress-bar-tooltip-triangle {
    border-bottom-color: var(--wm-progress-bar-tooltip-triangle-border-bottom-color);
}

.progress-bar-success .app-progress-bar-bg {
  background-color: var(--wm-progress-bar-background-inactive);
}

.progress-bar-success .app-progress-bar-value {
  color: var(--wm-progress-bar-background-active);
  background-color: var(--wm-progress-bar-background-active);
}

.progress-bar-info .app-progress-bar-bg {
  background-color: var(--wm-progress-bar-background-inactive);
}

.progress-bar-info .app-progress-bar-value {
  color: var(--wm-progress-bar-background-active);
  background-color: var(--wm-progress-bar-background-active);
}

.progress-bar-warning .app-progress-bar-bg {
  background-color: var(--wm-progress-bar-background-inactive);
}

.progress-bar-warning .app-progress-bar-value {
  color: var(--wm-progress-bar-background-active);
  background-color: var(--wm-progress-bar-background-active);
}

.progress-bar-danger .app-progress-bar-bg {
  background-color: var(--wm-progress-bar-background-inactive);
}

.progress-bar-danger .app-progress-bar-value {
  color: var(--wm-progress-bar-background-active);
  background-color: var(--wm-progress-bar-background-active);
}
