#infobar {
  height: 45px;
  color: #fff;
  background: #2f2f2f;
  background: white;
  color: #2f2f2f;
  padding: 10px;
}

#infobar h2 {
  float: left;
  margin: 0 0 0 8px;
  line-height: 42px;
  text-align: left;
  width: 38%;
  font-weight: normal;
  font-size: 1em;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis; /* pour Opera 9 */
  text-overflow: ellipsis; /* pour le reste du monde */
  color: #2f2f2f;
}

#infobar ul {
  margin: 0;
  padding: 0 0 0 0;
  line-height: 25px;
  list-style-type: none;
  float: right;
  margin-top: 10px;
  background-image: url("/images/steps.png");
  margin-right: 8px;
}

#infobar li {
  float: left;
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;
  margin-right: 20px;
  border: 1px white solid;
  background-color: #2f2f2f;
  background-color: white;
  border: 1px #2f2f2f solid;
}

#infobar li.active {
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: white;
}

#infobar li.first-page {
}

#infobar li.active.first-page {
}

#infobar li.last-page {
  margin-right: 0;
}

#infobar li.active.last-page {
}

#slideinfobar {
  color: #fff;
  /* background: #2F2F2F; */
  padding: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
  color: #2f2f2f;
  /* border-bottom: 1px solid grey; */
}

#slideinfobar h2 {
  font-size: 1.1em;
  margin: 0;
  padding: 0;
}

#slideinfobar h2 strong {
  color: var(--secondary-color);
  font-size: 1.25em;
  white-space: nowrap;
}

#slideinfobar > div {
  padding: 10px 0 0;
}

#progressbar {
  height: 12px;
  margin: 0px;
  background: white;
  border: none;
}

#progressbar > div {
  background: var(--secondary-color);
}

#progressbar,
#progressbar > div {
  box-shadow: inset 0px 3px 6px 0px #00000030;
  border-radius: 10px;
}

#progressbar .ui-widget-header {
  border: none;
  transition: width 0.5s;
  border-radius: 0;
  margin: 0;
}

.slide-content .explanation {
  font-size: 1.05em;
  font-weight: bold;
  color: #999999;
}

.slide-content .explanation.alert {
  background-image: url("/images/exclamation_point.png");
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 70px;
}

.alert-box {
  background-color: #fff;
  color: #353535;
  text-align: center;
  box-shadow: 1px 2px 5px #888888;
  -moz-box-shadow: 1px 2px 5px #888888;
  -webkit-box-shadow: 1px 2px 5px #888888;
  margin: 10px 0;
}

.alert-headline {
  /* background-image: url("/images/picto_alert.png"); */
  font-size: 1em;
  font-weight: normal;
  padding: 15px 15px 15px;
  margin: 0;
  position: relative;
  text-align: center;
}
.alert-headline::before{
  background-image: url("/images/pictos/attention.svg");
  background-size: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  content: '';
  --size:20px;
  width: var(--size);
  height: var(--size);
  display: block;
  position: relative;
  margin: 0 auto;
  opacity: 0.2;
  margin-bottom: 10px;
}

.alert-content {
  background: #ebebeb;
  list-style-type: none;
  padding: 20px;
  margin: 0;
}

.alert-content li {
  line-height: 1.3em;
  font-size: 1em;
}

.alert-box strong {
  color: #e71555;
}

form {
  background: #fff;
  margin: 10px 0 0;
  padding: 10px;
}

select option {
  /*text-transform: capitalize;*/
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
  -moz-appearance:textfield; /* Firefox */
}

div.ui-input-text.ui-body-custom {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border: 1px solid #e5e5e5;
  background: #e5e5e5;
  border-radius: 6px
}

.ui-input-text:has(input:required:focus) {
  transition: border 500ms ease-out;
  -webkit-transition : border 500ms ease-out; 
  -moz-transition : border 500ms ease-out;
  -o-transition : border 500ms ease-out;
}
div.ui-input-text.ui-body-custom.error,
div.ui-input-text.ui-body-custom.field_error,
.field_error,
.ui-input-text:has(input.hkjs--dirty:required:focus:invalid) { /* html 5 instant validation */
  border: 1px solid #e71555;
}
.ui-input-text:has(input:required:focus:valid),
input[type="checkbox"]:required:valid + label .ui-icon { /* html 5 instant validation */
  border: 1px solid #e5e5e5;
  animation: valid 2s;
  animation-iteration-count: 1;
}



