/* responsive */
@media (max-width: 425px) {
	.form_item .formatted_radio { position: relative; margin-left: -109px !important; left: 50%; clear: both; }
	.questionnaire > .title .left { display: block; float: right; margin-top: 30px; }
	.questionnaire > .title h1 { display: block; float: left; width: 100%; box-sizing: border-box; }
	.questionnaire > .title { display: block; float: left; width: 100%; box-sizing: border-box; }
	.questionnaire .form_content { width: 100%; box-sizing: border-box; }
	table.action_form tr td,
	table.action_form tr th { display: block; width: 100%; float: left; box-sizing: border-box; }
	.rte p { font-size: 14px; }
}

@media (min-width: 715px) {
	.form_item .formatted_radio:nth-child(5),
	.form_item .formatted_radio:nth-child(9),
	.form_item .formatted_radio:nth-child(4), { margin-left: 10px !important; }
	.form_item .formatted_radio:nth-child(3),
	.form_item .formatted_radio:nth-child(5),
	.form_item .formatted_radio:nth-child(7),
	.form_item .formatted_radio:nth-child(9) { margin-left: 0px !important; }
}

@media (min-width: 716px) {
	.content_section {width:736px;}
	.questionnaire .form_content {min-width: 684px;}

	.form_item .formatted_radio:nth-child(3),
	.form_item .formatted_radio:nth-child(5),
	.form_item .formatted_radio:nth-child(9) { margin-left: 10px !important; }
	.form_item .formatted_radio:nth-child(4),
	.form_item .formatted_radio:nth-child(7) { margin-left: 0px !important; }
}

@media (min-width: 992px) {
	.content_section {width:960px;}
	.questionnaire .form_content {min-width: 908px;}

	.form_item .formatted_radio:nth-child(4),
	.form_item .formatted_radio:nth-child(7) { margin-left: 10px !important; }
	.form_item .formatted_radio:nth-child(5),
	.form_item .formatted_radio:nth-child(9) { margin-left: 0px !important; }
}

/* body section general */
.wrapper { background: #f4f4f4; min-width: auto; border-bottom: 1px solid #ddd;}
.body_section {margin-top: 10px;}
.container {width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;}
.content_section { overflow: hidden; float: right; padding: 0px; clear: none; min-height: auto !important; }
.head_wrap {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;}
.head_wrap .logo{width: auto;}

/*h1*/
.title {margin-top: 0px; border-spacing: 0;padding: 10px 20px;}
.title h1 {font-family: sans-serif;font-family: Arial;font-size: 20px;font-weight: bold;color: #ffffff;padding: 0px !important;}

/* RTE */
.rte { padding: 5px;}

.application-tabs h2 {padding: 10px 0 0 0 !important;}

.questionnaire .form_content {float: left; background: #fff; padding: 0 15px 15px 15px; border: 1px solid #efefef; width: 100%; box-sizing: border-box; }
.questionnaire .actions.right { margin-left: 10px; }

.footer{padding: 10px 20px;}

table.action_form{margin: 10px 0 10px 0;}

.btn { padding: 8px 15px; font-size: 20px; border-radius: 5px;}

.catering_menu .inputwrap input.radio,
.catering_menu .inputwrap label.radio { display: none; }
.form_item .inputwrap label.error { display: block; float: left; width: 100%; margin-top: 10px; color: red; font-size: 14px; font-weight: bold; }
.form_item { display: block; float: left;  width: 100%; }
.catering_menu .formatted_radio { display: block; float: left; margin: 10px 0px 0px 10px; width: 200px; padding: 9px 9px 7px 9px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; }
.catering_menu .formatted_radio:hover { cursor: pointer; border: 2px solid var(--secondary); padding: 7px 7px 5px 7px; }
.catering_menu .formatted_radio:first-child { margin-left: 0px; }
.catering_menu .formatted_radio:nth-child(5),
.catering_menu .formatted_radio:nth-child(9) { margin-left: 0px; }
.catering_menu .formatted_radio.selected { border: 2px solid var(--secondary); padding: 7px 7px 5px 7px; }
.catering_menu .formatted_radio .name { display: block; float: left; width: 100%; }
.catering_menu .formatted_radio .name > span { display:block; float: left; width: 100%; padding: 5px 0px; min-height: 14px;}
.catering_menu .formatted_radio .name span.item_name { min-height: 48px; font-size: 14px; margin-bottom: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.catering_menu .formatted_radio .name span.veggie { padding: 2px 5px; border-radius: 5px; background: #07c592; color: #fff; }
.catering_menu .formatted_radio .name span.veggie i { margin-right: 5px; }
.catering_menu .formatted_radio .name span.allergens { min-height: 46px; }
.catering_menu .formatted_radio .name span.allergen { padding: 2px 5px; border-radius: 5px; background: #f67979; color: #fff; margin-left: 0px; margin-right: 5px; margin-bottom: 5px; float: left; }
.catering_menu .formatted_radio .name span.allergen:first-child { margin-left: 0px; }
.catering_menu .formatted_radio .name span.allergen .icon { margin-right: 5px; }
.catering_menu .formatted_radio .name span.allergen .initials { margin-left: -2px; }
.catering_menu .formatted_radio .name span.calories { width: auto; height: 14px; margin-bottom: 5px; padding: 2px 5px; border-radius: 5px; background: #3a7ca5; color: #fff; }
.catering_menu .formatted_radio .image { display: block; float: left; width: 200px; height: 200px; display: flex; align-items: center; border: 1px solid rgba(0, 0, 0, 0.05); border-radius: 5px; overflow: hidden;  }
.catering_menu .formatted_radio .image img { width: 100%; }

.catering_menu .meal_option { display: block; float: left; width: 100%; padding: 5px 0px; }
.catering_menu .meal_option input { display: none; }
.catering_menu .meal_option label { display: block; width: 100%; float: left; cursor: pointer; }
.catering_menu .meal_option label span.text_label { font-size: 15px; line-height: 40px; margin-left: 10px; }
.catering_menu .meal_option label span.toggle_icon { display: block; float: left; font-size: 40px; }
.catering_menu .meal_option label span.toggle_icon i { color: #333; }
.catering_menu .meal_option label span.toggle_icon .hidden { display: none; }

.form_item .form_title { display: block; float: left; width: 100%; background: none; padding: 10px 0px; margin: 10px 0px 0px 0px; box-sizing: border-box; border-bottom: 1px solid var(--primary); box-sizing: border-box; }
.form_item .form_title h2 { color: var(--primary); margin: 0px; padding: 0px !important; font-size: 15px; }

.service_user .inputwrap { display: none; }
.service_user .inputwrap > div { margin: 0px 0px 15px 0px;  }
.service_user .inputwrap > div:first-child { margin-top: 15px; }
.service_user .inputwrap label { font-size: 14px; margin-left: 5px;}
.service_user .inputwrap input { margin-bottom: 2px; }

.service_user .choice_table { display: block; float: left; width: 100%; padding: 0px 1%; }
.service_user .choice_table .day { display: block; float: left; width: 13%; margin-left: 1%; }
.service_user .choice_table .day .day_name,
.service_user .choice_table .day .choice { display: block; float: left; width: 100%; text-align: center; }
.service_user .choice_table .day .choice { color: #07c592; height: 14px; }
.service_user .formatted_radio .name span.item_name { text-align: center; }
.service_user { padding-bottom: 10px; }