.html-component .cmp-text > p{
    margin:0;
}
.html-component  a {
    font-weight: 700;
    color: #4a7295;
    text-decoration: none;
}
.panel-default h4 a[data-toggle="collapse"]{
	border : none !important;
	color : white !important;
}
.jumbotron, .btn, input[type=text], textarea, .slf-tabs a, .slf-full-tabs a, .panel, .panel-heading {
    border-radius: 0 !important;
    margin-bottom: 0;
}
.btn-yellow, .btn-blue, .search-container input[type=button], .global-search input[type=button], .btn-sec-transparent, .btn-sec-transparent-blue, .btn-sec-blue {
    padding: 7px 19px !important;
    margin: 0 !important;
    min-height: 40px !important;
    white-space: normal;
}
.tool_main, .popup_main, .rm-print-preview {
    font-family: "Sun Life New Text Regular", "Helvetica Neue", "Calibri", "sans-serif" !important;
}
.header .header-banner.do-animation {
    opacity: 1;
}
.tool_main .banner-wrapper.center, .popup_main .banner-wrapper.center, .rm-print-preview .banner-wrapper.center {
    -ms-flex-align: center;
    align-items: center;
}
.header .text.do-animation {
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}
.tool_main .header .text {
    padding: 30px;
    text-align: center;
}
.tool_main .header p {
    font-size: 18px;
    line-height: 20px;
    margin-bottom:0;
}
.tool_main .header p:last-child {
    padding-top: 20px;
}
h2, .h2, .featured-content-list .editorial, .featured-content-list-multiple-link .editorial, .featured-content-list.multiple-link-variation .editorial, .featured-content-list-tool .editorial, .featured-content-list.tool-variation .editorial {
    font-family: 'sunlife-sans';
}
h4, .h4 {
    font-family: 'sunlife-sans';
    line-height: 30px;
}
.slf-yellow {
    color: #FFCB05 !important;
    
}
/*body:lang(zh-TW) .slf-yellow {
    color: #FFCB05 !important;
    font-size: 18px;
}*/

.tool_main{
    padding: 0 5px;;
  }
