/* HBS-1555 */
.cmp-form-options__field--drop-down {
    background-color: transparent;
    background-image: url(../../../../sunlife/legacy/assets/slfglobal/globalweb/responsive/images/en/form-ui-select-dropdown-arrow.png);
    background-position: 100%;
    background-repeat: no-repeat;
    height: 3rem;
    overflow-wrap: normal;
    padding: 0 30px 0 16px;
    margin-top:5px;
}
.cmp-form-options__field--drop-down {
    -webkit-appearance: none;
    -moz-appearance: none;
    /* appearance:none; */
    background-color: #fff;
    border: 1px solid #a0a5a7;
    border-radius: 0;
    color: #5b6062;
    font-size: 1rem;
    font-weight: 400;
    width: 100%
}
.cmp-form-options--drop-down .cmp-form-options__label{
    width:100%;
}
/* HBS-1555 */
/* HBS-1558 button CSS start here*/
.html-component a{
    color: #184a58;
    cursor: pointer;
    font-size: 1pc;
    font-weight: 700;
    text-decoration: none;
}
.primary-yellow-button-rte {
    background-color: #ffcb05;
    border: none;
    border-radius: 4px;
    color: #184a58;
    cursor: pointer;
    display: flex;
    display: inline-block;
    flex-direction: column;
    font-weight: 700;
    justify-content: center;
    line-height: 26px;
    max-width: 275px;
    min-height: 3pc;
    min-width: 136px;
    padding: 6px 1pc;
    text-align: center;
    text-decoration: none;
}
.primary-yellow-button-rte a{
    color: #184a58;
    cursor: pointer;
    font-size: 1pc;
    font-weight: 700;
    text-decoration: none;
}
.primary-yellow-button-rte:hover a {
    text-decoration: none;
}
.primary-yellow-button-rte:hover {
    background-color: #4a7283;
    text-decoration: none;
}
@media (min-width: 768px) {
    .primary-blue-button-rte, .primary-yellow-button-rte, .secondary-button-rte {
        display: inline-flex;
    }
}   
/* HBS-1558 button CSS end here*/
/* HBS-1566 */
div#qc_q1 {
    justify-content: center;
    align-items: center;
}
input#qc_optionGender1, input#qc_optionGender2, input#qc_optionSmoke1, input#qc_optionSmoke2, input#qc_optionRider1, input#qc_optionRider2 {
    opacity: 0;
    position: absolute;
    z-index: -99;
}
button, input, optgroup, select, textarea {
    color:inherit
}
/* HBS-1566 */
/* HBS-1567 */
[hidden], .hidden {
    display: none !important;
}
.btn.disabled, .btn[disabled], fieldset[disabled]{
    cursor: not-allowed;
}
/* HBS-1567 */
/* HBS-1592 Article image and radio button CSS start here */
img.article-img{
    margin: 9pt 0 30px;
    width: 100%;
}
/*adding HBS-1595 fix*/
img.mobile_img_max_width {
    width: 100%;
}

@media (max-width: 1180px) {
    #pbc_vn_1 img {
    max-width: 100%;
    width: 100%;
  }
}

/*end adding HBS-1595 fix*/
input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: content-box;
    background-color: #fff;
    border: 1px solid #a0a5a7;
    border-radius: 50%;
    height: 24px;
    padding: 3px;
    width: 24px;
}
input[type=radio]:checked {
    background-color: #184a58;
}
/*adding HBS-1595 - Mobile view fix*/
@media (max-width: 1023px) {
    img.article-img,img.mobile_img_max_width {
        max-width: 100%;
    }
}
/* HBS-1592 Article image and radio button CSS end here */

/*HBS- 1596 */
@media(max-width: 767px) {
   .primary-yellow-button-rte {
        display:inline-flex;
    }
}  
/* HBS-1596 CSS end here */
/* HBS-1594 */
#pollAnswer input[type=radio]:checked {
    background-color: #184a58;
}

#pollAnswer input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: content-box;
    background-color: #fff;
    border: 1px solid #a0a5a7;
    border-radius: 50%;
    height: 24px;
    padding: 3px;
    width: 24px;
}

@media (max-width: 1180px) {
    #pollAnswer img {
        max-width: 100%;
        width: 100%;
    }
}

/* HBS-1594 */
/* HBS-1573 */
.qc_plan_item_main ins {
    padding-right: 10px;
    float: left;
}
#get_a_quote a{
    background-color: #ffcb05;
    border: 0;
    border-radius: 4px;
    color: #184a58;
    cursor: pointer;
    display: flex;
    display: inline-flex;
    flex-direction: column;
    font-weight: 700;
    justify-content: center;
    line-height: 26px;
    max-width: 275px;
    min-height: 3pc;
    min-width: 136px;
    padding: 6px 1pc;
    text-align: center;
    text-decoration: none
}

