/* Life Insurance Form */
#wrapper_holder_lifeinsurance{ padding-top:0px; padding-bottom:40px; background:#E8562A;}
#wrapper_lifeinsurance{ padding-top:0px; padding-bottom:0px; }
#wrapper_inner_lifeinsurance{  }
.lifeinsurance_text_1{  text-align:center; width:100%; font-size:27px; margin-top:40px; color:#003366; height:25px; position:relative; float:left; }
.lifeinsurance_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);}
.lifeinsurance_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; }
.life_insurance_questions_holder{ width:600px; margin-left:300px; height:450px; border:0px solid white; float:left; position:relative; margin-top:30px; z-index:2; } 
.life_insurance_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; }
.life_insurance_questions_holder .question_holder_heading{  width:100%; float:left; margin-top:10px; margin-bottom:10px; position:relative; border:0px solid red; font-size:35px; }
.life_insurance_questions_holder .form_section{ width:100%; float:left; margin-top:0px; margin-bottom:10px; position:relative; border:0px solid red; }
.life_insurance_questions_holder .form_section input[type=text]{ font-family: 'Geomanist_Light_webfont'; width:400px; height:20px; padding:10px 5px; border-radius:0px; line-height:20px; float:left; margin-top:0px; margin-bottom:10px; margin-right:10px; text-align:left;  font-size:20px; color:#ffffff; background:none; border:none; border-bottom:2px solid #ffffff; font-weight:bold; }
.life_insurance_questions_holder .form_section input[type=text]::placeholder{ color:#ffffff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7;}
.life_insurance_questions_holder .form_section textarea{ font-family: 'Geomanist_Light_webfont'; width:400px; height:100px; padding:10px 5px; border-radius:0px; line-height:20px; float:left; margin-top:0px; margin-bottom:10px; margin-right:10px; text-align:left;  font-size:20px; color:#ffffff; background:none; border:none; border-bottom:2px solid #ffffff; resize: none; font-weight:bold;  }
.life_insurance_questions_holder .form_section select{ font-family: 'Geomanist_Light_webfont'; width:400px; padding:10px 5px; border-radius:0px; line-height:20px; float:left; margin-top:0px; margin-bottom:10px; margin-right:10px; text-align:left;  font-size:20px; color:#ffffff; background:none; border:none; border-bottom:2px solid #ffffff; font-weight:bold;   }
.life_insurance_questions_holder .form_section select option{ color:#000000;}
/* Multiselect Script */
.multiselect { width: 400px; }
.selectBox { position: relative; width: 400px !important; border:0px solid red; }
.selectBox select { width: 100%; width: 400px !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; }

.life_insurance_questions_holder .non_validated_field{ border:1px solid #ffff00 !important; }
.life_insurance_questions_holder .non_validated_label{ color:#ffff00 !important; }
.life_insurance_questions_holder .non_validated_text{ color:#ffff00 !important; }
.life_insurance_questions_holder .form_section label{ display:block; width:100%; float:left; text-align:left; color:#ffffff; font-weight:bold; font-size:22px; margin-bottom:10px; border:0px solid yellow; }
.life_insurance_questions_holder .form_section_submit{ width:100%; float:left; margin-top:10px; margin-bottom:10px; }
.life_insurance_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; }
.life_insurance_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; }
.life_insurance_questions_holder .reg_error_message{ color:#ff0000; font-size:18px;}
.life_insurance_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:560px; 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:20px; padding:10px; border-radius:6px; line-height:20px;  float:left; text-align:center;  font-size:17px; cursor:pointer; color:#0099CC; background:#ffffff; border:2px solid #0099CC; cursor:pointer; font-weight:bold; }
/*.click_selector_buttons_box_holder .click_selector_button:hover{ color:#000000; }*/
.click_selector_buttons_box_holder .click_selector_button.active{ background:#ffff00; color:#111111; }
.info_p_extrainfo{ color:#FFFFff; font-weight:bold; font-size:16px; margin-bottom:10px; }

/* 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:300px; height:46px; position:relative; border:0px solid red; text-align:right; margin-top:0px; margin-bottom:10px; position:relative; z-index:1; }
.yes_no_option{ position:relative; display:block; padding:14px 24px; border-radius:8px; background:#0099CC; color:#111111;  font-size:20px; text-transform:uppercase; font-weight:bold; float:right; margin-left:15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor:pointer;  }
.yes_no_option_prev{ background:#111111; color:#0099CC;}
/* Life Insurance Form */

p.validation_p{ font-size:18px; color:#FF0000; margin-bottom:5px; margin-top:-5px; }
p.validation_p span{ visibility:hidden;}
p.non_validated_p span{ visibility:visible;}
p.non_validated_p{ color:#ffff00; }

.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:#ffff00;/*rgba(255,204,0,0.1)*/; }
.progress_bar_level{ width:0%; height:2px; position:absolute; left:0; top:0px; background:rgba(0,255,0,1.0); z-index:1; }
.progress_bar_dots_holder{ width:100%; height:12px; position:absolute; left:0; top:-5px; background:none; z-index:2; border:0px solid red; }
.progress_bar_dot{ width:12px; height:12px; position:absolute; left:0; top:0; top:0px; border-radius:12px; display:none; }
.progress_bar_dot_inner{ width:12px; height:12px; position:absolute; left:-6px; top:0; background:#ffff00;/*rgba(255,204,0,0.6);*/ top:0px; border-radius:12px; }
.progress_bar_dot_active .progress_bar_dot_inner{ background:rgba(0,255,0,1.0) !important; }

/* Overrides */
#form_section_country .select{ width:100%;}
.click_selector_button.click_selector_button_question_0 { min-width:250px !important; padding:8px 5px !important; margin-right:15px !important; margin-bottom:3px !important;}
.click_selector_button.click_selector_button_question_1 { min-width:250px !important; padding:8px 5px !important; margin-right:15px !important; margin-bottom:10px !important;}
.click_selector_button.click_selector_button_question_2 { min-width:250px !important; padding:10px 5px !important; margin-right:15px !important;}
.click_selector_button.click_selector_button_question_3 { min-width:250px !important; padding:10px 5px !important; margin-right:15px !important;}
.click_selector_button.click_selector_button_question_4 { min-width:250px !important; padding:10px 5px !important; margin-right:15px !important;}
.click_selector_button.click_selector_button_question_5 { min-width:250px !important; padding:10px 5px !important; margin-right:15px !important;}
.click_selector_button.click_selector_button_question_6 { min-width:250px !important; padding:10px 5px !important; margin-right:15px !important;}
.click_selector_button.click_selector_button_question_8 { min-width:250px !important; padding:10px 5px !important; margin-right:15px !important;}
.click_selector_button.click_selector_button_question_9 { min-width:250px !important; padding:10px 5px !important; margin-right:15px !important;}
/* End Overrides */

.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;
}