.tool_main > .row{
    margin-left: -15px;
    margin-right: -15px;
}
.has-animation > .row{
    margin-left: -10px;
    margin-right: -10px;
}
.popup{
    padding: 0 !important;
}
.tool_main, .popup_main, .rm-print-preview {
    font-family: "Sun Life New Text Regular", "Helvetica Neue", "Calibri", "sans-serif" !important;
}
#tool_cta {
    padding: 0;
}
@media only screen and (min-width: 768px)
{
    .tool_main .header .text {
        width: 50%;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }
    /* Retirement Savings Calculator*/
    .table-details {
        margin-left: 20px;
    }
    /* Investment Assesment Calculator*/
    .risk-chart-div .risk-chart {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media only screen and (min-width: 1025px)
{
    .tool_main.tool .header .banner-wrapper {
        height: 350px;
    }
    .tool_main .header .text h2 {
        margin-bottom: 10px;
        font-size: 30px;
    }
}

/*Investement Chinese Styles*/

body:lang(zh-TW) .tool_main, body:lang(zh-TW) .popup_main, body:lang(zh-TW) .rm-print-preview  {
    font-family: 'Noto Sans TC' !important;
    line-height: 140%;
}

body:lang(zh-TW) h2, 
body:lang(zh-TW) .h2, 
body:lang(zh-TW) .featured-content-list .editorial, 
body:lang(zh-TW) .featured-content-list-multiple-link .editorial, 
body:lang(zh-TW) .featured-content-list.multiple-link-variation .editorial, 
body:lang(zh-TW) .featured-content-list-tool .editorial, 
body:lang(zh-TW) .featured-content-list.tool-variation .editorial {
    font-family: 'Noto Sans TC';
}
body:lang(zh-TW) h4, body:lang(zh-TW) .h4 {
    font-family: 'Noto Sans TC';
    line-height: 30px;
}


/*Investement Chinese  Styles Ends Here*/










/* Cost Estimation CSS Starts Here */

.mar-bottom-20 {
    margin-bottom: 20px !important;
}
.mar-top-10 {
    margin-top: 10px !important;
}
.mar-bottom-10{
    margin-bottom: 10px !important;
}
.jumbotron, .btn, input[type=text], textarea, .slf-tabs a, .slf-full-tabs a, .panel, .panel-heading {
    border-radius: 0 !important;
    margin-bottom: 0;
}
.soft-separator {
    display: block;
    width: 100px;
    border: 0;
    border-bottom: 2px solid #e1e1e1;
    text-align: left;
    margin: 40px 0;
    padding: 0;
    position: static;
}
.hard-separator {
    display: block;
    width: 100px;
    border: 0;
    border-bottom: 2px solid #eaab00;
    text-align: left;
    margin: 40px 0;
    padding: 0;
    position: static;
}
.bc_main_title, .bc_main_question, .form-control-bc, .Product-Name, .Coverage-Period, .qc_main_question, .form-control-qc, .qc_text, 
.btn-blue-lead, .wp_main_title, .wp_main_question, .wp_text, .wp_main_txt, .wp_result_heading_txt, .wp_result_section_ntxtv3, .wp_result_v3_rcontent, .wp_banner_txt1, 
.wp_banner_txt2, .wp_banner_txt3, .form-control-qc-text, #wp_step_nav .wp_step_row .wp_step .wp_stepno,  #wp_step_nav .wp_step_row .wp_desc,  .wp_result_titleTxt,  .wp_result_box_title, 
  .wp_result_section_ntxt,   .wp_result_box_txt,   .wp_result_box_txt_link,   .wp_result_box_txt_yw,   .wp_result_section_ntxtv3 a,   .wp_result_v3_rcontent,
    .wp_result_titleTxtv3,     .us_main .us_slide_casename, .us_content_description  .us_content_title, .us_main .us_readmore_txt,     .us_content_description .us_content_subtitle,
.us_content_description .us_content_name_txt, .form-heading, ul.description,#eccalculator, .ecc_inner, .ecc_leadin, [role="main"] #eccalculator .step1_2 button, .mcice_leadin p.md, .mcice_leadin p.sm, 
.mcice, .mcice__button, .mcice__section-disclaimer, .ecc_moreInfo, .ta_q_txt, .form-control-ta, .ta_search_result_title1, 
.ta_search_result_desc1, .ta_main_question {
    font-family: 'sunlife-sans' ;
}


body:lang(zh-TW)  .bc_main_title, body:lang(zh-TW)  .bc_main_question, body:lang(zh-TW) .form-control-bc, body:lang(zh-TW) .Product-Name, 
body:lang(zh-TW) .Coverage-Period, body:lang(zh-TW) .qc_main_question, body:lang(zh-TW) .form-control-qc, body:lang(zh-TW) .qc_text, 
body:lang(zh-TW) .btn-blue-lead, body:lang(zh-TW) .wp_main_title, body:lang(zh-TW) .wp_main_question, body:lang(zh-TW) .wp_text, 
body:lang(zh-TW) .wp_main_txt, body:lang(zh-TW) .wp_result_heading_txt, body:lang(zh-TW) .wp_result_section_ntxtv3, body:lang(zh-TW) .wp_result_v3_rcontent, 
body:lang(zh-TW) .wp_banner_txt1, body:lang(zh-TW) .wp_banner_txt2, body:lang(zh-TW) .wp_banner_txt3, body:lang(zh-TW) .form-control-qc-text,
body:lang(zh-TW)  #wp_step_nav .wp_step_row .wp_step .wp_stepno, body:lang(zh-TW)  #wp_step_nav .wp_step_row .wp_desc,
body:lang(zh-TW)   .wp_result_titleTxt, body:lang(zh-TW)   .wp_result_box_title, body:lang(zh-TW)   .wp_result_section_ntxt, 
body:lang(zh-TW)   .wp_result_box_txt, body:lang(zh-TW)   .wp_result_box_txt_link, body:lang(zh-TW)   .wp_result_box_txt_yw, 
body:lang(zh-TW)   .wp_result_section_ntxtv3 a, body:lang(zh-TW)  .wp_result_v3_rcontent, body:lang(zh-TW)     .wp_result_titleTxtv3, 
body:lang(zh-TW)     .us_main .us_slide_casename, body:lang(zh-TW) .us_content_description .us_content_title, body:lang(zh-TW) .us_main .us_readmore_txt, 
body:lang(zh-TW)  .us_content_description .us_content_subtitle, body:lang(zh-TW) .us_content_description .us_content_name_txt, 
body:lang(zh-TW)     .form-heading, body:lang(zh-TW) ul.description, body:lang(zh-TW)      #eccalculator, body:lang(zh-TW)  .ecc_inner, 
body:lang(zh-TW)      .ecc_leadin, body:lang(zh-TW) [role="main"] #eccalculator .step1_2 button, body:lang(zh-TW) .mcice_leadin p.md, 
body:lang(zh-TW)  .mcice_leadin p.sm, body:lang(zh-TW) .mcice, body:lang(zh-TW)   .mcice__button, body:lang(zh-TW) .mcice__section-disclaimer,
body:lang(zh-TW)       .ecc_moreInfo, body:lang(zh-TW)  .ta_q_txt, body:lang(zh-TW) .form-control-ta, body:lang(zh-TW)       .ta_search_result_title1, 
body:lang(zh-TW)       .ta_search_result_desc1, 
body:lang(zh-TW)  .ta_main_question {
    font-family: 'Noto Sans TC'  ;
}


/*#advisor-modal-form div[class^="col-"]{
    padding:0;
}*/

.label-italics {
    font-weight: bold !important;
    font-family: 'sunlife-sans' ;
    color: #888888;
}
input[type=text], input[type=email], input[type=password] {
    padding: 0 10px;
    height: 40px !important;
    border: 1px solid #b4b4b4;
    width: 100%;
    max-width: 100%;
}

.blocks .btn-blue-lead {
    margin: 0 15px !important;
}
.btn-blue-lead {
    background: transparent !important;
    color: #003946 !important;
    border: 2px solid #003946;
}
.btn-blue-lead {
    font-size: 15px !important;
    padding: 7px 19px !important;
    min-height: 40px !important;
    white-space: normal;
}
.btn-blue-lead:hover {
    background: #4a7295 !important;
    color: #fff !important;
    border: 2px solid #4a7295;
}
.btn-blue-lead.active, .btn-blue-lead:active, .open>.dropdown-toggle.btn-blue-lead {
    background: #003946 !important;
    color: #fff !important;
    border: 2px solid #003946;
}
.btn-yellow {
    background: #FFCB05 !important;
    color: #004C6C !important;
    border: 2px solid #FFCB05 !important;
    border-radius: 4px !important;
    font-size: 16px !important;
}
.btn[disabled], fieldset[disabled] {
    background: #424242 !important;
    border: none;
    opacity: 1;
    color: #ffffff !important;
}
.btn-yellow:hover {
    background: #4A7283 !important;
    color: #fff !important;
    border: 2px solid #4A7283 !important;
}

.Robot_border {
    border: 1px solid #b4b4b4;
    margin-left: 1px !important;
    padding: 15px 0 15px 0;
    width: 35%;
    background-color: #eeeeee;
}
.html-component input[type=checkbox] {
    height: 0 !important;
    width: 0 !important;
    display: none;
}
.html-component [type="checkbox"] + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}
.html-component [type="checkbox"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    border: 1px solid #aaa;
    background: white;
}
.html-component [type="checkbox"]+label:after {
    content: '\f00c';
    font-family: FontAwesome;
    font-size: 14px;
    line-height: 18px;
}
.html-component [type="checkbox"] + label:after {
    content: '\f00c';
    font-family: FontAwesome;
    position: absolute;
    top: 2px;
    left: 2px;
    font-size: 14px;
    color: #003946;
    transition: all 0.2s;
    line-height: 18px;
}
.html-component [type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}

#mcice {
    margin-bottom: 0!important;
    width: auto!important;
    margin-left: -10px !important;
    margin-right: -10px !important;
}
#mcice ul {
    margin: 12px 0 12px 12px;
    padding: 0;
    list-style: none;
    vertical-align: middle;
}
/* Cost Estimation CSS Ends Here


/*Site Specific Parsley*/

