/**/
:host([checked]) #checkbox {
    background: var(--primary);
    border-color: var(--primary);
}
input , select, textarea{
  color:var(--formInputTextColor)!important;
}
.form-group{
  margin-bottom: 16px;
  font-size: 12px;
}
.form-group label{
  font-size: 12px;
  margin-bottom: 8px; 
  font-size: 12px;
  font-weight: 300; font-weight: 600;
  line-height: 150%;
  letter-spacing: 0.02em;
}

.form-control,.form-control-plaintext{
   border-color: var(--formInputBorder);
   background: var(--formInputBackground);

}
.select-control, .select,input,select{
    color:var(--formInputTextColor)!important;
    background: transparent!important;
}
.select-control, .select{
  font-size: 12px;
  font-weight: bold;
  line-height: 27px;
  width:100%;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--formInputBorder);
  border-image: initial;
  list-style: none;
  margin: 0px;
  outline: none;
  padding: 7px 12px 7px 6px;
  }

  /*inpu texte*/
.form-control{
    max-width: 100%;
    overflow: hidden;
}
.form-control input{
  margin: 0px; border: none; 
  padding: 12px 6px 12px 4px;
  padding: 10px 6px 10px 4px;
  flex-grow:1;
  background: transparent;
 }
 .form-control select{
   margin: 0px; border: none; 
   padding: 10px 6px 10px 4px;
   flex-grow:1;
   background: transparent;
  }
 .form-control .fullInput{
  padding-top: 7px;
  flex-grow:1;
  
 }
 .form-control ,.form-control-plaintext{
  display:flex;
  font-size: 12px;
  font-weight: bold;
  line-height:13px;
  width:100%;
  padding: 0px; 
  outline: none;
  border-style: solid;
  border-image: initial;
  border-radius:4px;
  border-width: 1px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-clip: padding-box;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
   align-items: center;
 
 }
 .form-control-plaintext{
   padding: 6px;
   background: transparent;
   border: none;
  }
 .form-control:hover ,.form-control-plaintext:hover,.select-control:hover, .select-control:focus{
   border:solid 2px var(--focusInput);
 }
 
 .form-control i{ 
   font-size: 16px;  
   margin-left: 5px;
 }
 
 .form-control-plaintext{
  min-height: 100px;
 }
 
 .col-form-label{
  display:block;
  font-size: 15px;
  margin-top:10px;

  color:var(--label_form)
 }
 
 .h_champ{
    margin-bottom: 8px;
 }
 .h_champ div:first-child{
   display: flex;
 }
 .h_champ .col-form-label{
    margin-right: 5px;margin-top: 0px;
 }
 .h_champ .form-control{
   display: flex;
   flex-grow: 1;
   width: auto;
 }
 
 .form textarea{
   font-family: var(--fontfamily);
   font-weight: normal;
   font-size: 16px;
   line-height: 18px;
   border: solid 1px var(--formInputBorder);
   background: var(--formInputBackground);
   color: var(--formInputTextColor);
 } 
 .form fieldset{
    border: none;
    font-family: var(--fontfamily);
    font-weight: normal;
    text-align: left;
 } 
 .form fieldset .radio_input_cont{
     display: flex;
     margin-top: 12px;
     justify-content: left;
     text-align: left;
 } 
 .form fieldset .radio_input_cont label{
     margin-left: 5px;
     font-size:16px;
     flex-grow: 1;
 } 
 .form fieldset .radio_input_cont input{
   flex-grow: 0;
} 
 
 .mbk_collpastForm .form-group, .mbk_collpastForm .form-group-flex{
    border-style: solid;
    border-width:1px;
    /*padding: 2px 5px;*/
    padding: 2px 12px;
    padding-bottom: 5px;
    margin-top:8px;
    border-radius: 6px;
    border-color: var(--formInputBorder);
    background: var(--formInputBackground);
    box-shadow: rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0) 0 0 0 0, rgba(0, 0, 0, 0.05) 0 1px 2px 0;
 }
 .mbk_collpastForm .form-group-flex{
   padding: 2px 12px;
 }
 
 .mbk_collpastForm .form-group .col-form-label, .mbk_collpastForm .form-group label{
    display: block; width: 100%;
    margin-bottom: 0px;
    margin-top: 1px;
    font-size: 11px; 
    padding: 0px; 
 }
 
 
 .mbk_collpastForm .form-group .form-control{
     border:none ; margin: 0px;
     padding: 0px; 
     text-align: left;
 }
 
 .mbk_collpastForm .form-group .form-control input, .mbk_collpastForm .form-group input,.mbk_collpastForm .form-group .form-control .fullInput{
     margin: 0px; border: none; 
     padding: 0px 2px 0px 2px; padding: 0px; margin-left: 0px;
     flex-grow:1; 
     
 }
 .mbk_collpastForm .form-group .form-control select{
   margin: 0px; border: none; 
   padding: 0px 2px 0px 2px; padding: 0px; margin-left: 0px;
   flex-grow:1; 
 }
 
  .mbk_collpastForm .form-control:hover ,.mbk_collpastForm .form-control-plaintext:hover{
     border:none;
 }
 
 .form-group-flex{
   display: flex;
   align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   border-style: solid;
   border-width:1px;
   padding: 2px 12px;
   margin-top:8px;
   margin-bottom:8px;
   border-radius: 6px;
   /*border-color: rgb(100,100, 100)*/;
   border-color:var(--formInputBorder);
 }
 .form-group-flex .form-control{
   width: auto;
   border: none;
 }
 .mbk_collpastForm .form-group-flex .form-control-label, .mbk_collpastForm .form-group-flex .col-form-label{
   font-size: 16px;
   margin-top: 2px;
   margin-right: 8px;
   flex-grow: 1;
   width: auto;
   text-wrap:nowrap;
 }
 
 .form-group-flex .form-control input, .form-group-flex input,.form-group-flex .form-control .fullInput{
   margin: 0px; border: none; 
   padding: 0px 2px 0px 2px; 
   margin-left: 0px;
 }
 
 .mbk_collpastForm .form-group-flex .form-control input{
   padding-top: 8px;
   padding-bottom: 8px;
   font-size: 16px;
 }
 
 .mbk_border_2 .form-group, .mbk_border_2 .form-control, .mbk_border_2 .form-group-flex {
   border-radius: 12px!important;
 }
 

 .mbk_horizontalForm {
     
 }
 .mbk_horizontalForm .form-group {
    display: flex;
    margin-top: 5px;
    margin-bottom: 5px; margin-top:12px;
}
.mbk_horizontalForm .form-group .col-form-label,.mbk_horizontalForm .form-group label{
  margin-right: 8px;
  min-width: 25%;
  width: 25%; max-width: 25%;
  text-align: right;
  margin: auto;
}
.mbk_horizontalForm .form-group .form-control {
   flex-grow: 1;
   height: 32px;
}


