.ccm-attribute-address-composer-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
}

.ccm-attribute-address-line {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 33.3333%;
  -moz-box-flex: 1;
  -ms-flex: 1 1 33.3333%;
  flex: 1 1 33.3333%;
  max-width: 33.3333%;
  padding: 0 1.25rem;
}

.fields .field-radios .radio {
  display: inline-block;
  vertical-align: top;
  margin-right: 1.25rem;
}

.captcha {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -moz-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.captcha .control-label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -moz-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.captcha > div {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 10px;
}

.captcha > div img {
  display: block;
  margin-bottom: 0;
}

.captcha > div + div {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

.captcha > div + div br {
  display: none;
}

@media (min-width: 768px) {
  .form-2colonnes .fields {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1.25rem;
    margin-left: -1.25rem;
  }
}

@media (min-width: 768px) {
  .form-2colonnes .fields > .form-group {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}

@media (min-width: 768px) {
  .form-2colonnes .fields > .form-group.field-textarea, .form-2colonnes .fields > .form-group.field-radios, .form-2colonnes .fields > .form-group.field-checkboxes {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.formulaire {
  width: 100%;
  padding: 10px 0px;
  margin: 10px 0;
}

.formulaire .counter {
  clear: both;
  line-height: 18px;
  color: #999;
  font-size: 12px;
}

.formulaire .counter span {
  display: inline-block;
}

.formulaire .option_other {
  display: none;
}

.formulaire input {
  margin: 0 0 5px 0;
}

.formulaire .input.no-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}

.formulaire .radio.no-column,
.formulaire .custom-radio.no-column {
  margin-right: .75rem;
}

.formulaire .radio.no-column:last-of-type,
.formulaire .custom-radio.no-column:last-of-type {
  margin-right: 0;
}

.formulaire .form-control.day .formulaire .form-control.month, .formulaire .form-control.year, .formulaire .form-control.hour, .formulaire .form-control.minute, .formulaire .form-control.second, .formulaire .form-control.ampm {
  display: inline-block;
  width: auto;
}

.formulaire .form-control.firstname {
  display: inline;
  width: 36%;
  margin-right: 2%;
  float: left;
}

.formulaire .form-control.prefix {
  display: inline;
  width: 20%;
  margin-right: 2%;
  float: left;
}

.formulaire .form-control.lastname {
  display: inline;
  width: 62%;
  float: left;
}

.formulaire .form-control.prefix + .formulaire .form-control.lastname {
  width: 40% !important;
}

.formulaire span.error {
  display: block;
  margin-top: 5px;
}

/* Style timepicker */
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

.ui-timepicker-div dl {
  text-align: left;
}

.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 40%;
}

.ui-timepicker-div td {
  font-size: 90%;
}

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.ui-timepicker-div .ui_tpicker_unit_hide {
  display: none;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
  background: none;
  color: inherit;
  border: none;
  outline: none;
  border-bottom: solid 1px #555;
  width: 95%;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
  border-bottom-color: #aaa;
}

.ui-timepicker-rtl {
  direction: rtl;
}

.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}

.ui-timepicker-rtl dl dd {
  margin: 0 40% 10px 10px;
}

.ui-timepicker-div.ui-timepicker-oneLine {
  padding-right: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
  display: none;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
  display: block;
  padding-top: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine dl {
  text-align: right;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
  display: inline-block;
  margin: 0;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
  content: ':';
  display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
  content: '.';
  display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
  display: none;
}