.html-component .parsley-errors-list.filled {
    background: #a4383d;
    color: #fff !important;
    position: relative;
    margin: 9px 0px !important;
    display: inline-block;
    height: auto;
    min-height: auto;
    top: 0;
}
.html-component ul.parsley-errors-list.filled {
    width: 100%;
}
.html-component .parsley-errors-list li {
    padding: 4px 10px 4px 25px !important;
}
.html-component li.parsley-custom-error-message {
    float: left;
    margin: 5px 5px;
    text-align: left;
}
.html-component .parsley-errors-list li:before {
    content: "\f12a";
    font: normal 1em/0 FontAwesome;
    left: 10px;
    position: absolute;
    top: 15px;
}


/*Site Specific Parsley Ends*/


/* Retirement Savings Calculator CSS Starts Here*/

#contributionsAccordion .row{
    margin-left: -15px;
    margin-right: -15px;
}
#contributionsAccordion .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}
#withdrawalAccordion .row{
    margin-left: -15px;
    margin-right: -15px;
}
#withdrawalAccordion .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}
#tool_cta  .row{
    margin-left: -10px;
    margin-right: -10px;
}
body:lang(zh-TW) .tool_main .form-input input{
    font-family: 'Noto Sans TC' !important;
}
.tool_main.results .form-input .dollar-result, .tool_main.results .form-group .dollar-result {
    width: 142px;
    max-width: 142px;
}
.tool_main.tool .form-input .dollar-result, .tool_main.tool .form-group .dollar-result {
    width: 142px;
    max-width: 142px;
}
body:lang(zh-TW) .disclaimer-bullet {
    font-size: 6px !important;
}
body:lang(en) .tool_main input {
    font-weight: 400;
}
.tool_main.results .results-header-wrapper.section .results-header .results-icon-wrapper .results-icon .ribbon .percent
{
    font-family: "sunlife-sans" !important;
}
.tool_main.results .results-header-wrapper.section .results-header .results-icon-wrapper .results-icon .ribbon img
{
    max-width: none;
}
#tool_results-3  .row{
    margin-left: -15px;
    margin-right: -15px;
}
#tool_results-3  .row div[class^="col-"] {
    padding: 0;
    padding-left: 15px;
    padding-right: 15px;
}
/* Retirement Savings Calculator CSS Ends Here*/