@keyframes valid { 25% { border-color: green; }  }

@media only screen and (max-width: 767px) {
  fieldset[data-role="controlgroup"].select label {
    width: 100% !important;
  }
}

.ui-custom .ui-controlgroup-controls {
  display: block !important;
}

.ui-custom.ui-radiogroup .ui-controlgroup-controls {
  display: inline-block !important;
  margin-top: 1em;

  /* PAH-878 */
  text-align: center !important;
  width: 100% !important;
}

/* PAH-878 */
.ui-controlgroup .ui-radio {
  float: none !important;
  display: inline-block !important;
}

fieldset[data-role="controlgroup"].select label {
  font-size: 0.9em;
  margin-bottom: 0;
  text-transform: uppercase;
  display: inline-block;
  position: inherit;
  width: 20%;
  margin: 0 2% 0 0;
  vertical-align: top;
}

.ui-controlgroup-label legend {
  text-transform: uppercase;
  color: #a3a3a3;
  font-size: 0.9em;
}

label.ui-input-text {
  color: #a3a3a3;
  text-transform: uppercase;
  font-size: 0.9em;
  margin-bottom: 0;
}

fieldset.ui-custom.ui-field-contain,
.ui-field-contain {
  border-width: 0;
  padding: 0.4em 0;
}

fieldset.ui-custom.ui-field-contain p {
  color: #a3a3a3;
}

textarea {
  border: 1px solid #e5e5e5;
  background: none repeat scroll 0 0 #e5e5e5;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.btn-submit.ui-btn-up-reset {
  background: var(--main-color);
  text-shadow: none;
  margin-top: 20px;
}

.btn-submit.ui-btn-up-reset.secondaryBg {
  background-color: var(--secondary-color);
}

#btn-receive .ui-btn-inner,
#btn-receive-2 .ui-btn-inner {
  /* background: #8e8e8e; */
  background: var(--secondary-color);
  padding: 12px 0;
}
#btn-receive,
#btn-receive-2 {
  margin-top: 12px;
  margin-bottom: 30px;
}

.ui-grid-a #callback-btn.btn-submit.ui-btn-up-reset,
.ui-grid-a #callback-btn-2.btn-submit.ui-btn-up-reset {
  background: #8e8e8e;
}

.btn-submit.ui-btn-hover-reset,
.btn-submit.ui-btn-down-reset {
  background: #8e8e8e;
  background-color: rgb(70%,70%,70%);
  text-shadow: none;
  margin-top: 20px;
}

/* body[template=assurpeople] .search-plate.btn-submit.ui-btn-hover-reset,
body[template=assurpeople] .search-plate.btn-submit.ui-btn-down-reset, */
body[template=assurpeople] #engagement_sinistre .btn-submit.ui-btn-hover-reset,
body[template=assurpeople] #engagement_sinistre .btn-submit.ui-btn-down-reset {
  background-color:  var(--secondary-color);
}

a[data-role="button"][data-theme="reset"].btn-submit .ui-btn-inner {
  color: #fff;
}

#callback-btn .ui-btn-inner,
#btn-receive .ui-btn-inner {
  font-size: 15px;
}

/* #agreements-form .ui-controlgroup li {
    list-style-type:square;
}

#agreements-form .ui-btn-icon-left > .ui-btn-inner > .ui-icon, #agreements-form .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
	top: 1.1em;
} */

#plate,
#numimm {
  text-transform: uppercase;
}

#fieldset-plate input {
  text-indent: 25px;
}
#fieldset-plate div.ui-input-text {
  /*width: 100%;*/
  background-image: url(/images/bg-immat.png);
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: -1px -2px;
}

.slide.recherche_vehicule .slide-title
{
  text-align: center;
}

