#bookingForm {
	font-family: Avenir, Arial, sans-serif;
}

#bookingForm a,
footer a {
	color: #135648;
	border-bottom: 1px solid #699E8D;
}

#bookingForm .form-control {
	/*Använder 16px för att Safari på iPhone zoomar in vid fokus på inputfält om fonten är mindre*/
	font-size: 16px;
}

#bookingForm .form-group .field-row label,
#bookingForm .form-group .attribute-row label,
#bookingForm .form-group .question-row label {
	width: 100%;
	text-align: left;
	font-weight: 600;
	margin-bottom: 5px;
}
#bookingForm .form-group .field-row label + div,
#bookingForm .form-group .attribute-row label + div,
#bookingForm .form-group .question-row .col-sm-8,
#bookingForm .form-group.form-group-subevents .col-sm-8 {
	width: 100%;
}

#bookingForm .form-group.form-group-subevents {
	background-color: rgb(255,191,117,0.15);
    padding: 10px 30px 30px;
    border-radius: 6px;
    margin-top: 40px;
    margin-bottom: 50px;
}

#bookingForm .form-group.form-group-subevents label > span {
	font-weight: 600;
}

#bookingForm.form-horizontal .checkbox {
	padding-top:  20px;
}

#bookingForm .form-group .field-row .form-control,
#bookingForm .form-group .attribute-row .form-control,
#bookingForm .form-group .question-row .form-control {
	padding: 12px;
	border-radius: 6px;
	border-width: 1px;
	border-style: solid;
	border-color:  #cfc9c3;
	height: auto;
}

@media (max-width: 767px) {
	#bookingForm .form-group .field-row-left label,
	#bookingForm .form-group .attribute-row-left label,
	#bookingForm .form-group .question-row-left label,
	#bookingForm .form-group .field-row-left label + div,
	#bookingForm .form-group .attribute-row-left label + div,
	#bookingForm .form-group .question-row-left .col-sm-8 {
		width: 100%;
	}
}

@media (min-width: 768px) {
	#bookingForm .form-group .field-row-left,
	#bookingForm .form-group .attribute-row-left,
	#bookingForm .form-group .question-row-left {
		display: flex;
		align-items: center;
	}
}

#bookingForm .form-group .field-row-left label,
#bookingForm .form-group .attribute-row-left label,
#bookingForm .form-group .question-row-left label {
	text-align: left;
	font-weight: 600;
	margin-bottom: 5px;
}

#bookingForm .form-group .field-row-left .form-control,
#bookingForm .form-group .attribute-row-left .form-control,
#bookingForm .form-group .question-row-left .form-control {
	padding: 12px;
	border-radius: 6px;
	border-width: 1px;
	border-style: solid;
	height: auto;
}

.question-row .extraPriceField {
	width: 100%;
	left: 0;
}
.question-row .widget-number,
.question-row-left .widget-number,
.single-accessory-wrapper .widget-number{
	padding: 15px;
	border-radius: 2px;
	border-width: 1px;
	border-style: solid;
	height: auto;
}
.question-row .widget-timepicker, 
.question-row-left .widget-timepicker {
	padding: 15px;
	border-radius: 2px;
	border-width: 1px;
	border-style: solid;
	height: auto;
}

.single-accessory-wrapper .control-label {
	padding-top: 15px;
	padding-left: 0;
	text-align: left;
}

.accessory-price {
	padding-left: 10px;
}

#bookingForm .form-group.customer_zip, #bookingForm .form-group.customer_city {
	width: 50%;
	display: inline-block;
}
#bookingForm .form-group.customer_city {
	margin-left: 40px;
}
#bookingForm .nameWrapper {
	border-bottom: 1px solid #cfc9c3;
	text-align: left;
	padding-left: 0;
	padding-right: 0;
	margin-top: 30px;
}
#bookingForm .nameWrapper .rowName {
	margin-left: 0;
	margin-right: auto;
	text-transform: none;
	color: #332921;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 19px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
#bookingForm .form-participant + .form-group .col-sm-4, #bookingForm .addcontactasparticipantrow > div {
	width: auto;
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
	width: 100%;
	text-align: right;
}
#bookingForm .ParticipantBtn, #bookingForm .addcontactasparticipantbutton {
	border: 2px solid #273777;
	border-radius: 27px;
	padding: 15px 25px;
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
}
#bookingForm .form-payment .nameWrapper {
	padding-left: 15px;
	padding-right: 15px;
}
#bookingForm .form-payment .col-sm-4.control-label,
#bookingForm .pricename_partblock .col-sm-4,
#bookingForm .form-group-subevents .col-sm-4,
#bookingForm .id06-consent .col-sm-4.control-label {
	width: 130px;
	text-align: left;
	font-size: 16px;
}
#bookingForm .form-payment .col-sm-4.control-label + div,
#bookingForm .pricename_partblock .col-sm-4.control-label + div,
#bookingForm .form-group-subevents .col-sm-8,
#bookingForm .id06-consent .col-sm-8{
	font-size: 16px;
}
#bookingForm .form-payment .col-sm-8{
	left: 20px;
}

#bookingForm #sendFormBtn {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	line-height: 19px;
	padding: 18px 35px;
	display: inline-block;
	border-radius: 30px;
	border-width: 2px;
	width: 100% !important;
}
#bookingForm .logo-wrapper {
	padding-bottom: 40px;
	text-align:  center;
}

#bookingForm .preview-wrapper {
	text-align: center;
	font-style: italic;
	color: red;
	padding-bottom: 15px;
}

#bookingForm .original-unnamed-participant-price .error-span {
	margin-left: -15px;
}

#bookingForm .text-danger {
	margin-bottom: 0 !important;
}

#bookingForm .usealtinvoicefields .col-sm-offset-4 {
	margin-left: 15px;
}

.form-checkbox-readonly {
	accent-color: gray;
}

.header-flex-div {
	display:  none;
	/*display: flex;
	place-content: space-between;
	align-items: center;*/
}