.ui-autocomplete {z-index:1000;}

.reservationForm .stepScreen {display:none;}
.reservationForm .upsideBar {margin-bottom:25px;}
.reservationForm .upsideBarItem {cursor:pointer;}
.reservationForm .upsideBarItem .BarItem{display:none; padding-top:5px; border-top:10px solid #b6b6b6; color:#b6b6b6; font-size:1.4em; text-align:center;}
.reservationForm .upsideBarItem.active .BarItem{display:block; border-color:#9e0000; color:#9e0000;}
.reservationForm .stepScreen .btn[data-type=btnStep] {cursor:pointer;}

.reservationForm .description {font-size:0.8rem;}
/* .reservationForm .btn {padding-left:0; padding-right:0;} */
.reservationForm #lieu_depose,
.reservationForm #recapMissionAller,
.reservationForm .reservationFormPrestations,
.reservationForm #infoClient {display:block;} 

.reservationForm #lieux      .row.num_vol_aller,
.reservationForm #date-heure .row.num_vol_retour  {display:none;}

.reservationForm #infoClient .row.num_vol_aller, 
.reservationForm #infoClient .row.num_vol_retour {display:block;}

.reservationForm #lieux {width:60%;}
.reservationForm #lieux input {float:left; clear:both; width:60%;}

.reservationForm #lieu_depose .btn_lieu {margin-top:-9px;}
.reservationForm .row_rad > label {color:#000; margin-bottom:15px;}

.reservationForm .form-group-titre {font-weight:700; font-style:italic;}
.reservationForm .form-group-heure label{padding-left:0;}
/* .reservationForm .form-group-heure .spaceOu {padding:6px 0; text-align:center;} */
.reservationForm .btnHeure {background-color:#c0c0c0; color:#fff; padding-left:0; padding-right:0;}
.reservationForm .mis_flag_da1 .btnHeure.flag_da1_active,
.reservationForm .mis_flag_da0 .btnHeure.flag_da0_active {background-color:#e64242; color:#fff;}
.reservationForm .misadispo {margin-bottom:2rem;}
.reservationForm .form-group-lieu {/*margin-right:0;*/}
.reservationForm .input-lieu input {padding-left:5px;}
.reservationForm .input-lieu-addon {width:35px; line-height:35px; margin:0 2% 5px 0; text-align:center; color:#fff; background-color:#e64242; border-radius:30px; cursor:pointer; z-index:99;}
.reservationForm .tli-icone {font-size: 1.3em;}
.reservationForm .btnLieu {width:100%; color:#fff;border-color:#7e0000; background-color:#7e0000; /* margin-bottom:10px;*/}
.reservationForm .LieuInfoDetail {display:none;}
.reservationForm .LieuInfoDetail.aeroport,.reservationForm .LieuInfoDetail.gare {display:block;}
.reservationForm #resaSimple .LieuInfoDetail.aeroport,.reservationForm .LieuInfoDetail.gare {display:flex;}
.reservationForm .LieuInfoDetail label{font-size:0.9em;}
.reservationForm .LieuInfoDetail .vol,
.reservationForm .LieuInfoDetail .train {display:none;}
.reservationForm .LieuInfoDetail.aeroport .vol,
.reservationForm .LieuInfoDetail.gare .train {display:block;}
.reservationForm .LieuInfoDetail .depart,
.reservationForm .LieuInfoDetail.au_depart .arriver {display:none;}
.reservationForm .LieuInfoDetail.au_depart .depart,
.reservationForm .LieuInfoDetail .arriver {display:block;}
.reservationForm .btn-blocPassager { margin-bottom: 1em; }
.reservationForm .blocPassager { display:none;   }



.reservationForm .ajoutEtape{margin-bottom:20px;}
.reservationForm .suppEtape {display:none; margin-top:-15px; margin-bottom:20px;}
.reservationForm .ajoutEtape .icone,
.reservationForm .suppEtape .icone {font-size:0.65em; float:left; padding:4px;}
.reservationForm .suppEtape a{color:#7e0000;}
.reservationForm .suppEtape.suppEtapeActive { display:block; }

.lienCoordonnees {cursor:pointer;}

/* PRESTATIONS */
.reservationForm .reservationFormPrestations h2 {margin-bottom:1rem;}
.reservationForm .reservationFormPrestations .rad {margin-bottom:15px;}
.reservationForm .reservationFormPrestations .rad .rad_img {width:35%; float:left; border:1px solid #dfdfdf; padding:4px; margin-bottom:15px; margin-right:15px;}
.reservationForm .reservationFormPrestations .rad .rad_img img{width:100%; height:auto;}
.reservationForm .reservationFormPrestations .rad label {width:100%;}
.reservationForm .reservationFormPrestations .rad label .titre {font-size:1em; margin-bottom:5px;}
.reservationForm .reservationFormPrestations .rad label .description {font-size:0.9em;}
.reservationForm .reservationFormPrestations .rad label .intro {display:none;}
.reservationForm .reservationFormPrestations .photo_prestation {}
.reservationForm .reservationFormPrestations .rad:active .rad_img,
.reservationForm .reservationFormPrestations .rad:hover .rad_img,
.reservationForm .reservationFormPrestations .rad.selected .rad_img{border-color:#9e0000;}
.reservationForm .reservationFormPrestations .rad:active label .titre,
.reservationForm .reservationFormPrestations .rad:hover label .titre,
.reservationForm .reservationFormPrestations .rad.selected label .titre {color:#9e0000;}
.reservationForm .reservationFormPrestations .rad.pre{display:none; }
.reservationForm .reservationFormPrestations .rad.pre.visible{display:block;}
.reservationForm .reservationFormPrestations #prestationVehicule{display:flex;flex-wrap:wrap;}

/* BOUTONS */
.reservationForm .stepScreen .zoneBtn {}
.reservationForm .zoneBtn {margin-bottom:2rem;}
.reservationForm .zoneBtn .btn{line-height:2.2rem;height:52px;}
.reservationForm .zoneBtn .titreBtnSave{font-size:1.3em; margin-bottom:5px;}

/* Récapitulatif */
.reservationForm .recapitulatif {margin-bottom:15px;}
.reservationForm .titre-recap {height:40px; font-size:1.2em; font-style:italic; padding:6px 0; background-color:#b6b6b6;}
.reservationForm .recapitulatif.active .titre-recap {text-align:center; background-color:#7e0000; color:#fff;}
.reservationForm .titre-recap .ref-titre {text-align:right; font-style:normal; font-size:0.8em; padding-top:2px;}
.reservationForm .etape {border:1px solid #dfdfdf; border-top:0; font-size:0.9em; padding:20px 0 10px;}
.reservationForm .titre-etape {height:30px;margin-bottom:10px;}
.reservationForm .libelle-etape {font-size:0.9rem; background-color:#b6b6b6; padding:2px 10px;}
.reservationForm .modifier-etape {text-align:right; color:#b6b6b6;}
.reservationForm .modifier-etape:hover {color:#9e0000;}
.reservationForm .libelle-chp {text-decoration:underline; clear:both;}
.reservationForm .donnees-chp {margin-bottom:10px;}
.reservationForm .passager-referent {margin-bottom:5px;}

.reservationForm .recapitulatif.fermer .etape1 {border-bottom:0; padding-bottom:0;}
.reservationForm .recapitulatif.fermer .etape2 {padding-top:0;}

.reservationForm .errorObligatory { background-color:#FFFF80;}

.popupTrajet .btn-services { width:100%;margin-top:10px; }

/* Boite de dialogue */
/*.ui-dialog .lieu {font-size:1.2em; padding:10px 5px; font-family:"Roboto"; background-color:#dfdfdf; margin-bottom:6px; cursor:pointer;}
.ui-dialog .lieu:hover,
.ui-dialog .lieu:active {background-color:; color:#fff;}*/

.itemRechercheLieu  {display:flex!important; background-color:#FFF; padding:3px!important; color:#000; overflow:hidden; border-bottom:1px solid #E0E0E0; cursor:pointer;}
.itemRechercheLieu:last-child  {border-bottom:0!important; cursor:pointer;}
.itemRechercheLieu:last-child:hover  {border-bottom:0!important;}
.itemRechercheLieu:hover {border-color:#e64242; background:#e64242; color:#fff;}
.itemRechercheLieu:hover .ui-state-active {background:none; border:0; color:#fff;}
.itemRechercheLieu:hover .element {background:none; border:0;}

.itemRechercheLieu .fa   {width:30px; text-align:center; color:#fff; line-height:30px; height:30px; border-radius:20px; background-color:#e64242; padding:0; margin-top:.25rem;}
.itemRechercheLieu:hover .fa   {color:#e64242;background-color:#fff;}
.itemRechercheLieu .element {margin-left:.25rem; padding:.25rem; font-size:.8rem;}

@media (min-width: 576px) {
	.reservationForm .zoneBtnLast {padding-top:30px;}
	.reservationForm .zoneBtnLast .titreBtnSave{position:absolute; top:0; left:0;}
	.reservationForm .upsideBarItem .BarItem{display:block;}

	.reservationForm .titre-etape {font-size:1rem;}
	.reservationForm .libelle-etape {font-size:1.1rem;}
}

@media all and (min-width: 576px) and (max-width: 767px)  {
	.reservationForm .zoneBtnLast .btn{white-space:pre-wrap;}
	.reservationForm .zoneBtnLast .btnPrev{padding:0 0.5rem;}
	.reservationForm .zoneBtnLast .btn-services,
	.reservationForm .zoneBtnLast .btn-other,
	.reservationForm .zoneBtnLast .btn-save{line-height:1; padding:0.5rem 0;}
	.reservationForm .nth2 {clear:both;}
}

@media (min-width: 768px) {


/* trajet */
.reservationForm .input-lieu-addon {/*top:5px;*/ /*width:25px;*/ line-height:30px; padding:4px;}
/* .reservationForm .input-lieu-addon.basic-addon1{left:18px;} */
/* .reservationForm .input-lieu-addon.basic-addon2{left:46px;} */
/* .reservationForm .input-lieu-addon.basic-addon3{left:74px;} */
.reservationForm .input-lieu-addon.icone {font-size:0.9em;}
.reservationForm .btnLieu {margin:0;}

.reservationForm #nb-passagers {padding-top:31px;}
/* .reservationForm .input-lieu input {padding-left:62px;} */

/* PRESTATIONS */
.reservationForm .reservationFormPrestations .row_rad {text-align:center;}
.reservationForm .reservationFormPrestations .rad {cursor:pointer;}
.reservationForm .reservationFormPrestations .rad .rad_img {width:100%; float:none; display:block; margin-right:0;}
.reservationForm .reservationFormPrestations .rad label .titre {text-align:center; margin-bottom:10px;}
.reservationForm .nth4 {clear:both;}

/* BOUTONS */
.reservationForm .zoneBtn {margin-top:30px;}
.reservationForm .zoneBtn .btnPrev + .btnPrev {padding-left:0;}.reservationForm .zoneBtn .btnNext{text-align:right; padding-right:.5rem;}
                                                                                      

/* Récapitulatif */
.reservationForm .libelle-chp {text-align:right;}
.reservationForm .titre-recap,
.reservationForm .titre-etape {font-size:1.4em;}
}

@media (max-width: 767px)  {
.reservationForm .form-group-titre {margin-bottom:0;}
	#formulaireResa {margin:0 0.1em 0 0.1em;}
}

@media (min-width: 992px) {
	.reservationForm .blocPassager {  margin:0 8em 1em 8em; padding:1em 2em 0 2em; border-radius:1em; border :0.25em solid #e2e2e2;  }
}


@media (max-width: 1199px)  {
	.reservationForm .spaceOu {display:none;}
	.reservationForm .btnHeure {font-size:0.9em; padding-left:0; padding-right:0; text-align:center;}
}


@media all and (min-width: 992px) and (max-width: 1200px)  {
	.reservationForm .upsideBarItem .BarItem{font-size:1.2em;}
	.reservationForm .btnLieu {font-size:0.9em; padding:8px;}

	.reservationForm .titre-etape {font-size:1.2em;}
	.reservationForm .titre-etape .supprimer-etape,
	.reservationForm .titre-etape .modifier-etape {font-size:1em;}
}

.reservationForm .hidden-control {display: none!important;}