#adsense {
  margin: 0 10px 55px 10px;
  text-align: justify;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  #infobar li {
  }

  #infobar li.active {
  }

  #infobar li.first-page {
  }

  #infobar li.active.first-page {
  }

  #infobar li.last-page {
  }

  #infobar li.active.last-page {
  }

  .ui-icon-btnhome {
  }

  .ui-icon-advisor {
  }

  .alert-headline {
    /* -webkit-background-size: 22px 19px;
    background-size: 22px 19px;
    background-image: url("/images/retina/picto_alert.png"); */
  }

  /* fix bug : arrow wasn't rendered on mobile devices */
  .ui-icon-arrow-d,
  .ui-icon-arrow-u {
    background-image: url(/images/icons-36-black.png) !important;
  }

  /* fix bug : checkbox & radio wasn't rendered on mobile devices */
  .ui-icon-checkbox-off,
  .ui-icon-checkbox-on,
  .ui-icon-radio-off,
  .ui-icon-radio-on {
    /*background-image: url(/images/icons-36-black.png) !important;*/
  }

  .slide-content .explanation.alert {
    background-image: url("/images/retina/exclamation_point.png");
    -webkit-background-size: 53px 53px;
    background-size: 53px 53px;
  }
}

li.list-item.ui-btn.ui-btn-icon-right.ui-li.ui-btn-up-c[data-value=""] {
  visibility: hidden;
  height: 10px;
}
li.list-item.ui-btn.ui-btn-icon-right.ui-li.ui-btn-up-c[data-value=""]
  .ui-li-heading {
  text-align: center;
}

.ui-listview-filter {
  padding: 0;
  border: none;
  background: none;
  margin-top: 0;
  margin-bottom: 10;
}

.ui-listview-filter .ui-input-search {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  border: 1px solid #e5e5e5;
  background: #e5e5e5;

    padding: 0 15px;
}
.ui-listview-filter .ui-input-search input {
text-transform: uppercase;
}

.ui-listview-filter .ui-input-search .ui-input-clear {display: none;}
.ui-listview-filter .ui-icon-searchfield:after {display: none;}


#pays_de_naissance .ui-li-heading {
  padding: 10px !important;
}

/* enlever l'émoticône */
#marque .slide-info .content,
#permis_conjoint .slide-info .content,
#date_naissance .slide-info .content,
#assurance_en_cours .slide-info .content,
#ville_du_logement .slide-info .content,
#resiliations .slide-info .content,
#combien_voitures .slide-info .content,
#civilite .slide-info .content,
#capital_mobilier .slide-info .content {
  background: #fff;
  padding: 30px 20px 30px 25px;
}

#fieldset-card_validity div.ui-input-text.ui-body-custom {
  border: none;
}
#fieldset-card_validity {
  margin-top: 23px;
}
#fieldset-amount {
  display: none;
}

/* DATA TYPE of lists image / image-left */

.select-list li[data-type="image"] {
  display: inline-block;
  margin-right: 4% !important;
  margin-bottom: 0 !important;
  width: 21%;
  background: white;
  margin-top: 0;
}

.select-list li[data-type="image"]:nth-child(4),
.select-list li[data-type="image"]:nth-child(8),
.select-list li[data-type="image"]:nth-child(12),
.select-list li[data-type="image"]:nth-child(16),
.select-list li[data-type="image"]:nth-child(20) {
  margin-right: 0 !important;
}

.select-list li[data-type="image"].ui-state-highlight {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  border-color: #666;
}

.select-list li[data-type="image"] a,
.select-list li[data-type="image"] h3 {
  padding: 0 !important;
  margin: 0 !important;
}
.select-list li[data-type="image"] img {
  width: 100% !important;
  display: block;
}

/* ajoute une image en bout de ligne */
.select-list li[data-type="image-left"]::before {
  content: '';
  display: block;
  position: absolute;
  right: 15px;
  width: 20%;
  height: 100%;
  background-color: var(--secondary-color);
  -webkit-mask-image: var(--bg-url);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: auto, auto; 
  -webkit-mask-position: center center; 
  mask-image: var(--bg-url);
  mask-repeat: no-repeat;
  mask-size: auto, auto;
  mask-position: center center;
}

.select-list li[data-type="image-right"]::before,
#dialog-select li[data-type="image-right"]::before {
  content: '';
  display: block;
  position: absolute;
  right: 15px;
  width: 20%;
  height: 40%;
  top:30%;
  background-color: #9E9E9E;
  -webkit-mask-image: var(--bg-url);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: auto, auto; 
  -webkit-mask-position: center center; 
  mask-image: var(--bg-url);
  mask-repeat: no-repeat;
  mask-size: auto, auto;
  mask-position: center center;
}
.select-list li[data-type="image-right"].ui-state-highlight::before,
#dialog-select li[data-type="image-right"].ui-state-highlight::before,
.select-list li[data-type="image-right"].ui-btn-hover-c::before,
#dialog-select li[data-type="image-right"].ui-btn-hover-c::before {
    background-color: var(--secondary-color);
}

