.poll-container {
  background-color: #F5F5F5;
}

.poll-container form {
  padding-top: 0;
}

.question {
  display: flex;
  flex-direction: row;
  justify-content: first baseline;
  align-items: center;
  min-height: 40px;
  padding: 0.7em;
  border-bottom: 1px solid lightgrey;
}

.choices {
  border-bottom: 1px solid lightgrey;
  padding: 0.5em;
  background-color: white;
}

.choices div label {
  margin-left: 5px;
}

.poll-container .choices.forms {
  border: unset;
  margin-bottom: unset;
}

.vote-button {
  display: block;
  width: 30%;
  height: 42px;
  background-color: #3e86c9;
  border: none;
  color: #ffffff;
  font-family: ralewaymedium, sans;
  font-size: 1.4rem;
  text-transform: uppercase;
  text-decoration: none;
}

.poll-footer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-family: Arial, Helvetica, sans-serif;
  height: 80px;
  padding: 0px 0.5em;
  background-color: #F5F5F5;
  margin-bottom: 20px;
}

.results {
  border-bottom: 1px solid lightgrey;
  padding: 20px;
  background-color: white;
}

.poll-label {
  margin-bottom: 0px;
}

.poll-answer-container {
  height: 1em;
  width: 100%;
  background-color: #e3e3db;
  border-radius: 4px;

  position: relative;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 0.5em;
}

.poll-answer-container .answer-percent {
  position: absolute;
  top: 0;
  left: 0;

  background-color: #9FD547;
  height: 100%;

  border-radius: 4px;
}

.have-voted {
  color: #000;
}