.mat-content.active .file{
  /*left: -33%;*/
  opacity: 0 !important;
  top: 22% !important;
  color: rgb(0, 0, 0);
}
.danger-color{
  color: #8a1f11;
}
#nom-societe-error{
  bottom: -51px;
}
#prenom-error{
  bottom: -51px;
}
#nom-error{
  bottom: -51px;
}
#numbExp-error{
  bottom: -61px !important;
}
.cross-load{
  width: 36px;
}
.text-block-load{
  color: #999999;
}
.devise{
  position: absolute;
  right: 10px;
  top: 31%;
  color: #999999;
}
.big-title-success{
  font-size: 34px;
  margin-bottom: 15px;
}
.litle-title-success{
  font-size: 20px;
}
li.disabled.last{
  display: none;
}
li.last.current{
  display: none;
}
a[href='#previous']{
  color: #000 !important;
  background: #fff !important;
  border-color: #000 !important;
}
.input-form.NotOverflow{
  overflow: hidden;
}
.wizard > .steps div:first-child{
  left: 20% !important;
}
.error div {
  background: red !important;
}
.disabled div {
  background: #dddddd !important;
}
.wizard > .steps div{
  position: absolute;
  top: 48%;
  right: 100%;
  width: 126%;
  height: 2px;
  background: #000;
}
/*.wizard > .steps .current div{
    background: #000;
}*/
#mat-content-numbExp{
  border-color: #000;
}
#numbExp{
  color: #000;
}
#label-mat-numbExp{
  top: -22%;
  background: #fff;
  color: #000;
}
.file-input-wrapper {
  height: 30px;
  margin: 2px;
  overflow: hidden;
  position: relative;
  width: 118px;
  background-color: #fff;
  cursor: pointer;
}

input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  cursor: pointer;
}

.file-input {
  display: inline-block;
  cursor: pointer;
}


#img_text {
  float: right;
}
/*.modal-success{
    display: none;
}*/
/*on personnalise le label comme on veut*/
.input-mat.file{
  color: transparent;
}

/* et on masque le input*/

.mat-content.active {
  border-color: #ff7900;
}
.modal-dialog {
  max-width: 824px !important;
}
.group-choice{
  width: 100%;
  justify-content: space-between;
  display: flex;
  margin-bottom: 50px;
}
.Big-title{
  font-size: 34px;
  color: #000;
  font-weight: bold;
  line-height: 1.03;
}
.choice{
  background-color: #eeeeee;
  text-align: center;
  padding-top: 48px;
  padding-bottom: 48px;
  width: 48%;
  cursor: pointer;
  font-size: 24px;
}
.choice:hover, .choice.active{
  background: #ff7900;
  color: #fff;
}

.litle-title{
  font-size: 20px;
  display: block;
  margin-bottom: 20px;
}
.title-mention{
  display: block;
  font-size: 14px;
  color: #999999;
  margin-bottom: 10px;
}
.ul-mention{
  list-style-type: disc;
}
.li-mention{
  font-size: 14px;
  color: #999999;
  margin-bottom: 10px;
}
.custom-select {
  font-size: 16px;
  display: inline-block;
  width: 100%;
  height: calc(2.25rem + 4px);
  padding: 0.4375rem 1.5rem 0.4375rem 0.5rem;
  font-weight: normal !important;
  line-height: 1.25;
  color: #999999 !important;
  vertical-align: middle;
  background: #fff url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%207%22%3E%3Cpath%20d%3D%22M0%200h14L7%207%200%200z%22%2F%3E%3C%2Fsvg%3E) no-repeat right 0.5rem center;
  background-size: 8px 10px;
  border: 1px solid #dddddd !important;
  border-radius: 6px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.close {
  position: absolute;
  right: 0;
  top: 0;
}
#civilite-error{
  display: block;
  position: absolute;
  margin-top: 28px;
  width: 211%;
  font-size: 14px;
  left: -70px;
}
#structure-error{
  display: block;
  position: absolute;
  margin-top: 28px;
  width: 181%;
  left: -86px;
}
.mat-content {
  width: 100%;
  height: 55px;
  border: solid 1px #dddddd;
  border-radius: 6px;
  position: relative;
  transition: all 0.5s;
}
.mat-content .input-mat {
  position: absolute;
  border: none;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0);
  z-index: 998;
  padding-left: 10px;
  font-size: 18px;
}
.mat-content .input-mat:focus {
  outline-width: 0;
}
.mat-content.active {
  border-color: #ff7900;
  padding-top: 17px;
  margin-bottom: 20px;
}
.mat-content .label-mat {
  /* Internet Explorer 10-11 */
  color: #999999;
  position: absolute;
  z-index: 997;
  top: 24%;
  left: 4%;
  transition: all 0.2s;
  font-size: 16px;
  font-weight: normal;
}
.mat-content.active .label-mat {
  color: #ff7900;
  background-color: #fff;
  padding: 0px 2px;
  z-index: 999;
  top: -10px !important;
  left: 10px;
  font-size: 14px;
}