/* Get a Quote Css starts Here */

#qc_container .row{
    margin-left: -15px;
    margin-right: -15px;
}

#qc_submit .btn-yellow{
    pointer-events: auto;
}


/* Get a Quote Css ends Here */


/* voluntary-health-insurance starts here*/

.article-wrapper .article-body .row{
    margin-left: -15px;
    margin-right: -15px;
}
.article-wrapper .article-body .row div[class^="col-"] {
    padding-left: 15px;
    padding-right: 15px;
}
.article-wrapper .article-body .panel-heading{
    display: flex;
    align-items: center;
    background-size: 100% 100%;
}
body:lang(zh-TW) .article-wrapper .article-body .panel-title
{
    font-size: 16px !important;
    line-height: 120%;
}
body:lang(zh-TW) .article-wrapper .article-body .panel-title > a
{
    font-size: 15px !important;
}
body:lang(zh-TW) .article-wrapper .article-body p{
    font-weight: 300;
}
.article-wrapper .article-title h1, .article-wrapper .article-title h2, .article-wrapper .article-title h3,
.article-wrapper .article-title h4, .article-wrapper .article-title h5, .article-wrapper .article-title h6 {
    margin-top: 0;
    font-weight: 400;
}
@media only screen and (max-device-width: 767px)
{
    .imageHeight {
        height: 350px !important;
    }
    .article-wrapper .article-body .row{
        margin-left: -10px;
        margin-right: -10px;
    }
}


