@media (min-width: 1400px) {
  main,
  header,
  #main-navbar {
    padding-left: 240px;
  }
}

body {
  margin: 0;
  font-family: 'Nunito', sans-serif;
  background-color: #efe8e6;
}

/* LOGO */
img#prefera-logo {
    max-width: 180px;
}
span.menu_name {
  margin-right: 10px;
}

.cropimg {
  width: 38px;
  height: 38px;
  /* float: left; */
  /* vertical-align: middle; */
  /*border: 2px white solid;*/
/* display: table-cell; */
}

span.help-block.form-error {
  color: red;
}

.form-outline .form-control {
  min-height: auto;
  padding: .32rem .75rem;
  border: 1px solid;
  background: transparent;
  transition: all .2s linear;
}


/* TEST */
.qbullet {
  display: inline-block;
  background: white;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  line-height: 20px;
  text-align: center;
  font-size: smaller;
}
.qbullet.current {
  background: #ef9a00;
}
.question {
  text-align: center;
  font-size: x-large;
  background: ghostwhite;
  border-radius: 10px;
  margin: 10px;
  line-height: 30px;
  padding: 10px;
}

.resultat_verbal {
  width: 30px;
  position: absolute;
  color: white;
  text-align: center;
  top: 28px;
  height: 30px;
  z-index: 10000;
}

.legende {
  text-align: left;
  font-size: small;
  font-variant: none;
  line-height: 12px;
  margin-bottom: 14px!important;
}
.fond_verbale {
  height: 30px;
  width: 30px;
  background-color: #b551f0;
  position: absolute;
  top: -4px;
  border-radius: 50% 50% 50% 0;
  transform: rotate(135deg);
  z-index: -1;
}
.form-group.propositions {
  text-align: center;
  line-height: 40px;
}
.prop input[type="radio"] {
  height: 30px;
  width: 30px;
  display: block;
  background: none!important;
}
/*
.radio-inline, .checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
*/
.radio-inline, .checkbox-inline {
  display: inline-block;
  padding-left: 7px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
  padding-right: 7px;
}
.qbullet.anserwed {
  background: green;
  color: white;
}
.qbullet.anserwed a {
  color: white;
}
.qboutons {
  text-align: center;
}


@media (max-width: 900px) {
        .masquable {
          display: none;
        }
      }



.position-revert {
  position: revert!important;
}

.votebox {
  height: 75px;
  text-align: center;
  border-radius: 10px;
  padding: 10px;
  color: white!important;
}

.vote_group {
  text-align: center;
  font-size: 1.3em;
}
.vote_ligne {
  display: flex;
}

.minmax {
  margin-left: 5px;
  margin-right: 5px;
  font-size: 0.7em;
}

.range {
  width: 100%;
}

.form-label {
  margin-bottom: 0px!important;
  font-size: 0.7em!important;
}

.competence {
  background-color: #7189EC;
}


.green {
  background-color: #498d91!important;
}
.violet {
  background-color: #B551F0!important;
}

.range {
  --mdb-range-thumb-height: 30px;
  --mdb-range-thumb-width: 30px;
  --mdb-range-thumb-top: -35px;
  --mdb-range-thumb-margin-left: -15px;
  --mdb-range-thumb-border-radius: 50% 50% 50% 0;
  --mdb-range-thumb-transform: scale(1);
  --mdb-range-thumb-transition: transform 0.2s ease-in-out;
  --mdb-range-thumb-value-font-size: 12px;
  --mdb-range-thumb-value-line-height: 30px;
  --mdb-range-thumb-value-color: #fff;
  --mdb-range-thumb-value-font-weight: 500;
  --mdb-range-thumb-background: #B551F0;
  position: relative;
}
.influe {
  background-color: #17AB0D;
}
.sympa {
  background-color: #DC8D33;
}
.resultats .titre {
  display: block;
  height: 30px;
}
.resultats {
  text-align: left;
  background-color: #EFE8E6;
  border-radius: 10px;
  margin: 5px 0 5px 0;
  height: 110px;
}
.float_rigth {
  float: right;
}
.float_left {
  float: left;
}
.barre {
  border-radius: 50px;
  background-color: lightgray;
  position: relative;
  width: 100%;
}
.echelle {
  margin: 0 15px 0 15px;
}
.slider {
  background-color: #374288;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 50px;
}

.valeur {
  margin-left: 30px;
  font-size: 1em;
  font-weight: bold;
}
.result_flex {
  display: flex;
  /* flex-wrap: nowrap; */
}
.pourc-50 {
  width: 50%;
  margin: 10px;
}

.bottom_right {
  position: absolute;
  right: 30px;
  bottom: 30px;
}
/*
.slider.comp {
  background-color: #7189EC;
}.slider.sympa {
  background-color: #DC8D33;
}.slider.influe {
  background-color: #17AB0D;
}
*/