.mat-content label.error{
  position: absolute;
  bottom: -37px;
  font-size: 14px;
  color: rgb(211, 29, 29);
}

.input-form.select label.error{
  position: absolute;
  bottom: -35px;
  left: 0px;
  font-size: 14px;
  color: rgb(211, 29, 29);
}
.sub {
  margin-top: 30px !important;
}
.info-comp {
  padding-left: 10px;
  width: 721px;
}
.radio-mat {
  font-weight: bold !important;
}
.radiau {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  margin-top: 10px;
}
.radiau .full {
  width: 100%;
  margin-bottom: 20px;
}
.nb {
  font-size: 14px;
  padding-top: 10px;
  padding-left: 10px;
}
.text {
  font-size: 20px;
  font-weight: bold;
}
.icone-input {
  position: absolute;
  left: 94%;
  top: 46%;
}

.custom-select{
  height: 55px;
}

.mat-div {
  margin-top: 10px;
  width: 300px;
  margin-bottom: 50px;
  border-top: solid 2px lightgray;
  border-left: solid 2px lightgray;
  border-right: solid 2px lightgray;
  border-radius: 4px;
  padding-left: 10px;
  padding-bottom: 10px;
}

.input-group-prepend {
  width: 300px;
  margin-top: 20px;
}
.formulaire {
  margin-bottom: 30px;
  padding-left: 10px;
}

.select-mat {
  font-weight: normal !important;
}

.input-form{
  position: relative;
  /*overflow: hidden;*/
  padding-top: 10px;
}

.input-form-row {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.input-form-row .input-form {
  width: 48%;
  margin-bottom: 15px;
  height: 90px;
}

.input-form-row .input-form:first-child {
  margin-right: 26px;
}
@media screen and (min-width: 320px) and (max-width: 500px){
  .Big-title {
    font-size: 19px;
    color: #000;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 28px;
    margin-bottom: 15px;
  }
  .img-close{
    width: 30px;
  }
  .wizard > .steps > ul > li {
    width: 69px !important;
  }
  .wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .current a:active {
    width: 40px !important;
    height: 40px !important;
  }
  .wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active{
    width: 40px !important;
    height: 40px !important;
  }
  .steps > ul > li > a, .actions li a {
    padding: 4px !important;
  }
  .wizard > .steps div {
    position: absolute;
    top: 48%;
    right: 100%;
    width: 94%;
    height: 2px;
    background: #000;
  }
  .group-choice {
    width: 100%;
    display: block;
    margin-bottom: 30px;
  }
  .choice {
    padding-top: 55px;
    padding-bottom: 55px;
    width: 100%;
    font-size: 24px;
    margin-bottom: 10px;
  }
  .litle-title {
    font-size: 20px;
    display: block;
    margin-bottom: 12px;
    margin-top: 10px;
  }
  .wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active{
    display: flex !important;
    width: 140px !important;
    padding-left: 27% !important;
    padding-top: 18px !important;
  }
  .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active{
    width: 40px !important;
    height: 40px !important;
  }
  .modal.show .modal-dialog{
    margin: 0;
  }
  .modal-open .modal{
    background: #fff;
  }
  .input-form-row .input-form{
    width: 100%;
    margin-bottom: 20px;
  }
  .input-form-row .input-form:first-child {
    margin-right: 0;
  }
  .mat-content label.error{
    bottom: -37px;
  }
  .input-mat.file{
    left: -50% !important;
  }
  .mat-content.active {
    padding-top: 17px;
    margin-bottom: 22px;
  }
}