/* voluntary-health-insurance ends here*/


/* Claim Pages CSS starts here*/

.html-component .insurance-claims .row{
    margin-left: -15px;
    margin-right: -15px;
}
.insurance-claims div[class^="col-"] {
    padding: 0 15px;
}
.html-component ul:not(.nav):not(.list-unstyled):not(.list-inline):not(.option-table):not(.footer-socials):not(.list-group):not(.slf-tabs):not(.list-topic):not(.content-list):not(.feature-content):not(.dotted):not(.social-network-list):not(.map-dotted):not(.sitemap):not(.wgt-cs-list):not(.dropdown-menu):not(.wgt-AM-form-selDd):not(.wgt-AM-listPlain):not(.x-menu-list):not(.x-tab-strip):not(.x-tree-root-ct):not(.x-tree-lines):not(.x-tree-root-ct):not(.x-tree-node):not(.pagination):not(.x-tree-node-ct):not(.vui-grid-actions):not(.life-moments):not(.filter-options) > li {
    padding: 0 0 4px 14px;
    background-image: url(/content/dam/sunlife/legacy/assets/slfglobal/globalweb/responsive/images/en/yellow-bullet.png);
    background-repeat: no-repeat;
    background-position: 0 .5em;
    line-height: 140%;
}
.insurance-claims ul:not(.nav):not(.list-unstyled):not(.list-inline):not(.option-table):not(.footer-socials):not(.list-group):not(.slf-tabs):not(.list-topic):not(.content-list):not(.feature-content):not(.dotted):not(.social-network-list):not(.map-dotted):not(.sitemap):not(.wgt-cs-list):not(.dropdown-menu):not(.wgt-AM-form-selDd):not(.wgt-AM-listPlain):not(.x-menu-list):not(.x-tab-strip):not(.x-tree-root-ct):not(.x-tree-lines):not(.x-tree-root-ct):not(.x-tree-node):not(.pagination):not(.x-tree-node-ct):not(.vui-grid-actions):not(.life-moments):not(.filter-options) {
    margin: 12px 0 12px 12px;
    padding: 0;
    list-style: none;
    vertical-align: middle;
}
.insurance-claims h3{
    margin-top: 0;
}
.html-component .moreon{
    display: block;
    margin-top: 20px;
}
.html-component .moreon:after {
    content: '\f138';
    font-family: FontAwesome;
    padding-left: 5px;
    color: #eaab00;
}
.html-component .carousel {
    position: relative;
    padding-left: 0;
    padding-right: 0;
}
.wgt-AM-nav-dots {
    margin-top: -.5em !important;
}
.wgt-AM-alignCenter {
    text-align: center;
}
.carousel-indicators {
    bottom: 5px;
    z-index: 1;
}
.carousel-indicators li{
    border:none !important;
    
}
.wgt-AM-nav-dots > li{
	background: #C9C9C9;
    background: -moz-linear-gradient(top, rgba(201, 201, 201, 1) 0%, rgba(228, 228, 228, 1) 100%);
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(201, 201, 201, 1)), color-stop(100%, rgba(228, 228, 228, 1)));*/
    background: -webkit-linear-gradient(top, rgba(201, 201, 201, 1) 0%, rgba(228, 228, 228, 1) 100%);
    background: -o-linear-gradient(top, rgba(201, 201, 201, 1) 0%, rgba(228, 228, 228, 1) 100%);
    background: -ms-linear-gradient(top, rgba(201, 201, 201, 1) 0%, rgba(228, 228, 228, 1) 100%);
    background: linear-gradient(to bottom, rgba(201, 201, 201, 1) 0%, rgba(228, 228, 228, 1) 100%);
    border-radius: 50%;
    display: inline-block;
    height: 1em;
    margin: .5em 0 0 .5em;
    width: 1em;
    zoom: 1;
}


	.wgt-AM-nav-dots > li:focus,
    .wgt-AM-nav-dots > li:hover,
    .wgt-AM-nav-dots > li.active {
        background: #6796B8;
        background: -moz-linear-gradient(top, rgba(135, 175, 215, 1) 0%, rgba(103, 150, 184, 1) 100%);
        /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(135, 175, 215, 1)), color-stop(100%, rgba(103, 150, 184, 1)));*/
        background: -webkit-linear-gradient(top, rgba(135, 175, 215, 1) 0%, rgba(103, 150, 184, 1) 100%);
        background: -o-linear-gradient(top, rgba(135, 175, 215, 1) 0%, rgba(103, 150, 184, 1) 100%);
        background: -ms-linear-gradient(top, rgba(135, 175, 215, 1) 0%, rgba(103, 150, 184, 1) 100%);
        background: linear-gradient(to bottom, rgba(135, 175, 215, 1) 0%, rgba(103, 150, 184, 1) 100%);
		    border-radius: 50%;
			display: inline-block;
			height: 1em;
			margin: .5em 0 0 .5em;
			width: 1em;
			zoom: 1;
    }
    .home-hero {
        height: 350px;
        border-top: 2px solid #eaab00;
    }
    .html-component .no-gutter > [class*='col-'] {
        padding-right: 0;
        padding-left: 0;
        padding: 0;
    }
    .carousel-control.left {
        background-image: none;
    }
    .carousel-control.right {
        background-image: none;
    }
    .carouselBanner {
        height: 350px;
    }
    @media (max-width: 767px) and (min-width: 320px)
    {
        .home-hero, .section-hero-350 {
            height: 350px;
            position: relative;
        }
    }
    