.mbk_androidForm .form-group , .mbk_androidForm .form-group .form-control{
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: 0px;
}

/**/
.radius_min_from{

}
.radius_min_from .form-control{
    border-radius: 10px;
}
.radius_from .form-control{
  border-radius: 25px;
}
 /**/
 .file_input_control label{
   text-align: center;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
 
    border-style:dashed;
    border-width: 2px;
    width:100%; min-height:200px;
    border-color:var(--formInputBorder);
    border-radius: 12px;
 }
 .file_input_control img{
   width: auto;
   max-width: 100%;
   /*max-height: 200px;*/
 }
 

/**/
/**formulaire  **/
.form .row{
  display: flex;
 align-items:flex-end;
}
.form .row  .col-8, .form .row  .col-7, .form .row  .col-7s, .form .row  .col-6,.form .row  .col-6s,.form .row  .col-5, .form .row  .col-5s,.form .row  .col-4,.form .row  .form .row  .col-3,
.col-2,.form .row  .col-1,.form .row  .col-10{
vertical-align: bottom;
align-items:flex-end;
}
.mb_cont_btn_sub{
display: flex;
}
.mb_cont_btn_sub button{
  width: auto;
  flex-grow: 1;
}

.mbk_notice{
  font-size: 12px; line-height: 11px;
  margin-bottom:  12px;
}
.noticeEnd ,.noticeEnd p {
  font-size: 12px; margin-top: 12px;
  margin-bottom:  12px;

}

