@import "../../styles/index.scss";

.progressbar_layout {
  min-width: 232px;
}

.progress_container {
  .progressbar_label_container {
    font-size: 12px;
    font-weight: $normalFontWeight;
    margin-bottom: 4px;
  }

  .progressbar_status {
    .MuiLinearProgress-root {
      height: 8px;
      background-color: $progressBarBg;
      border-radius: 10px;
    }

    .MuiLinearProgress-bar {
      background-color: $primaryColor;
      border-radius: 8px;
    }
  }
}

.progress_container_remaining {
  .progressbar_label_container {
    color: $inputInfoColor;
  }
}

.progress_container_completed {
  .progressbar_label_container {
    color: $greenBadgeDark;
    font-size: $smallFontSize;
  }
  .MuiLinearProgress-bar {
    background-color: $greenBadge !important;
  }
}

.progress_container_failed {
  .progressbar_label_container {
    color: $destructiveHoverBg;
    font-size: $smallFontSize;
  }
  .MuiLinearProgress-bar {
    background-color: $redBadge !important;
  }
}

.progress_bar_remaining .MuiLinearProgress-bar {
  background-color: $primaryColor;
}
.progress_bar_completed .MuiLinearProgress-bar {
  background-color: $greenBadge;
}
.progress_bar_failed .MuiLinearProgress-bar {
  background-color: $redBadge;
}
