.wrapper {
  position: initial;
}

#action {
  float: left;
  margin-right: 10px;
}

#action img {
  width: 25px;
}

td.actions {
  min-width: 80px;
}

.theme_list #header {
  background-color: #3b5998;
}

.theme_list #header th {
  color: white;
  padding: 3px 10px;
}

.div_theme {
  background-color: #3b5998;
  color: #ffffff;
  padding: 2px 0 2px 50px;
  margin: 10px 0;
}

.div_question {
  background-color: #f9f9f9;
  clear: both;
}

.content_question {
  margin-bottom: 10px;
}

.image_question {
  text-align: center;
}

.image_question img,
.image_question video {
  max-width: 100px;
  margin: 10px 0;
  cursor: pointer;
}

#addFile .modal-dialog {
  width: 50%;
}

#addFile .modal-body img,
#addFile .modal-body video {
  max-width: 100%;
}

#addFile .modal-body {
  text-align: center;
}

#addFile #media {
  margin: 15px 5px;
}

#div_proposition {
  padding-left: 85px;
}

#div_proposition > div {
  display: flex;
  justify-content: space-between;
  margin: 5px 0;
}

.status {
  background-color: #fac10f;
  border: 1px solid;
  color: #ffffff;
  padding: 3px 10px;
  position: absolute;
  right: 10%;
  font-weight: bold;
}

.status img {
  height: 15px;
  margin: 0 3px;
  vertical-align: top;
}

.suivi-list-showall {
  height: auto;
  overflow: auto;
}

.suivi-list {
  height: 16px;
  overflow: hidden;
}

.bloc_info_mailing {
  margin-bottom: 20px;
  background-color: #e8e7e7;
  padding: 10px;
}

.bloc_info_mailing span {
  display: inline-block;
  min-width: 120px;
}

#programmer_envoi_mail {
  color: mediumblue;
  cursor: pointer;
}

#mailing {
  display: none;
  background-color: #efefef;
  padding: 10px;
  min-width: 700px;
}

#mailing button {
  padding: 1px 4px;
  color: black;
  margin-left: 30px;
}

#mailing table {
  border-collapse: collapse;
}

#mailing td {
  padding: 2px 0;
}

td#texte {
  width: 200px;
}

td.input {
  width: 150px;
}

#message {
  padding-top: 3px;
  margin: 0px;
}

#commentaire {
  padding: 10px;
}

#modifier_commentaire {
  width: 16px;
  margin-bottom: 3px;
}

h3.comments {
  font-size: 15px;
  font-weight: bold;
}

#img_commentaire {
  width: 12px;
  float: left;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 5px;
}

#form_search {
  margin-bottom: 10px;
  max-width: 1000px;
  min-width: 1000px;
  border: 1px solid transparent;
  border-color: #adadad;
  background-color: #ebebeb;
  padding: 10px;
}

#session_libelle {
  width: 303px;
}

.records_list .actions img {
  width: 12px;
  margin: 0px;
  float: left;
  cursor: pointer;
}

#questionnaire_libelle_question {
  width: 70%;
}

#questionnaire_note_question {
  width: 8%;
}

p#libelle {
  margin: 0 0 0 5px;
  float: left;
  width: 300px;
}

.note_quest_global {
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #d0e4f4;
  height: 20px;
  float: right;
}

.note_quest_good {
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #2d6da2;
  height: 20px;
  float: right;
}

.note_quest_bad {
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #f25746;
  height: 20px;
  float: right;
}

.note_quest_0 {
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #d0e4f4;
  height: 20px;
  float: left;
  width: 300px;
}

.rep_1 {
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #2d6da2;
  height: 20px;
  float: left;
}

.rep_2 {
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #d0e4f4;
  height: 20px;
  float: right;
}

.rep_0 {
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #d0e4f4;
  height: 20px;
  float: right;
  width: 200px;
}

.data_theme {
  height: 200px !important;
  width: 500px !important;
}

#actions {
  float: left;
  width: 16px;
  margin-right: 5px;
}

.stats_wait {
  display: none;
}

.loading .stats_wait {
  display: block;
}

/* QUESTIONNAIRE CONNAISSANCES */
.pourcentage_quest_good {
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #3b5998;
  height: 20px;
  float: left;
  width: 80px;
}

.pourcentage_quest_good p {
  color: #ffffff;
  text-align: center;
}

.pourcentage_quest_bad {
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #d0e4f4;
  height: 20px;
  float: left;
}

