.webform-required {
 color: red;
 font-style: oblique;
}


/* Correction bug d'affichage bloc de texte  */
.col-xs-12 {
	float: inherit !important;
}

/** bug d'affichage sur les téléphones et smartphones, case à cocher inapparente **/ 
div.webform-element--title-inline.form-type-checkbox input {
  min-width : 12.9px;
}


h2.title-background { 
  color: white !important; 
  background-color: #2669a5 !important; 
  text-align: center !important; 
}

h1 { 
 color: rgb(38, 105, 165) !important; 
}

.btn-custom-file {
	background: #2669a5 !important;
}

.webform-button--submit {
	background: #002f87 !important;
}

.psud-message
{
  border: 1px solid transparent;
  border-color: #c62354;
  background-color: #c623541a;
  padding:5px
}


.psud-field-radio .form-control
{
  width: 20%;
  display: inline-block;
  vertical-align: middle;
}

.psud-field-composite
{

}

.psud-field-composite .tabledrag-toggle-weight-wrapper 
{
  display:none;
}

.psud-field-composite .webform-multiple-add
{
  display:none;
}

.psud-field-montant
{
  display:flex;
  flex-flow: row wrap;
}

.psud-field-montant label
{
     flex: 3 0px;
}
.psud-field-montant input
{
   flex: 1 0 0;
   margin-right: 10px;
   text-align: right;
}

.psud-field-montant div
{
     flex: 1 100%;
}
/* Fix les étoiles required sur les champs files */
.form-type-webform-document-file label.form-required + .webform-document-file label.form-required::after {
   display: none; 
}

/**
* Type: Date/time
* Wrapper class : psud-datetime-wrapper
*/
.psud-datetime-wrapper {
   display: flex;
   align-items: center;
}
.psud-datetime-wrapper > div {
   display: flex !important;
}
.psud-datetime-wrapper > div > div {
   margin-left: 10px; 
}


/**
* Type: bouton radio
* Wrapper type : Form element
* Options display : Side by side
* Affichage du titre: sur la même ligne
*/
@media(min-width:768px){
  div.webform-element--title-inline.form-type-radios,
  div.webform-element--title-inline.form-type-checkboxes {
     display: flex;
     align-items: center;
  }
  div.webform-element--title-inline.form-type-radios .webform-options-display-side-by-side,
  div.webform-element--title-inline.form-type-checkboxes .webform-options-display-side-by-side{
     display: flex;
  }
}
div.webform-element--title-inline.form-type-radios > label,
div.webform-element--title-inline.form-type-checkboxes > label {
    margin: 0px;
}
div.webform-element--title-inline.form-type-radios .webform-options-display-side-by-side > div,
div.webform-element--title-inline.form-type-checkboxes .webform-options-display-side-by-side > div{
   display: flex;
   align-items: center;
}
div.webform-element--title-inline.form-type-radios .webform-options-display-side-by-side label,
div.webform-element--title-inline.form-type-checkboxes .webform-options-display-side-by-side label{
   margin: 0px;
   margin-left: 2px;
}
div.webform-element--title-inline.form-type-radios .webform-options-display-side-by-side input,
div.webform-element--title-inline.form-type-checkboxes .webform-options-display-side-by-side input{
   width: 20px;
   margin: 0px; 
}



/**
* Type : Case à cocher
* Affichage du titre : sur la même ligne
*/
div.webform-element--title-inline.form-type-checkbox {
  display: flex;
  align-items: center;
}
div.webform-element--title-inline.form-type-checkbox input {
  flex: 0;
  margin: 0px;
  height: inherit;
  width: auto;
}
div.webform-element--title-inline.form-type-checkbox label {
  flex: 1;
  margin: 0px;
  padding-left: 10px;
  font-weight: bold;
}

/**
 * Type : Custom composite
 * Wrapper classe: psud-simple-custom-composite
**/

.psud-simple-custom-composite th {
   text-align: center;
}
.psud-simple-custom-composite td {
  padding: 2px;
  vertical-align: middle;
}
.psud-simple-custom-composite td input[type='text']{
  
}
.psud-simple-custom-composite td input[type='image']{
  display: inline; 
  vertical-align: middle;
}

/**
 * Type : Textfield
 * Field suffix renseigné
**/
.webform-has-field-suffix {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.webform-has-field-suffix:not(.webform-element--title-inline) > label {
  flex: 0 0 100%
}
.webform-has-field-suffix > input {
  flex: 1 0 0; 
}
.webform-has-field-suffix > .field-suffix {
  padding-left: 5px;
}



.webform-submission-form ul {
    list-style-type: square;
    padding: 10px 20px 20px 20px;
}