/* Claim Pages CSS ends starts here*/
/* mpf osro scheme starts here */
@media (max-width: 1044px){
    .risk-chart-div .risk-chart .risk-level-title {
        word-wrap: normal !important;
    }
}
/* sun architect investment starts here */
#AdvisorQuickSearch {
    margin-top: 20px;
  }
  #AdvisorQuickSearch select.dropdownMargnrght {
    font-size: 15px;
    padding: 0 35px 0 10px;
    color: #003946;
    height: 40px;
    width: 180px;
    border-radius: 0;
    border:none;
    -webkit-appearance: none;
    border-color: #b4b4b4;
    background-color: white;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(http://www.sunlife.com/static/slfglobal/globalweb/responsive/images/en/form-ui-select-dropdown-arrow.png);
  }
  #AdvisorQuickSearch select.dropdownMargnrght:focus {
    background-color: #fdf7e6;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  #AdvisorQuickSearch select.dropdownMargnrght option {
    font-size: 20px;
    font-weight:400;
  }
/* sun architect investment ends here */
  /* css for bug fix hbs-980 */
.magic-box-input input[type="text"] {
    height: auto !important;
}
.cmp-html-component.mb-sm-sl40.mb-sl32:has(.tool_main[style="display: none;"]) {
    margin: 0px !important;
}
.cmp-html-component.mb-sm-sl40.mb-sl32:has(.popup_main) {
    margin: 0px !important;
}
 /* css for bug fix hbs-980 */