/* CSS Document */
.iti.iti--allow-dropdown {
	width: 100%;
}

#formCours .form-check, 
#formComment .form-check, 
#formContact .form-check, 
#formMaillist .form-check, 
#formMember .form-check, 
#formWin .form-check, 
#formReservationEvent .form-check, 
#formReservationSimpelTable .form-check, 
#formReservationEventWizzard .form-check, 
#formPromotion .form-check,
#formUser .form-check,
#formLogin .form-check,
#formPasswordReset .form-check
{ 
	padding-left: 0; 
}

#formCours .input-group > .input-group-text, 
#formComment .input-group > .input-group-text, 
#formContact .input-group > .input-group-text, 
#formMaillist .input-group > .input-group-text, 
#formMember .input-group > .input-group-text, 
#formWin .input-group > .input-group-text, 
#formPromotion .input-group > .input-group-text, 
#formReservationEvent .input-group > .input-group-text, 
#formReservationSimpelTable .input-group > .input-group-text, 
#formReservationEventWizzard .input-group > .input-group-text, 
#formPromotion .input-group > .input-group-text,
#formUser .input-group > .input-group-text,
#formLogin .input-group > .input-group-text,
#formWin .input-group > .input-group-text,
#formPasswordReset .input-group > .input-group-text
{ 
	position: absolute; 
	height: 100%; 
	display: flex; 
	align-items: center; 
	z-index: 10; 
	background: transparent; 
	border: 0; 
}

#formMember .gj-datepicker .input-group-append,
#formUser .gj-datepicker .input-group-append,
#formPromotion .gj-datepicker .input-group-append,
#formReservationEvent .gj-datepicker .input-group-append,
#formReservationSimpelTable .gj-datepicker .input-group-append,
#formReservationSimpelTable .gj-timepicker .input-group-append,
#formReservationSimpelTable .gj-timepicker .input-group-append > button, 
#formReservationEventWizzard .gj-datepicker .input-group-append,
#formLogin .gj-datepicker .input-group-append,
#formWin .gj-datepicker .input-group-append,
#formPasswordReset .gj-datepicker .input-group-append
{ 
	position: absolute; 
	height: 100%; 
	display: flex; 
	align-items: center; 
	z-index: 10;  
	background: transparent; 
	border: 0; 
	right: 0;
}




#formMember .gj-datepicker .input-group-append > button,
#formUser .gj-datepicker .input-group-append > button,
#formPromotion .gj-datepicker .input-group-append > button,
#formReservationEvent .gj-datepicker .input-group-append > button,
#formReservationSimpelTable .gj-datepicker .input-group-append > button,
#formReservationSimpelTable .gj-timepicker .input-group-append > button,
#formReservationEventWizzard .gj-datepicker .input-group-append > button,
#formLogin .gj-datepicker .input-group-append > button,
#formWin .gj-datepicker .input-group-append > button,
#formPasswordReset .gj-datepicker .input-group-append > button
{ 
	height: 100%; 
	border: 0; 
}

#formCours .input-group > .form-control, 
#formComment .input-group > .form-control, 
#formContact .input-group > .form-control, 
#formMaillist .input-group > .form-control, 
#formMember .input-group > .form-control, 
#formUser .input-group > .form-control, 
#formWin .input-group > .form-control, 
#formReservationEvent .input-group > .form-control, 
#formReservationSimpelTable .input-group > .form-control, 
#formReservationEventWizzard .input-group > .form-control, 
#formPromotion .input-group > .form-control, 
#formLogin .input-group > .form-control, 
#formPasswordReset .input-group > .form-control 
{ 
	border-radius: .25rem; 
}

#formCours #coursEmail, 
#formComment #commentEmail, 
#formContact #contactEmail, 
#formMaillist #maillistEmail, 
#formMember #memberEmail, 
#formUser #userEmail, 
#formWin #winEmail, 
#formReservationEvent #reservationEventEmail, 
#formReservationSimpelTable #reservationSimpelTableEmail, 
#formReservationEventWizzard #reservationEventWizzardEmail, 
#formPromotion #promotionEmail, 
#formLogin #loginEmail , 
#formPasswordReset #passwordForgetEmail 
{ 
	padding-left: 50px; 
}

.form-control.datetimepicker-input.is-valid, .form-control.datetimepicker-input.is-invalid, .form-control.datepicker-input.is-valid, .form-control.datepicker-input.is-invalid, .form-control.timepicker-input.is-valid, .form-control.timepicker-input.is-invalid, .password .form-control.is-valid, .password .form-control.is-invalid  {
    padding-right: 3rem;
    background-position: right calc(1.5rem + .5rem) center;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545;
}

.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #28a745;
}


#formUser .password .input-group-text,
#formLogin .password .input-group-text,
#formPasswordReset .password .input-group-text
{ 
	right: 0;
}

#formUser .password .input-group-text svg,
#formLogin .password .input-group-text svg,
#formPasswordReset .password .input-group-text svg
{ 
	height: 18px;
}




#formReservationEventWizzard .reservationEventWizzardEventList {
	margin: 0;
	padding: 0;
	list-style: none;
}



#formReservationEventWizzard .reservationEventWizzardEventList li > input.custom-control-input.button {
	display: none;
}

#formReservationEventWizzard .reservationEventWizzardEventList li > .custom-control-label.button {
	width: 100%;
	cursor: pointer;
	border: 1px solid #dee2e6;
	padding: 7.5px 15px;
	border-radius: 0.25rem;
	margin-bottom: 0.5rem;
}

#formReservationEventWizzard .reservationEventWizzardEventList li > .custom-control-label.button::before,
#formReservationEventWizzard .reservationEventWizzardEventList li > .custom-control-label.button::after {
	background: white;
	border: 0;
	color: transparent;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}