.form .fieldset_colorInput{
     
}
.form .fieldset_colorInput input{
    appearance: none;
    -webkit-appearance:none;
    height: 20px;width:20px;
    padding: 0px;
}
.form .fieldset_colorInput input:checked{
  content:"";
  width: 26px;
  height: 26px;
  box-shadow:0 0 0 1px rgb(120,120,120);
  border: solid 5px #FFF;
}


.cadreItemForm{
 
}
.cadreItemFormHeader{
    border-top: solid 1px var(--formInputBorder);
}
.cadreItemFormBody{
  
}

@media screen and (min-width:649px){
  .form_horizontal{

  }
  .form_horizontal .form-group{
      display: flex;
      margin-top: 12px;
  }
  .form_horizontal .form-group .col-form-label{
    width: 30%;
  }
}


 @media screen and (min-width:649px) and (max-width:900px) and (min-height:500px){
  .form-control input{
      padding-top: 8px;
      padding-bottom: 8px;
    }
   
 }


@media screen and (min-width:649px)and (max-width:900px){
  .mb_itemsList .mb_itemAudioItem{
    padding:0px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    min-width: 100%;
    max-width: 100%;
    display:block;
  }
}

@media screen and (max-width:648px){
  .fill_all_btn{
    width: 100%;
  }
  .fill_all_btn_mobile{
     width: 100%;
  }

  .form fieldset .radio_input_cont label{
    font-size:16px;
    line-height:18px ;
  } 
   
  .select-control, .select{
    padding: 10px 2px 10px 2px;
    font-size: 16px;
    border-radius: 2px;
  }
 
  .form-control input,.form-control select{
     margin: 0px; border: none; 
     padding: 10px 5px;
     font-size: 15px;
     padding-top: 12px;
     padding-bottom: 12px;
     padding-left: 6px;
     padding-right: 6px;
   }
  .form-control select{
    margin: 0px; border: none; 
    padding: 10px 5px;
    font-size: 15px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 6px;
    padding-right: 6px;
  }
   .form-control .fullInput{
      padding:10px 5px;
      font-size: 13px;
   }
   .form-control ,.form-control-plaintext{
      font-size: 13px;
      border-radius: 2px;
    }
    .col-form-label{
      display:block;
      font-size: 15px;
      line-height: 27px;
       margin-top:12px;
      font-weight: 600;
    }

    .mbk_collpastForm .form-group{
       padding-bottom: 5px;
       padding-top: 2px;
   }
   .mbk_collpastForm .form-group,  .mbk_collpastForm .form-group-flex{
      margin-bottom: 12px;
      padding-bottom: 5px;
  }

    .mbk_collpastForm .form-group .col-form-label, .mbk_collpastForm .form-group label,   .mbk_collpastForm .form-group .form-control-label{
      display: block; width: 100%;
      margin-top: 2px;
      margin-bottom: 1px;
      font-size: 11.5px; 
      padding: 0px;
      line-height: 12px;
   }
   .mbk_collpastForm .form-group-flex .col-form-label{
        margin-top:2px;margin-bottom: 2px;
   }
   .mbk_collpastForm .form-group .form-control input, .mbk_collpastForm .form-group input,.mbk_collpastForm .form-group .form-control .fullInput{
       margin: 0px; border: none; 
       padding: 0px 2px 0px 2px; padding: 0px; margin-left: 0px;
       padding-top: 4px; padding-bottom: 4px;
       flex-grow:1; 
       font-size: 16px; 
    }
    .mbk_collpastForm .form-group select{
      margin: 0px; border: none; 
      padding: 0px 2px 0px 2px; padding: 0px; margin-left: 0px;
      flex-grow:1; 
      font-size: 16px; 
      padding-top: 4px!important; padding-bottom: 4px!important;
   }

    .mbk_collpastForm .form-control:hover ,.mbk_collpastForm .form-control-plaintext:hover{
       border:none;
   }
   .mbk_collpastForm .form-group-flex .form-control input{
      padding-top: 8px;
      padding-bottom: 6px;
  }

  .mbk_border_2 .form-group{
    border-radius: 12px!important;
  }

}