#get_a_quote a:hover {
    background-color: #4a7283;
    color: #fff;
    text-decoration: none
}
/* HBS-1573 */


/* HBS-1601 */
.wp_main_question {
	display: flex;
	flex-wrap: wrap;
}
[data-toggle="buttons"]>.btn input[type="radio"],[data-toggle="buttons"]>.btn-group>.btn input[type="radio"],[data-toggle="buttons"]>.btn input[type="checkbox"],[data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
}
.wp_main span#wp_q1_ans_main,.wp_main span#wp_q2_ans_main {
	position: relative;
}
.wp_main label.wp_label2 {
	padding-right: 5px;
}
.wp_main #wp_q3 .wpmobileOnly {
	display: none !important;
}
#wp_container .wp_label2{
    width: auto !important;
    right: 0px;
}
@media (min-width: 220px) and (max-width: 767px) {
	.wp_main .wp_q_txt {
		width: 100%;
		text-align: left !important;
	}
	.wp_main #wp_q3 .wp_no_padding {
		flex: 0 1 42% !important;
	}
}
@media (max-width: 1024px) {
	.wp_main .wp_main_question {
		padding-top: 0px;
		flex-direction: column;
		align-items: center;
	}
	.wp_main #wp_q3 {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}
	.wp_main #wp_q3 .wp_q_txt {
		flex: 1 1 100%;
		text-align: center;
	}
	.wp_main #wp_q3 .wp_no_padding {
		flex: 0 1 auto;
	}
	.wp_main #wp_q3 .btn-group {
		flex: 1 1 100%
	}
    .wp_qmain_1, .wp_qmain_2, .wp_qmain_3 {
        margin-right: 0;
   }
   #wp_container .row {
    height: auto;
    min-height: 775px;
}
}
@media (min-width: 220px) and (max-width: 767px) {
    .wp_qmain_1, .wp_qmain_2, .wp_qmain_3 {
        margin-right: 30px;
   }
  
}
.wp_result_bottombtn a {
color: #23527c !important;
}
.wp_frame_contentv3 a:hover,.wp_result_bottombtn a:hover {
    text-decoration: underline !important;
}
#wp_container .margin-center {
    margin: auto;
    position: relative;
}
@media screen and (min-device-width: 481px) and (max-width: 768px) {
    .wp_overflow {
        padding: 0;
   }
    .wp_main {
        margin-right: 0;
        min-width: auto;
   }
}
    @media (max-width: 320px) {
        .wp_icon_on1 {
            margin-left: -10%;
       }
        .wp_icon_off2 {
            margin-left: 5%;
       }
        .wp_icon_off3 {
            margin-left: 22%;
       }
        .wp_icon_on1 {
            margin-left: -41px;
       }
        .wp_icon_off2 {
            margin-left: -2px;
       }
        .wp_icon_off3 {
            margin-left: 37px;
       }
        .wp_icon_off1 {
            margin-left: -65px;
       }
        .wp_icon_on2 {
            margin-left: -25px;
       }
        .wp_icon_off3b {
            margin-left: 15px;
       }
        .wp_icon_on3 {
            margin-left: 5%;
       }
        .wp_icon_off2b {
            margin-left: -18%;
       }
        .wp_icon_off1b {
            margin-left: -33%;
       }
   }
/* HBS-1601 */
/* HBS-1155 */
.sl-menu-dropdown.sl-menu-dropdown .dropdown-toggle.nav-link.utility-nav-item-container { 
    font-size: 14px;
}
/* HBS-1155 */
/* HBS-1612 */
.cmp-form-options__label {
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%;
}
    
.cmp-form-options__field--drop-down {
    border: 1px solid #a0a5a7;
    border-radius: 0;
    color: #5b6062;
    font-family: sunlife-sans;
    font-size: 1rem;
    font-weight: 400;
    width: 100%;
    background-color: #fff;
    appearance: none;
    background-position: 100%;
    background-repeat: no-repeat;
    height: 3pc;
    overflow-wrap: normal;
    padding: 0 30px 0 1pc;
}
/* HBS-1612 */
/* HBS-1568 */
@media (min-width: 220px) and (max-width: 767px) {
    .form_date.qc_main_question{
	flex-direction:column;
	}
}
/* HBS-1568 */
/* hbs-1706 */
#wp_q1_ans_main .wp_label2 {
    position: absolute !important;
}
/* hbs-1706 */