@import "common.css?version=dev-develop";

.mention-asterisk,
.simulator-breadcrumb {
  display: none;
}

.step-page .section-content {
  background-color: transparent;
}
.step-page .section-content,
.step-page .section-annotations {
  border: none;
}

#etablissement-panel-1-blockinfo-6-chapter-1-section-1 {
  background-color: #eee;
  border-radius: 3px;
  border: 1px solide #ccc;
}

/** HACK Largeur des champs with SPEC **/

@media only screen and (min-width: 1032px) {
  .step-page input[type="text"] {
    max-width: 20em;
    width: 20em;
  }

  .field-container .form-group {
    width: 100%;
  }

  .step-page .form-group[data-type="choice"] .input-group > div {
    max-width: 20em;
  }

  .step-page .form-group[data-type="choice"] .listbox {
    width: 20em;
  }
}

@media only screen and (min-width: 1032px) {
  .step-page input[type="text"] {
    max-width: 25em;
    width: 25em;
  }

  .step-page label,
  .step-page .label {
    padding-right: 10px;
    width: 40%;
  }

  .step-page .form-group[data-type="choice"] .input-group > div {
    max-width: 25em;
  }

  .step-page .form-group[data-type="choice"] .listbox {
    width: 25em;
  }
}

@media only screen and (min-width: 1032px) and (max-width: 1280px) {
  .step-page input[type="text"] {
    max-width: 20em;
    width: 20em;
  }
  .step-page label,
  .step-page .label {
    padding-right: 10px;
    width: 40%;
  }

  .step-page .form-group[data-type="choice"] .input-group > div {
    max-width: 20em;
  }

  .step-page .form-group[data-type="choice"] .listbox {
    width: 20em;
  }
}

@media only screen and (min-width: 920px) and (max-width: 1032px) {
  .step-page input[type="text"] {
    max-width: 20em;
    width: 20em;
  }

  .step-page label,
  .step-page .label {
    padding-right: 10px;
    width: 40%;
  }

  .step-page .form-group[data-type="choice"] .input-group > div {
    max-width: 20em;
  }

  .step-page .form-group[data-type="choice"] .listbox {
    width: 20em;
  }
}

@media only screen and (min-width: 764px) and (max-width: 920px) {
  .step-page input[type="text"] {
    max-width: 20em;
    width: 20em;
  }

  .step-page label,
  .step-page .label {
    padding-right: 10px;
    width: 30%;
  }

  .step-page .form-group[data-type="choice"] .input-group > div {
    max-width: 20em;
  }

  .step-page .form-group[data-type="choice"] .listbox {
    width: 20em;
  }
}

@media only screen and (min-width: 610px) and (max-width: 694px) {
  .form-horizontal .control-label {
    text-align: left;
  }

  .step-page input[type="text"] {
    max-width: 15em;
    width: 15em;
  }

  .step-page .form-group[data-type="choice"] .input-group > div {
    max-width: 15em;
  }

  .step-page .form-group[data-type="choice"] .listbox {
    width: 15em;
  }
}

@media only screen and (min-width: 480px) and (max-width: 610px) {
  .form-horizontal .control-label {
    text-align: left;
  }

  .step-page input[type="text"] {
    max-width: 20em;
    width: 20em;
  }

  .step-page .form-group[data-type="choice"] .input-group > div {
    max-width: 20em;
  }

  .step-page .form-group[data-type="choice"] .listbox {
    width: 20em;
  }
}