#formReservationEventWizzard .reservationEventWizzardEventList li > .custom-control-label.button:hover::before {
	opacity: .5;
}

#formReservationEventWizzard .reservationEventWizzardEventList li > .custom-control-input:checked ~ .custom-control-label::before,
#formReservationEventWizzard .reservationEventWizzardEventList li > .custom-control-input.button:checked ~ #formReservationEventWizzard .reservationEventWizzardEventList li > .custom-control-label.button::after{
	opacity: 1;
}


#formReservationEventWizzard .img {
	float: left;
	position: relative;
    display: block;
	overflow: hidden;
    width: 15%;
	height: auto;
    padding: 0;
	border-radius: 0.25rem;
	margin-right: 0.5rem;
	z-index: 1;
}

#formReservationEventWizzard .img::before {
    padding-top: 56.25%;
    display: block;
    content: "";
}

#formReservationEventWizzard .img img {
	position: absolute;
    width: 101%;
    height: 101%;
	min-height: 100%;
	min-width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	object-fit: cover;
}


#formReservationEventWizzard .custom-control-label.button > .content {
	z-index: 1;
	position: relative;
	width: calc(85% - .5rem);
	float: right;
}


#formReservationEventWizzard .reservationEventWizzardOptionList.accordion .card {
	margin-bottom: .5rem;
	border-radius: 0.25rem;
}


#formReservationEventWizzard .reservationEventWizzardOptionList.accordion .card .card-header {
	padding: 0;
	margin-bottom: 0;

}

#formReservationEventWizzard .reservationEventWizzardOptionList.accordion .card .card-body {
	padding: 7.5px 15px;
}

#formReservationEventWizzard .reservationEventWizzardOptionList.accordion .card .card-header button {
	padding: 7.5px 15px;
}

#formReservationEventWizzard .reservationEventWizzardOptionList.accordion .card .card-header button  > .content {
	z-index: 1;
	position: relative;
	width: calc(85% - .5rem);
	float: right;
}








#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder {
	width: 100%;
	display: table;
}

#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .position {
	width: 100%;
	margin-bottom: 1rem;
	display: flex;
}

@media (max-width: 767px) {
	#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .position {
		display: inline-block;
	}
}


#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .position .content{
	width: 50%;
}

@media (max-width: 767px) {
	#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .position .content{
		width: 100%;
	}
}


#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .position .content .variant,
#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .position .content .extensions {
	width: 100%;
	vertical-align: top;
	display: inline-block;
}

#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .position .content .option .headline{
	width: 100%;
	vertical-align: top;
	display: inline-block;
}

#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .position .content .variant .headline,
#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .position .content .extensions .headline {
	width: auto;
	vertical-align: top;
	display: inline-block;
}

#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .position .content .variant .price,
#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .position .content .extensions .price {
	width: auto;
	vertical-align: top;
	display: inline-block;
}





#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .position .priceline {
	display: inline-block;
	width: 50%;
}

@media (max-width: 767px) {
	#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .position .priceline {
		width: 100%;
	}
}

#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .position  .priceline .number {
	width: auto;
	padding-right: 5px;
	text-align: right;
	display: inline-block;
}

#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .position .priceline .singleprice {
	width: auto;
    text-align: left;
    padding-right: 10px;
	display: inline-block;
}


#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .position .priceline .price {
    text-align: right;
    float: right;
	display: inline-block;
}



#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .position .priceline .delete {
	width: 35px;
	min-width: 35px;
	padding-left: 10px;
	margin-top: -3px;
	text-align: right;
	float: right;
}

#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .position .priceline .delete .btn-delete {
	padding: 1px 4px 3px;
	width: 100%;
}

#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .total,
#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .conservationdifference,
#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .conservation {
	margin-bottom: 1rem;
}

#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .total .headline,
#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .conservationdifference .headline,
#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .conservation .headline {
	display: inline-block;
}


#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .total .price,
#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .conservationdifference .price,
#formReservationEventWizzard #reservationEventWizzardOptionBook .preorder .conservation .price {
	float: right;
}



#formReservationEventWizzard .reservationEventWizzardCheckList {
	margin: 0;
	padding: 0;
	list-style: none;
}

#formReservationEventWizzard .reservationEventWizzardCheckList .card  {
	margin-bottom: 0.5rem;
}


#formReservationEventWizzard .reservationEventWizzardCheckList .card .card-header,
#formReservationEventWizzard .reservationEventWizzardCheckList .card .card-body {
	padding: 7.5px 15px;
}


#formReservationEventWizzard .reservationEventWizzardCheckList .card .card-body .line {
    display: flex;
    position: relative;
    width: 100%;
    margin-bottom: 0.5rem;
}


#formReservationEventWizzard .reservationEventWizzardCheckList .card .card-body .line .img {
	float: left;
	position: relative;
    display: block;
	overflow: hidden;
    width: 15%;
	height: auto;
    padding: 0;
	border-radius: 0.25rem;
	margin-right: 0.5rem;
	z-index: 1;
}

#formReservationEventWizzard .reservationEventWizzardCheckList .card .card-body .line .img::before {
    padding-top: 56.25%;
    display: block;
    content: "";
}

#formReservationEventWizzard .reservationEventWizzardCheckList .card .card-body .line .img img {
	position: absolute;
    width: 101%;
    height: 101%;
	min-height: 100%;
	min-width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	object-fit: cover;
}


#formReservationEventWizzard .reservationEventWizzardCheckList .card .card-body .line > .content {
	z-index: 1;
	position: relative;
	width: calc(85% - .5rem);
	float: right;
}