/* APPLE SWICTH on validation page */

#validation-page form span.ui-icon {
  display: inline-block;
  -webkit-appearance: none;
  outline: none;
  width: 50px;
  height: 28px;
  background-color: #fff;
  border: 1px solid #d9dadc;
  border-radius: 50px;
  box-shadow: inset -20px 0 0 0 #fff;
  background: none;
}

#validation-page form span.ui-icon:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  background: transparent;
  width: 28px;
  height: 26px;
  border-radius: 50%;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
  background-color: white;
}

#validation-page form .ui-checkbox-on span.ui-icon {
  box-shadow: inset 20px 0 0 0 var(--main-color);
  border-color: var(--main-color);
}

#validation-page form .ui-checkbox-on span.ui-icon:after {
  left: 20px;
  box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);
}

/* end APPLE SWICTH on validation page */


/* Checkbox pet payment */

#pet-payment-form .ui-checkbox .ui-btn-up-c,
#pet-payment-form .ui-checkbox .ui-btn-down-c,
#pet-payment-form .ui-checkbox .ui-btn-hover-c {
	border: none;
	background: white;
}
#pet-payment-form .ui-checkbox .ui-focus, .ui-btn:focus {
	box-shadow: none;
}
#pet-payment-form .ui-checkbox .ui-btn-text {
	font-weight: normal;
}
#pet-payment-form .ui-checkbox .ui-btn-inner {
	padding-right: 0 !important;
	padding-left: 35px;
}
#pet-payment-form .ui-checkbox .ui-btn-icon-left>.ui-btn-inner>.ui-icon {
	left:0;
}

/* reset sur select Dialog */
fieldset.ui-field-contain .ui-select .reset {
  display: none;
}
fieldset.ui-field-contain.value-selected .ui-select .reset {
  display: block;
  position: absolute;
  right: 0;
  top: 5px;
  background-image: url(/images/pictos/picto_reset.svg);
  width: 23px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 40px;
  background-position: center;
}

fieldset.ui-field-contain .ui-select .ui-btn {
  transition: margin-right 0.5s;
}

fieldset.ui-field-contain[data-btreset="true"].value-selected .ui-select .ui-btn {
  margin-right: 43px;
}
.countrie-name {
  font-size: 10px;
  display: block;
  text-align: center;
  margin-top: 7px;
  min-height: 12px;
}
.countrie-name.long {
  font-size: 8.5px;
  letter-spacing: -0.13em;
}

/* @media only screen and (min-width: 768px) {
  .countrie-name.long {
    font-size: 9px;
    letter-spacing: -0.07em;
  }
} */


input[readonly=readonly] {
  color: rgba(16, 16, 16, 0.3);
  cursor: not-allowed;
}

/* arrondis */
.icon-help,
.ui-btn,
.ui-btn .ui-btn-inner {
    border-radius: 6px !important;
}
#footer .ui-btn.btn-home {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
#footer .ui-btn.btn-advisor {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.slide-content .pannel {
  margin-bottom: 35px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
}


/* pour icone centree sur button jquery mobile */
  /* #recherche_vehicule .testAB312.ui-btn.btn-centered .ui-btn-inner {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    flex-direction: row-reverse;
  }
  #recherche_vehicule .testAB312.ui-btn.btn-centered .ui-btn-inner .ui-btn-text {
    width: auto;
  }
  #recherche_vehicule .testAB312.ui-btn.btn-centered .ui-btn-inner .ui-icon {
    position: relative !important;
    top: auto !important;
    margin-right: 10px;
    left: 0 !important;
    margin-top: 0 !important;
  }
  #recherche_vehicule .testAB312 .ui-icon-voiture {
    background-image: url("/images/pictos/voiture.svg");
  }
  #recherche_vehicule .testAB312 .ui-icon-loupe {
    background-image: url("/images/pictos/loupe.svg");
  }
  #recherche_vehicule .ui-btn.btn-centered .ui-btn-inner .ui-icon {
    display: none;
  }
  #recherche_vehicule .testAB312.ui-btn.btn-centered .ui-btn-inner .ui-icon {
    display: block;
  } */