.seuil_ok {
  background-color: #7abd1b !important;
}

.seuil_ko {
  background-color: #fd4707 !important;
}

.seuil_null {
  background-color: #898989 !important;
}

.bootstrap-filestyle input.input-sm {
  min-width: 266px !important;
  max-width: 266px !important;
}

#export_area .col-lg-3 .thumbnail {
  max-height: 200px;
}

#ajax-loader {
  text-align: center;
  margin-bottom: 15px;
  display: none;
}

#comparaison_chart_wrap {
  border: 1px solid #3b5998;
  position: relative;
  padding-bottom: 400px;
  height: 0;
  overflow: hidden;
  border-radius: 4px;
}

#comparaison_chart_div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
}

#download_excel {
  margin-top: 10px;
}

.bloc_question {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  -moz-box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.2),
    0 0px 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0px 1px 0 rgba(0, 0, 0, 0.2), 0 0px 3px 0 rgba(0, 0, 0, 0.3);
  padding: 5px;
  margin: 5px;
}

.grab_question {
  width: 1%;
  float: left;
}

.question_ordre_placeholder {
  border-style: dashed;
  border-width: 1px;
  border-color: #828080;
  background-color: #e8e7e7;
  width: 100%;
  min-height: 60px;
}
.right-btn-area {
  margin-top: 20px;
}
.test_questionnaire_button,
.publier_questionnaire_button {
  margin-top: .75rem;
  margin-bottom: .75rem;
}
.right-btn-area .btn-overlay {
  position: absolute;
  padding: 0 2em;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background-color: #ffffffcc;
  border: 1px solid #eee;
  transition: border-color .4s;
}
.right-btn-area .btn-overlay.error{
  flex-direction: row;
  color: #d01b1b;
  font-size: 16px;
  border-color: #d01b1b;
  overflow: hidden;
  resize: vertical;
  min-height: 50px;
}
.right-btn-area .btn-overlay.error::before {
  font-family: "Material Icons Outlined";
  content: "\e000";
  font-size: 17px;
  margin-right: 0.25em;
}
.right-btn-area .btn-overlay .waiting-message {
  font-size: large;
}

.right-btn-area .btn-overlay progress.progress-bar {
  margin-top: .5em;
  width: 100%;
  height: 10px;
}
.right-btn-area .btn-overlay progress.progress-bar[value] {
  -webkit-appearance: none;
  appearance: none;
}
.right-btn-area .btn-overlay progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}
.right-btn-area .btn-overlay progress[value]::-webkit-progress-value {
  background-color: var(--color1, #00a57c);
  transition: width .5s;
}

.theme_delete {
  float: right;
  margin-right: 2px;
}

.connectedSortable {
  min-height: 20px;
}

.deploy_img {
  float: left;
}

div.ispptx.theme_delete,
div.ispptx.add_question,
div.ispptx button.add_media,
div.ispptx div.add_proposition,
div.ispptx a.delete-question,
div.ispptx a.delete-proposition,
div.ispptx a.delete-theme,
div.ispptx select::-ms-expand,
div.ispptx button#add_theme,
div.ispptx input#submit_import {
  display: none;
}

div.ispptx input,
div.ispptx textarea:not(.ponderation):not(.libelle_court),
div.ispptx select {
  pointer-events: none;
  resize: none;
  border: none;
  background-color: #f9f9f9;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

div.ispptx select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

div.ispptx div.modal input,
div.ispptx div.modal textarea,
div.ispptx div.modal select {
  pointer-events: auto;
  resize: default;
}

#btn_options {
  padding: 0px 5px 0px 0px;
}

#btn_options_dropdown {
  width: 100%;
}

.nav.nav-tabs > li.disabled {
  pointer-events: none;
}

.nav.nav-tabs > li.disabled > a {
  color: silver;
}

.numeric-answer {
  font-size: 12px;
  font-style: italic;
}

.proposal {
  font-size: 13px;
  font-weight: normal;
}

.proposals {
  margin-top: 10px;
}

.question-label {
  font-size: 14px;
}

tbody tr:nth-child(n+1) {
  font-size: 13px;
}

.theme-label {
  font-size: 16px;
}

.theme-label,
.question-label[data-proposals="1"] {
  cursor: pointer;
}

.question-label[data-proposals="0"] {
  cursor: not-allowed;
}

.va-t {
  vertical-align: top;
}