Cultivation/src/ui/components/common/ProgressBar.css

.ProgressBar, .InnerProgress {
  border-radius: 4px;
}

.ProgressBarWrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.ProgressBar {
  height: 20px;
  width: 80%;
  background-color: rgba(204, 204, 204, 0.5);
  color: #c5c5c5;

  border: 1px solid #ccc;
}

.InnerProgress {
  height: 100%;
  background-color: #fff;
}

.ProgressText {
  color: #c5c5c5;
  padding: 0px 10px;
}

.MainProgressBarWrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;

  color: #fff;
}

.MainProgressBarWrapper .ProgressText {
  font-size: 20px;
  font-weight: bold;
  color: #fff !important;
}

.ProgressBarWrapper div {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.DownloadControls {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;

  margin-left: 10px;
}

.DownloadControls div {
  height: 20px;
}

.DownloadControls div img {
  height: 100%;
}