/*! This is an automatically generated file - do not modify! */
.h5p-content ul.h5p-actions {
  box-sizing: content-box;
  height: auto;
  display: flow-root;
}
.h5p-content ul.h5p-actions > .h5p-button.h5p-challenge button:before {
  content: "\e904";
}
.h5p-content ul.h5p-actions > .h5p-button.h5p-challenge-no-inner-button:before {
  content: "\e904";
}

.challenge-container {
  margin: 10px;
  border: 2px solid #89b4e4;
}
.challenge-container button.h5p-joubelui-button {
  margin-top: 5px;
}
.challenge-container button.h5p-joubelui-button:disabled {
  opacity: 0.5;
}
.challenge-container > .challenge-header {
  background: #89b4e4;
}
.challenge-container > .challenge-header > label {
  color: #ffffff;
  padding-left: 0.5em;
}
.challenge-container > .challenge-actions {
  padding-top: 0.5em;
  text-align: center;
}
.challenge-container > .challenge-body {
  padding: 0.5em;
}
.challenge-container > .challenge-body label {
  display: inline-block;
  font-weight: bold;
}
.challenge-container > .challenge-body input,
.challenge-container > .challenge-body select {
  margin: 2px 0;
  display: inline-block;
  box-sizing: content-box;
  border: 1px solid #999;
  border-radius: 0.4em;
  padding: 0.6em;
  background: transparent;
}
.challenge-container > .challenge-body input:focus,
.challenge-container > .challenge-body select:focus {
  border-color: #89b4e4;
}
.challenge-container > .challenge-body > .start-new-challenge,
.challenge-container > .challenge-body > .join-existing-challenge {
  /*display: table;*/
}
.challenge-container > .challenge-body > .start-new-challenge > div.row,
.challenge-container > .challenge-body > .join-existing-challenge > div.row {
  display: table-row;
}
.challenge-container > .challenge-body > .start-new-challenge > div.row > label,
.challenge-container > .challenge-body > .start-new-challenge > div.row > input,
.challenge-container > .challenge-body > .start-new-challenge > div.row > select,
.challenge-container > .challenge-body > .join-existing-challenge > div.row > label,
.challenge-container > .challenge-body > .join-existing-challenge > div.row > input,
.challenge-container > .challenge-body > .join-existing-challenge > div.row > select {
  display: table-cell;
}
.challenge-container > .challenge-body > .start-new-challenge > div.row > input,
.challenge-container > .challenge-body > .start-new-challenge > div.row > select,
.challenge-container > .challenge-body > .join-existing-challenge > div.row > input,
.challenge-container > .challenge-body > .join-existing-challenge > div.row > select {
  margin-left: 0.5em;
  min-width: 200px;
}
.challenge-container > .challenge-body > .start-new-challenge > div.row > input.missing-required-value,
.challenge-container > .challenge-body > .start-new-challenge > div.row > select.missing-required-value,
.challenge-container > .challenge-body > .join-existing-challenge > div.row > input.missing-required-value,
.challenge-container > .challenge-body > .join-existing-challenge > div.row > select.missing-required-value {
  background-color: #f7d0d0;
  border: 1px solid #f7d0d0;
  color: #b71c1c;
}
.challenge-container > .challenge-body > .start-new-challenge > .challenge-code {
  display: block;
  font-size: 250%;
  font-weight: bold;
  margin-top: 25px;
}
.challenge-container > .challenge-body > .start-new-challenge > .challenge-results-url {
  display: block;
  margin-top: 25px;
}
.challenge-container > .challenge-body > .start-new-challenge .check-hint-text {
  text-align: center;
  margin-bottom: 1em;
}
.challenge-container > .challenge-body > .start-new-challenge .check-hint-text-bold {
  font-weight: bold;
}
.challenge-container > .challenge-body > .explanation {
  margin-bottom: 1em;
  font-weight: bold;
  color: #999;
}