@import "fonts";
@import "colors";
@import "mixins";


.feedback-header {

}

.feedback-panel {
  width: 720px;
  max-width: 90vw;
  padding: 60px;
  margin-top: 3vh;
}

.feedback-button {
  width: 240px;
}

.feedback-image {
  width: 30%;
  margin: 10px 0 30px 0;
}

.feedback-points {
  color: $brown-color;
  position: relative;
  text-align: center;
}

.feedback-points-image {
  @extend .feedback-image;
  width: 150px;
}

.feedback-points-text {
  @extend .weight-bold;

  position: absolute;
  top: 50px;
  width: 100%;
  font-size: 50px;
}

.feedback-table-row {
}


.feedback-table-row:nth-child(odd) {
  @include horizontal_gradient($blue-color);
}

.feedback-progress {
  margin: 5px 0 30px 0;
}

.feedback-progress > .progress {
  height: 20px !important;
}

.feedback-progress-info-left {
  display: inline-block;
  width: 50%;
  text-align: left;
}

.feedback-progress-info-right {
  display: inline-block;
  width: 50%;
  text-align: right;
}