/* Questionnaire Form */
#wrapper_holder_quesform{ padding-top:0px; padding-bottom:0px; background:#ffffff; border:0px solid red; margin-top:30px;}
#wrapper_quesform{ padding-top:0px; padding-bottom:0px; }
#wrapper_inner_quesform{  }
.quesform_text_1{  text-align:center; width:100%; font-size:27px; margin-top:40px; color:#003366; height:25px; position:relative; float:left; }
.quesform_text_1_inner{ position:absolute; width:100%; height:100%; left:0; top:0; background:none; ms-transform: scale(1,1); -webkit-transform: scale(1,1); transform: scale(1,1);}
.quesform_text_1_inner_scale{ -ms-transform: scale(2,2); -webkit-transform: scale(2,2); transform: scale(2,2); -webkit-transition: transform 0.5s; -moz-transition: transform 0.5s; -ms-transition: transform 0.5s; transition: transform 0.5s; }
.questinnairefrm_questions_holder{ width:600px; left:50%; -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); height:450px; border:0px solid white; float:left; position:relative; margin-top:30px; z-index:2; } 
.questinnairefrm_questions_holder .question_holder_outer{ width:100%; height:450px; float:left; width:100%; margin-top:0px; display:none; border:0px solid green; position:absolute; left:100%; position:absolute; left:0; top:0; }
.questinnairefrm_questions_holder .question_holder_heading{  width:100%; float:left; margin-top:10px; margin-bottom:10px; position:relative; border:0px solid red; font-size:35px; }
.questinnairefrm_questions_holder .form_section{ width:100%; float:left; margin-top:0px; margin-bottom:10px; position:relative; border:0px solid red; }
.questinnairefrm_questions_holder .form_section input[type=text],
.questinnairefrm_questions_holder .form_section input[type=email],
.questinnairefrm_questions_holder .form_section input[type=date]{  width:100%; height:auto; padding:10px 0px; border-radius:0px; line-height:20px; float:left; margin-top:0px; margin-bottom:10px; margin-right:0px; text-align:left; font-size:18px; color:#222222; background:none; border:none; border-bottom:1px solid #222222; font-weight:500; box-sizing:border-box; }
.questinnairefrm_questions_holder .form_section input[type=text]::placeholder{ color:#222222; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7;}
.questinnairefrm_questions_holder .form_section textarea{  width:100%; height:100px; padding:10px 0px; border-radius:0px; line-height:20px; float:left; margin-top:0px; margin-bottom:10px; margin-right:0px; text-align:left;  font-size:18px; color:#222222; background:none; border:none; border-bottom:1px solid #222222; resize: none; font-weight:500;  }
.questinnairefrm_questions_holder .form_section select{  width:100%; padding:10px 0px; border-radius:0px; line-height:auto; float:left; margin-top:0px; margin-bottom:10px; margin-right:0px; text-align:left;  font-size:18px; color:#222222; background:none; border:none; border-bottom:1px solid #222222; font-weight:500;   }
.questinnairefrm_questions_holder .form_section select option{ color:#222222;}

#form_first_name{ width:48%; float:left;}
#form_sur_name{ width:48%; float:right;}
#form_section_emailaddress{ width:48%; float:left; margin-top:30px; }
#form_section_mobilenumber{ width:48%; float:right; margin-top:30px; }
#form_section_your_restaurantname{ margin-top:30px; }

/* Multiselect Script */
.multiselect { width: 100%; box-sizing:border-box; }
.selectBox { position: relative; width: 100% !important; border:0px solid red; }
.selectBox select { width: 100%; width: 100% !important; font-weight:normal; }
.overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
#checkboxes { display: none; border: 0px #dadada solid; width:100%; height:220px; overflow-x:hidden; overflow-y:scroll; font-size:14px; padding-top:10px; padding-bottom:10px; }
#checkboxes label { display: block;  font-size:18px; }

.questinnairefrm_questions_holder .non_validated_field{ border:1px solid #ff0000 !important; }
.questinnairefrm_questions_holder .non_validated_label{ color:#ff0000 !important; }
.questinnairefrm_questions_holder .non_validated_text{ color:#ff0000 !important; }
.questinnairefrm_questions_holder .form_section label{ display:block; width:100%; float:left; text-align:left; color:#222222; font-weight:500; font-size:20px; margin-bottom:10px; border:0px solid yellow; }
.questinnairefrm_questions_holder .form_section label small{ font-weight:400; font-size:16px; }
.questinnairefrm_questions_holder .form_section_submit{ width:100%; float:left; margin-top:10px; margin-bottom:10px; }
.questinnairefrm_questions_holder .form_section_request_callback label{ display:block; width:100%; float:left; text-align:center; color:#000000; font-weight:bold; font-size:18px; margin-bottom:10px; }
.questinnairefrm_questions_holder .btn_submit_request_callback{ width:280px; height:40px; border-radius:6px; background:#006699; line-height:40px; border:0px solid red; float:left; margin-top:0px; margin-bottom:0px; margin-right:0px; text-align:center;  color:#ffffff; font-size:18px; }
.clearboth{ clear:both; }
.questinnairefrm_questions_holder .reg_error_message{ color:#ff0000; font-size:18px;}
.questinnairefrm_questions_holder #form_validation_message_text{ color:#FF0000; float:left; width:100%; margin-top:10px; margin-bottom:10px; }

.checkbox_entry_holder{ width:100%; float:left; margin-top:5px; margin-bottom:5px; border:0px solid red; }
.checkbox_entry_holder .checkbox_input{ display:block; width:20px !important; float:left; font-size:18px; line-height:20px; border:0px solid green; }
.checkbox_entry_holder .checkbox_label{ display:block; width:90% !important; float:left; margin-left:5px; font-size:18px; line-height:20px; border:0px solid green; }
.checkbox_entry_holder .checkbox_label label{ font-size:18px !important; line-height:20px; border:0px solid green; margin:0 !important;  width:100% !important; }


.click_selector_buttons_box_holder{ width:100%; float:left; margin-top:0px; margin-bottom:0px; border:0px solid red; }
.click_selector_buttons_box_holder .click_selector_button{ display:inline-block; float:left; margin-right:20px; margin-bottom:10px; min-width:130px; height:auto; padding:10px; border-radius:6px; line-height:20px;  float:left; text-align:center; font-size:18px; cursor:pointer; color:#FF6666; background:#ffffff; border:2px solid #FF6666; cursor:pointer; font-weight:500; box-sizing:border-box; }
/*.click_selector_buttons_box_holder .click_selector_button:hover{ color:#000000; }*/
.click_selector_buttons_box_holder .click_selector_button.active{ background:#FF6666; color:#ffffff; }
.info_p_extrainfo{ color:#FFFFff; font-weight:400; font-size:16px; margin-bottom:5px; }

/* Button Sizes Override*/
.click_selector_button.click_selector_button_3_per_row{ min-width:150px !important; padding:10px 5px !important; margin-right:15px !important;}
.click_selector_button.click_selector_button_2_per_row{ min-width:300px !important; padding:10px 5px !important; margin-right:15px !important;}
select.select_3_per_row{ width:160px !important; margin-right:20px !important; }

/* Yes No holder */
.yes_no_options_holder{ display:block; float:left; width:600px; margin-left:0px; height:46px; position:relative; border:0px solid red; text-align:right; margin-top:0px; margin-bottom:10px; position:relative; z-index:1; left:50%; -moz-transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); }
.yes_no_option{ position:relative; display:block; padding:10px 30px; -moz-border-radius:12px; -webkit-border-radius:12px; -ms-border-radius:12px; border-radius:12px; background:#FF6666; color:#ffffff;  font-size:16px; text-transform:uppercase; font-weight:500; float:right; margin-left:15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor:pointer; border:2px solid #FF6666;  }
.yes_no_option_prev{ background:none; color:#000000; border:2px solid #000000;}
/* Questionnaire Form */

p.validation_p{ font-size:16px; color:#FF0000; margin-bottom:5px; margin-top:-5px; font-weight:normal !important; float:left; width:100%; }
p.validation_p span{ visibility:hidden;}
p.non_validated_p span{ visibility:visible;}
p.non_validated_p{ color:#ff0000; }

.progress_bar{ width:100%; height:20px; position:absolute; left:0; top:5px; background:none/*#003366*/; }
.progress_bar_inner{ width:100%; height:2px; position:absolute; left:0%; top:9px; background:none; /*#000000*//*rgba(255,204,0,0.1)*/; }
.progress_bar_level{ width:0%; height:2px; position:absolute; left:0; top:0px; background:#24B997; z-index:1; }
.progress_bar_dots_holder{ width:100%; height:10px; position:absolute; left:0; top:-5px; background:none; z-index:2; border:0px solid red; }
.progress_bar_dot{ width:40px; height:10px; position:absolute; left:0; top:0; top:0px; border-radius:0px; display:none; }
.progress_bar_dot_inner{ width:100%; height:100%; position:absolute; left:-50%; top:0; background:#F4E285;/*rgba(255,204,0,0.6);*/ top:0px; border-radius:0px; }
.progress_bar_dot_active .progress_bar_dot_inner{ background:#1E96FC !important; }


.demo-example { margin-bottom: 2em; }
.demo-example > label { display: block; margin-bottom: 0.5em; font-weight: bold; }
.position-menu-within { width: 18em; height: 15em; background: #eee; overflow: auto; padding: 2em 0 0 2em; }
.modal-example .multi-select-menu { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 50%; min-width: 0; overflow: auto; border: none; border-radius: 0.3em; box-shadow: 0 1em 3em rgba(0,0,0,0.4); }
.modal-example .multi-select-menuitem { font-size: 1em; padding: 1.5em 2.5em 1.5em 3.5em; }
.modal-example .multi-select-menuitem + .multi-select-menuitem { padding-top: 0; }
.modal-example .multi-select-menuitem input { margin-left: -2.5em; }
.multi-select-modal { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; background: rgba(0, 0, 0, 0.4); display: none; }
.multi-select-container--open .multi-select-modal { display: block; background:#ff0000; }
.ms-options-wrap{ width:100% !important; max-width:100% !important;}
.ms-options{  background:#ffffff !important; color:#000000; }
.ms-options ul li label{ color:#000000 !important; text-align:left !important; }

.slidecontainer { width: 100%; position:relative; float:left; }
.slidecontainer p{ width: 100%; position:relative; margin-top:10px; z-index:2; color:#000000; font-size:24px; font-weight:600; text-align:center; height:35px; line-height:35px; }
.slider { -webkit-appearance: none; width: 100%; height: 10px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; }
.slider:hover { opacity: 1; }
.slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 24px; height: 24px; background: #24B997; cursor: pointer; margin-top:-2px; border-radius:2px; }
.slider::-moz-range-thumb { width: 24px; height: 24px; background: #24B997; cursor: pointer; margin-top:-2px; border-radius:2px; }