/* 
    Bell Benefits CSS
    August 14, 2014
    Morneau Shapell
*/

html,body {
    padding: 0 !important;
}

body {
    height: auto !important;
}

/*#articleBodyDiv a[id]:not([href]) {
    display: block;
    position: relative;
    top: -68px;
    visibility: hidden;
}*/

body {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    min-width: auto;
    background-color: #EDEDED;
}

#footer {
    padding-top: 20px;
    height: 60px;
}

/********* FONT *********/
/* Webfont: BellSlim */
@font-face {
    font-family: 'BellSlim';
    src: url('../fonts/BellSlim.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/BellSlim.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/BellSlim.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/BellSlim.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/BellSlim.svg#BellSlim') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    /*    text-rendering: optimizeLegibility;*/
}
/* Webfont: BellSlimMedium-Regular */

@font-face {
    font-family: 'BellSlimMedium';
    src: url('../fonts/../fonts/../fonts/BellSlimMedium-Regular.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/../fonts/BellSlimMedium-Regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/BellSlimMedium-Regular.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/BellSlimMedium-Regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/BellSlimMedium-Regular.svg#BellSlimMedium-Regular') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/* Webfont: BellSlimMedium-Regular2 */

@font-face {
    font-family: 'BellSlimMediumBold';
    src: url('../fonts/BellSlimMedium-Regular2.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/BellSlimMedium-Regular2.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/BellSlimMedium-Regular2.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/BellSlimMedium-Regular2.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/BellSlimMedium-Regular2.svg#BellSlimMedium-Regular2') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
/* Webfont: BellSlim-Bold */

@font-face {
    font-family: 'BellSlimBold';
    src: url('../fonts/BellSlim-Bold.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/BellSlim-Bold.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/BellSlim-Bold.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/BellSlim-Bold.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/BellSlim-Bold.svg#BellSlim-Bold') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
/* Webfont: BellSlimHeavy-Regular */

@font-face {
    font-family: 'BellSlimHeavy';
    src: url('../fonts/BellSlimHeavy-Regular.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/BellSlimHeavy-Regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/BellSlimHeavy-Regular.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/BellSlimHeavy-Regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/BellSlimHeavy-Regular.svg#BellSlimHeavy-Regular') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}


/* Webfont: BellSlim-SemiBold */
@font-face {
    font-family: 'BellSlimSemiBold';
    src: url('../fonts/BellSlim-SemiBold.eot');
    /* IE9 Compat Modes */
    src: url('../fonts/BellSlim-SemiBold.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/BellSlim-SemiBold.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/BellSlim-SemiBold.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/BellSlim-SemiBold.svg#BellSlim-SemiBold') format('svg');
    /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
/*////////////////////////////////////////////////*/

#bell_dashboard .text-white, .text-white {
    color: white;
}

a.text-white {
    color: white !important;
}

.small {
    font-size: 60%;
}

.container {
    padding-left: 0px;
    padding-right: 0px;
    overflow: initial;
    /*overflow: hidden !important;*/
}

.row {
    margin-left: inherit;
    margin-right: inherit;
}

.BellHomeImg {
    padding-top: 10px;
}

.well {
    color: #0066A4;
    font-size: 14px;
    min-height: 20px;
    padding: 12px;
    margin-bottom: 20px;
    margin-top: 6px;
    background-color: #FFF;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

[class*="col-"] ul li {
    list-style: disc outside none;
}

/****************** TOP NAV ******************/
.nav > li > a {
    display: inline-block;
}

.navbar {
    background-color: #0B5AA0;
    min-height: 40px;
    margin-bottom: 27px;
}

.container > .navbar-header {
    margin-left: inherit;
    margin-right: inherit;
}

.navbar-nav > li > a,
.navbar-nav > li > a:visited {
    color: white;
    font-size: 14px;
}

.navbar-nav li a.dropdown-toggle,
.navbar-nav li a.dropdown-toggle:visited {
    margin: 0;
    border-left: none;
    padding-left: 2px;
    padding-right: 2px;
    background: #0B5AA0 repeat scroll 0% 0%;
}

    .navbar-nav li a.dropdown-toggle:hover,
    .navbar-nav li a.dropdown-toggle:active {
        margin: 0;
        border-left: none;
        padding-left: 2px;
        padding-right: 2px;
        background: #0A508F repeat scroll 0% 0%;
    }

.navbar-nav li a:hover,
.navbar-nav li a:active {
    border-bottom: 0px none;
    /* background: #00664a linear-gradient(to bottom, #023667 0%, #0E4E89 100%); */
    /* background: #0A508F repeat scroll 0% 0%; */
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4) inset, 0px 1px 0px rgba(255, 255, 255, 0.2);
    color: #FFF;
    /*    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.796), 0px 0px 10px rgba(255, 255, 255, 0.298);*/
    /* text-shadow: 0px 1px 2px #000; */
    font-size: 14px;
}

.navbar-nav li ul li a:hover,
.navbar-nav li ul li a:active {
    background: #D2E0E8;
    color: #777;
    font-size: 14px;
    text-decoration: none;
    text-shadow: none;
    box-shadow: none;
}

.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    /* background-color: #0A508F; */
}


.navbar-brand {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
    color: white !important;
    font: 20px "BellSlim", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

.navbar-brand-landing {
    font: 26px "BellSlimMedium", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
    padding-left: 37px;
}

.navbar-brand > img {
    padding-bottom: 14px;
}

.navbar-nav li .hdr:hover {
    background: #003A80 repeat scroll 0% 0% transparent;
    box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.4) inset, 0px 1px 0px rgba(255, 255, 255, 0.1);
    border-radius: 1px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.796), 0px 0px 10px rgba(255, 255, 255, 0.298);
    font: 14px "BellSlim", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
}

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: #0A508F;
    border-color: #333;
}

.navbar-nav .open .dropdown-menu {
    background-color: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 10px;
    padding-bottom: 20px;
}



.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #777;
    background-color: #D2E0E8;
}



li > .dropdown-menu::after {
    position: absolute;
    top: -11px;
    right: 40px;
    display: inline-block;
    border-right: 11px solid transparent;
    border-bottom: 11px solid white;
    border-left: 11px solid transparent;
    content: '';
}


li > .dropdown-menu::before {
    border-bottom: 12px solid rgba(0, 0, 0, 0.2);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    content: '';
    display: inline-block;
    right: 39px;
    position: absolute;
    top: -12px;
}

nav .dropdown-menu {
    right: 0;
    width: 700px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    padding: 20px;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}


#bb-navbar-collapse-1 .lang-inactive, #bb-navbar-collapse-1 .lang-inactive:link, #bb-navbar-collapse-1 .lang-inactive:visited {
    color: #fff !important;
    text-decoration: none;
}

.lang-align {
    height: 50px;
    padding: 15px 0;
}

div[class^="digits-"] {
    /*height: 45px;*/
    /* line-height: 50px; */
}



/*@media (min-width: 768px) {

    .navbar-nav > div > a {
        padding-top: 15px; 
        padding-bottom: 15px;
    }

    .navbar-nav > div > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 20px;
    }

    .nav > div > a {
        position: relative;
        display: block;
        padding: 10px 15px;
    }
}*/









/* profile menu */
nav .dropdown-menu-right {
    width: auto !important;
    text-align: right;
    list-style:;
}

nav .align-left {
    text-align: left;
}

nav .disc-list-style {
    list-style: disc;
    padding-left: 3px;
}

    nav .disc-list-style a {
        padding: 3px 0 !important;
    }

.dropdown-menu {
    box-shadow: 3px 3px 22px rgba(0, 0, 0, 0.375);
    background-clip: padding-box;
    margin: 10px 0;
    top: 96%;
}

div > .dropdown-menu.direction-down::after {
    position: absolute;
    top: -11px;
    left: 60px;
    display: inline-block;
    border-right: 11px solid transparent;
    border-bottom: 11px solid white;
    border-left: 11px solid transparent;
    content: '';
}

div > .dropdown-menu.pull-right.direction-down::before {
    right: 59px;
    left: auto !important;
}

div > .dropdown-menu.pull-right.direction-down::after {
    left: auto !important;
    right: 60px;
}

div > .dropdown-menu.direction-down::before {
    border-bottom: 12px solid rgba(0, 0, 0, 0.2);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    content: "";
    display: inline-block;
    left: 59px;
    position: absolute;
    top: -12px;
}

div > .dropdown-menu.direction-up::after {
    position: absolute;
    bottom: -11px;
    left: 60px;
    display: inline-block;
    border-right: 11px solid transparent;
    border-top: 11px solid white;
    border-left: 11px solid transparent;
    content: '';
}

div > .dropdown-menu.direction-up::before {
    border-top: 12px solid rgba(0, 0, 0, 0.2);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    content: "";
    display: inline-block;
    left: 59px;
    position: absolute;
    bottom: -12px;
}

div > .dropdown-menu.pull-right.direction-up::after {
    right: 60px;
    left: auto !important;
}

div > .dropdown-menu.pull-right.direction-up::before {
    right: 59px;
    left: auto !important;
}

#bb-navbar-collapse-1 .nav .dropdown h2 {
    /*font-size: 22px; change requested by Martine - Now it's 20px comming from h2 definition*/
    font-family: "BellSlimMedium", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
    min-height: 48px;
    font-weight: normal;
    color: #212121;
    padding: 0;
}

.nopad.div-white.border_all > div > div.row {
    margin-top: 52px;
}

.modal-dialog.modal-sm > div > div > button.btn {
    padding: 0px;
    height: 25px;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 100;
    color: black !important;
}

#bb-navbar-collapse-1 .nav-mega-tools-list, #bb-navbar-collapse-1 .nav-mega-life-list {
    float: left;
    width: auto;
    margin: 0;
    padding-left: 20px;
}

   #bb-navbar-collapse-1 .nav-mega-life-list li, #bb-navbar-collapse-1 .nav-mega-tools-list li {
        margin: 0;
        padding: 0;
        border-bottom: none;
        background: none;
        list-style-type: disc;
        border: none;
        background: none;
    }

        #bb-navbar-collapse-1 .nav-mega-life-list li a:hover {
            padding: 10px 0 10px 0;
            color: #555 !important;
            text-decoration: none;
            background-color: transparent !important;
        }


    /*.nav-mega-tools-list li {
        margin: 0;
        padding: 0;
        border: none;
        background: none;
        list-style-type: disc;
    }*/

   #bb-navbar-collapse-1 .nav-mega-tools-list a,
   #bb-navbar-collapse-1 .nav-mega-tools-list a:link,
   #bb-navbar-collapse-1 .nav-mega-tools-list a:visited,
   #bb-navbar-collapse-1 .nav-mega-life-list a,
   #bb-navbar-collapse-1 .nav-mega-life-list a:link,
   #bb-navbar-collapse-1 .nav-mega-life-list a:visited {
        display: block;
        padding: 8px 0 8px 0;
        color: #0066A4;
        text-decoration: none;
    }

    #bb-navbar-collapse-1 .nav-mega-tools-list li a:hover, #bb-navbar-collapse-1 .nav-mega-life-list li a:hover {
        padding: 8px 0 8px 0;
        color: #555 !important;
        text-decoration: none;
        background-color: transparent !important;
    }

/*.nav-mega-tools-list li:hover {
  
  padding: 0;
  color: #0066a4 !important;
  text-decoration: none;
  background-color:transparent !important;
}*/





.font12 {
    font-size: 12px;
}

.font20 {
    font-size: 20px;
}

.font26 {
    font-size: 26px;
    padding-bottom: 10px;
}

[class^="digits-"] > sup {
    font-size: 22px;
}

.color-blue {
    color: #0066a4;
}


.border_all {
    border: 1px solid #ccc;
}

.modal-body {
    padding: 0;
}

a b {
    color: #fff;
}

/****************** ICONS ******************/

[class^="icon-"],
[class*=" icon-"] {
    color: white;
    background: white;
}

/****************** BUTTONS ******************/

.btn-primary.nohover:hover {
    background-color: #0066A4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1274B8), to(#104E93));
    background-image: -webkit-linear-gradient(top, #1274B8, #104E93);
    background-image: -moz-linear-gradient(top, #1274B8, #104E93);
    background-image: linear-gradient(to bottom, #1274B8, #104E93);
    background-image: -ms-linear-gradient(top, #1274B8, #104E93);
    background-image: -o-linear-gradient(top, #1274B8, #104E93);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1274B8, endColorstr=#104E93);
    padding: 0 auto;
    border: none;
}


.btn-default, .multi-chapter {
    border: 1px solid #ccc;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#DDD));
    background-image: -webkit-linear-gradient(top, #fff, #DDD);
    background-image: -moz-linear-gradient(top, #fff, #DDD);
    background-image: linear-gradient(to bottom, #fff, #DDD);
    background-image: -ms-linear-gradient(top, #fff, #DDD);
    background-image: -o-linear-gradient(top, #fff, #DDD);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#fff, endColorstr=#DDD);
}

    .btn-default:hover, .multi-chapter:hover {
        border: 1px solid #bbb;
        background-color: #fff;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#D5D5D5));
        background-image: -webkit-linear-gradient(top, #FFF, #D5D5D5);
        background-image: -moz-linear-gradient(top, #FFF, #D5D5D5);
        background-image: -ms-linear-gradient(top, #FFF, #D5D5D5);
        background-image: -o-linear-gradient(top, #FFF, #D5D5D5);
        background-image: linear-gradient(to bottom, #FFF, #D5D5D5);
        filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FFF, endColorstr=#D5D5D5);
    }

.btn-primary, a.btn-primary:link, a.btn-primary:visited {
    border: 1px solid #888;
    color: #FFF;
    background-color: #0066A4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1274B8), to(#104E93));
    background-image: -webkit-linear-gradient(top, #1274B8, #104E93);
    background-image: -moz-linear-gradient(top, #1274B8, #104E93);
    background-image: -ms-linear-gradient(top, #1274B8, #104E93);
    background-image: -o-linear-gradient(top, #1274B8, #104E93);
    background-image: linear-gradient(to bottom, #1274B8, #104E93);
    /*filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1274B8, endColorstr=#104E93);*/
    padding-left: 30px;
    padding-right: 30px;
}

    .btn-primary:hover {
        border: 1px solid #888;
        background-color: #0066A4;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#1284B9), to(#105e93));
        background-image: -webkit-linear-gradient(top, #1284B9, #105e93);
        background-image: -moz-linear-gradient(top, #1284B9, #105e93);
        background-image: -ms-linear-gradient(top, #1284B9, #105e93);
        background-image: -o-linear-gradient(top, #1284B9, #105e93);
        background-image: linear-gradient(to bottom, #1284B9, #105e93);
        filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#1284B9, endColorstr=#105e93);
    }


.btnGradation {
    background: #000000 url('../assets/images/btn-bg-gradient.png') bottom left repeat-x;
}

/****************** MULTI CHAPTER CONTENTS ******************/
table#callout {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    border-top: solid 1px #555;
    border-bottom: solid 1px #555;
}

    table#callout .callout-img {
        vertical-align: top;
        width: 32px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

        table#callout .callout-img img {
            margin: 0 auto;
        }

    table#callout p, table#callout ul {
        margin: 0 auto;
        padding: 0;
        padding: 8px 0;
        width: 100%;
    }

#articleBody h2, #articleBody h3 {
    padding-top: 5px;
}

/****************** MULTI CHAPTER NAV ******************/
.multi-chapter,
.multi-chapter:hover,
.multi-chapter > li > a,
.multi-chapter > li > a:hover {
    border: none;
    /*background: transparent url('/ScriptsDedicated/BELL/assets/images/btn-bg-gradient.png') bottom left repeat-x\9;*/
    /*background-color: transparent;*/
}

    .multi-chapter > li:hover {
        /*background-color: #EDEDED;*/
        /*background-image: -webkit-gradient(linear, left top, left bottom, from(#D5D5D5), to(#FFF));
    background-image: -webkit-linear-gradient(top, #D5D5D5, #FFF);
    background-image: -moz-linear-gradient(top, #D5D5D5, #FFF);
    background-image: -ms-linear-gradient(top, #D5D5D5, #FFF);
    background-image: -o-linear-gradient(top, #D5D5D5, #FFF);
    background-image: linear-gradient(to bottom, #D5D5D5, #FFF);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#D5D5D5, endColorstr=#FFF);
    text-shadow: none;*/
    }

    .multi-chapter > li > a {
        color: #0066a4;
        margin: 1em 0;
        padding: 10px;
    }

        .multi-chapter > li > a:visited {
            color: #0066a4;
            margin: 1em 0;
            padding: 10px;
        }

        .multi-chapter > li > a:hover {
            color: #555;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#D5D5D5), to(#DDD));
            background-image: -webkit-linear-gradient(top, #D5D5D5, #DDD);
            background-image: -moz-linear-gradient(top, #D5D5D5, #DDD);
            background-image: -ms-linear-gradient(top, #D5D5D5, #DDD);
            background-image: -o-linear-gradient(top, #D5D5D5, #DDD);
            background-image: linear-gradient(to bottom, #D5D5D5, #DDD);
            filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#D5D5D5, endColorstr=#DDD);
            text-shadow: none;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            /*margin: 1em 0;
    padding: 10px;leftNavigationShift
    border-radius: 3px;
    border: solid 1px #dfdfdf;
    border-image: -webkit-gradient(linear, left top, left bottom, from(#D5D5D5), to(#999));
    border-image: -webkit-linear-gradient(top, #D5D5D5, #999);
    border-image: -moz-linear-gradient(top, #D5D5D5, #999);
    border-image: -ms-linear-gradient(top, #D5D5D5, #999);
    border-image: -o-linear-gradient(top, #D5D5D5, #999);
    border-image: linear-gradient(to bottom, #D5D5D5, #999);*/
        }


/****************** SPECIAL FONTS ******************/
h1 {
    font-family: 'BellSlim', Arial;
    font-size: 28px !important;
    font-weight: normal;
    color: #212121;
    padding: -10px 15px 20px 0px;
    letter-spacing: -2px;
}


.dcdb-widget-md > h1,
.dc-widget-md > h1,
div#BannerComponent_div > div > div > div > div > h1,
div#BannerComponent_div > div > div > div > div > div > h1,
div#SinglePromoComponent_div > div > table > tbody > tr > td > h1,
div#LifeEventsComponent_div > div > h1,
.border-all.container.row-same-height > div > a > h1,
div#SinglePromoComponent_div > div > h1 {
    margin: 0 0 8px 0 !important;
}

h2 {
    font-family: 'BellSlimMedium', Arial;
    font-size: 22px;
    font-weight: normal;
    color: #212121;
    padding: 0;
    margin-top: 0px;
    /*margin: 0 0 8px 0 !important;*/
}

h3 {
    font-family: 'BellSlimMedium', Arial;
    font-size: 18px;
    color: #212121;
    font-weight: normal;
    padding: 0;
    padding-bottom: 8px;
    margin: 0;
}

#bell_dashboard h3 a {
    text-decoration: none;
}

h4 {
    font-family: arial;
    font-size: 16px;
    color: #212121;
    font-weight: 500;
    padding: 0;
    padding-bottom: 8px;
    margin: 0;
    text-transform: none !important;
}

.digits-blue-lg {
    font-family: 'BellSlimMediumBold', helvetica;
    font-size: 32px;
    line-height: 45px;
    color: #0066A4;
    padding: -10px 15px 20px 0;
    margin-top: -15px;
}

.digits-grn-lg {
    font-family: 'BellSlimMediumBold', helvetica;
    font-size: 32px;
    color: #308c02;
    padding: -10px 15px 20px 0;
    margin-top: -15px;
}

.digits-red-lg {
    font-family: 'BellSlimMediumBold', helvetica;
    font-size: 32px;
    color: #D50303;
    padding: -10px 15px 20px 0;
    margin-top: -15px;
}

.white-lg {
    font-family: 'BellSlim', helvetica;
    font-size: 38px;
    color: white;
    padding: 10px 0;
}

.black-lg {
    font-family: 'BellSlimMediumBold', helvetica;
    font-size: 38px;
    color: #555;
    padding-top: 10px;
}

.BB-blue {
    color: #0066a4;
    font-family: 'BellSlimBold', helvetica;
    font-size: 16px;
}


/*=====/special fonts=============================*/

.glyphicon-arr {
    font-size: 27px;
}

.div-white {
    background-color: white;
}

hr {
    border-top-color: #ddd;
}

footer {
    font-size: 11px;
}

a.footer-nav,
a.footer-nav:visited {
    color: #0066a4 !important;
    text-decoration: none;
}

    a.footer-nav:hover,
    a.footer-nav:focus {
        color: #777;
        text-decoration: underline;
    }

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 5px;
    list-style: none;
    background-color: #ddd;
    border-radius: 1px;
    border-top: #bbb solid 1px;
}

    .breadcrumb > li + li:before {
        content: ">";
        /* /\003e  25ba 2192   */
        padding: 0 5px;
        color: #777;
    }

.cell-left-border {
    border-left: 1px #bbb solid;
}

.cell-right-border {
    border-right: 1px #bbb solid;
}

.cell-bottom-border {
    border-bottom: 1px #bbb solid;
}

.cell-top-border {
    border-top: 1px #ddd solid;
}

.bgnd-life-health {
    background: url('/ScriptsDedicated/BELL/assets/images/Life-Health.png') no-repeat;
    background-size: cover;
    background-position: center; 
    height: 270px;
    background-color: #0B5AA0;
}

.bgnd-benefits {
    background: url('/ScriptsDedicated/BELL/assets/images/New_Image_BenefitsRetirement_notext.jpg') no-repeat;
    background-size: cover;
    background-position: center; 
    height: 270px;
    background-color: #0B5AA0;
}

.bgnd-life-events {
    background: url('/ScriptsDedicated/BELL/assets/images/Life-Events.png') no-repeat;
    background-size: cover;
    height: 270px;
    background-color: #0B5AA0;
}

.bgnd-life-events-clear {
    background: url('/ScriptsDedicated/BELL/assets/images/Life-Events-clear.png') no-repeat;
    width:1170px;
    height: 200px;
    padding-top:20px;
    padding-top:50px;
    background-color: #0B5AA0;
}

.bgnd-savings-plans {
    background-image: url('/ScriptsDedicated/BELL/assets/images/Saving-Plan.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: top;
    background-size: cover;
    height: 270px;
    background-color: #0B5AA0;
}

.bgnd-save-ret {
    /*background: url('/ScriptsDedicated/BELL/assets/images/SR_12.png') no-repeat;*/
    background: url('/ScriptsDedicated/BELL/assets/images/Saving-Plan.png') no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #0B5AA0;
    height: 270px;
}

.bgnd-landing {
    background: url('/ScriptsDedicated/BELL/assets/images/entry-banner.png') no-repeat;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ScriptsDedicated/BELL/assets/images/entry-banner.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ScriptsDedicated/BELL/assets/images/entry-banner.png',sizingMethod='scale')";
    background-color: #0B5AA0;
        background-position: center;
    height: 335px;
}

.bgnd-login {
    background: url('/ScriptsDedicated/BELL/assets/images/login-banner.png') no-repeat;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ScriptsDedicated/BELL/assets/images/login-banner.png',sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/ScriptsDedicated/BELL/assets/images/login-banner.png',sizingMethod='scale')";
        background-position: center;
    height: 335px;
}

.margin-0 {
    margin: 0;
}

.btn-left {
    padding-left: 0px;
}

 h1.BBtop {
    font-size: 2em;
    margin: 0 0;
}

.col-300 {
    width: 300px;
}

.img-arr-icon {
    padding-bottom: 9px;
    width: 30px;
    vertical-align: middle;
}

.side-bordered {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.table tr td {
    /*padding: 2% 5% !important;*/ /* removed by seo for article layout*/
}

.table-condensed tr td {
    padding: 0px 0px !important;
}

.table-condensed {
    width: 100%;
}

.table {
    margin: 0 auto;
    border: 1px solid #ccc;
}

table {
    border-color: #ccc !importan;
}

/*.table-bordered {
    border: 1px solid #ccc;
}

    .table-bordered > tbody > tr > td {
        border: 1px solid #ccc;
    }*/

    .table-bordered > tbody > tr > td {
        padding: 2em;
        vertical-align: top;
    }

.btn-p50 {
    padding: 8px 50px;
}

.padding-btm20px {
    padding-bottom: 20px;
}

.border-none {
    border: none;
}

.img-icon {
    padding-bottom: 9px;
    margin-right: 10px;
    width: 42px;
}

.img-icon-lh {
    /*padding-top: 11px;
    padding-bottom: 12px;*/
    margin-right: 0px;
    width: 42px;
    vertical-align: top;
}

.btn-manulife,
.btn-manulife:visited {
    color: white;
    font-size: 12px;
    background-color: #00693F;
    border: 1px solid #024400;
    margin: 5px 0;
    width: 250px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#029f60), to(#00693F));
    background-image: -webkit-linear-gradient(top, #029f60, #00693F);
    background-image: -moz-linear-gradient(top, #029f60, #00693F);
    background-image: linear-gradient(to bottom, #029f60, #00693F);
    background-image: -ms-linear-gradient(top, #029f60, #00693F);
    background-image: -o-linear-gradient(top, #029f60, #00693F);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#029f60, endColorstr=#00693F);
}

    .btn-manulife:hover {
        color: #aeff75;
    }

h1.big-header-center {
    font-size: 2.25em;
    margin: 20px 0 10px 0;
    text-align: center;
}

div[class^="digits-"] {
    padding: 0 0 15px 0;
}

.list-no-padding {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 20px;
    padding-left: 15px;
}

.list-no-padding li {
    padding: 5px 0 0 0;
}

.list-pad-left-40 {
    padding: 0 0 0 40px;
    clear:both;
}

.list-pad-left-15 {
    padding: 0 0 0 15px;
    clear:both;
}

.list-pad-left-40 li, .list-pad-left-15 li {
    list-style:disc !important;
    margin-left:20px;
}

.border-white {
    border: 1px solid white !important;
}

.sm-home {
    padding-bottom: 3px;
}

a:hover,
a:focus {
    /*color: #999;*/
}

.tabs {
    color: #0066A4;
    font-family: 'BellSlimBold', helvetica;
    font-size: 1.5em;
    height: 70px;
    padding: 15px 25px !important;
}



.w25 {
    width: 24%;
    background-color: #EDEDED;
    margin: 0 5px;
    border-radius: 4px;
    text-align: center;
}

.active-tab {
    border-bottom: solid 5px white;
    background-color: white;
    border-radius: 4px 4px 0 0;
    color: #444;
}

.tabs-blue {
    color: #white;
    font-family: 'BellSlimMediumBold', helvetica;
    font-size: 1.5em;
    height: 70px;
    padding: 15px 25px !important;
    border-radius: 4px !important;
    width: 100%;
}

.div-gradient-grey {
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#DDD));
    background-image: -webkit-linear-gradient(top, #fff, #DDD);
    background-image: -moz-linear-gradient(top, #fff, #DDD);
    background-image: linear-gradient(to bottom, #fff, #DDD);
    background-image: -ms-linear-gradient(top, #fff, #DDD);
    background-image: -o-linear-gradient(top, #fff, #DDD);
}

.cell-p10 {
    padding: 10px 0;
}

.BB-table {
    font-family: BellSlimBold;
    color: #212121;
    font-size: 16px;
    margin-left: 15px;
    width: 97%;
    padding: 10px;
}

    .BB-table tr td {
        padding: 3px 7px 3px 10px !important;
        height: 50px;
    }

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #ddd;
}



.color-red {
    color: #D50303;
}

.color-grn {
    color: #308C02;
}

.panel-success {
    border-color: #d6e9c6;
    background-color: #d6e9c6;
}

.panel-info {
    background-color: #D9EDF7;
    border-color: #BCE8F1;
}

.panel-danger {
    background-color: #F2DEDE;
    border-color: #EBCCD1;
}

.bgnd-life-events2 {
    background: url('/ScriptsDedicated/BELL/assets/images/Life-Events.jpg') no-repeat bottom;
    background-size: cover;
}

.modal-dialog {
    width: 90%;
    margin: 30px auto;
}


.modal-header {
    border-bottom: none;
}

.notification_exclamation {
  position: absolute;
  top: -10px;
  left: -10px;
}

.fa.fa-play-circle {
    /*position: absolute;*/
    color: #0A508F;
    font-size: 22px;
    left: 80px;
    top: 13px;
    vertical-align:middle;
}

.fa.fa-play-circle.fr-ca {
    left: 58px;
}

button#video-tutorial span {
    position: relative;
    margin-right: 15px;
}

#header_button_container button {
    position:relative;
    min-height: 46px;
}

/****************** NEED HELP ******************/
.popover {
    max-width: 500px;
    width: 500px;
    /*max-height: 350px;
    height: 350px;*/
    border-radius: 0;
    position: absolute;
    /*top: 0 !important;*/
    left: 0;
    z-index: 1060;
    display: none;
    padding: 1px;
    text-align: left;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
}


/*.popover-title {
    background-color: white;
    border-bottom: none;
}

.popover > .arrow {
    border-width: 0;
}

    .popover > .arrow:after {
        border-width: 0;
        content: "";
    }*/



/****************** GRID ******************/
.gridsterItemWholeClass {
    background-color: #ffffff;
    height: 0px;
    padding-left: 0px;
    padding-top: 0px;
    display: none;
}

.gridster-item {
    padding: 0;
    margin: 0 auto;
    box-shadow: none;
}

    .gridster-item::-webkit-scrollbar {
        -webkit-appearance: none;
    }

        .gridster-item::-webkit-scrollbar:vertical {
            width: 11px;
        }

        .gridster-item::-webkit-scrollbar:horizontal {
            height: 11px;
        }

    .gridster-item::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 2px solid white;
        /* should match background, can't be transparent */
        background-color: rgba(0, 0, 0, .5);
    }

    .gridster-item::-webkit-scrollbar-track {
        background-color: #fff;
        border-radius: 8px;
    }

.gridster ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    -webkit-padding-start: 0;
}


    .gridster ul li {
        padding: 0;
        /*margin: 0 auto;*/
        float: left;
    }

.gridster-item table tr td {
    padding: 10px !important;
}

.clear {
    content: ".";
    display: block;
    clear: both;
    visibility: visible;
    line-height: normal;
    height: auto;
}

.clear-left {
    clear: left;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: none;
}

/****************** LOGIN ******************/
/*ul, ul li {
    padding: 0;
    margin: 0;
}*/

ul.link-list-brand {
    padding: 0;
}

    ul.link-list-brand li {
        padding: 0;
        margin: 0;
        list-style-type: none;
        -webkit-padding-start: 0;
        padding-bottom: 1%;
    }

ul.welcome {
    padding-left: 1.1em;
}

ul li.welcome {
    list-style-position: inherit !important;
}

    ul li.welcome > a:active {
        color: #0066a4;
    }

.bell_login_table {
    margin-left: 10%;
    margin-top: 10%;
    padding: 10%;
    width: 60%;
    border: none;
}

.modal-body-login-hidden {
    display: none;
}

.btn-custom {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
}

    .btn-custom:hover, .btn-custom:visited {
        color: #fff;
        background-color: rgba(245, 245, 245, 0.2);
    }

.col-centered {
    float: none;
    margin: 0 auto;
}

.login-body-content {
    width: 75%;
}

.landing-image-alt {
    font-size: 60px !important;
    margin-top: 40px !important;
}

.width150 {
    width: 150px;
}



/****************** TAP ******************/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: white;
    width: 100%;
    border: none;
    height: 75px;
}

.nav-tabs > li > a:hover {
    background-color: #dddddd;
    width: 100%;
    border: none;
}

.nav-tabs > li > a {
    margin-right: 0;
    border: none;
    border-radius: 4px 4px 0 0;
}



/****************** ACCORDIAN ******************/
.panel {
    border-bottom: none;
    border-top: none;
}

.panel-group {
    margin-bottom: 0;
}

.panel-body {
    padding: 0;
    background-color: white !important;
    border-color: #ccc !important;
    background-image: none !important;
}

.panel-heading {
    padding: 10px 15px;
    border-top: 1px solid transparent;
    border-bottom: none;
    border-radius: 0;
    background-color: white !important;
    clear: left;
}

    .panel-heading a:hover {
        text-decoration: none;
    }

.panel-group .panel + .panel {
    margin-top: 0;
}

.panel-group .panel-heading + .panel-collapse > .panel-body {
    border-radius: 0;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
    border-top: none;
}


.pad-30 {
    padding: 0 30px 30px 30px;
}

.pad-40 {
    padding: 40px;
}

.pad-right-md {
    padding-right: 40px;
}

.pad-top-20 {
    padding-top: 20px;
}

.pad-1-2 {
    padding: 1% 2%;
}

.pad-3-3 {
    padding: 3% 3%;
}


.panel-title a {
    text-decoration: none;
}

#collapseOne [class*="col-"],
#collapseTwo [class*="col-"],
#collapseThree [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
    border-radius: 0;
}


[class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../assets/images/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 1px;
}

.icon-plus {
    background-position: -408px -96px;
}

.icon-minus {
    background-position: -433px -96px;
}

.expand-plus:before {
    content: "+" !important;
    color: #555;
    /*background-position: -408px -96px;*/
}

.collapse-minus:before {
    content: "-" !important; /*background-position: -433px -96px;*/
    color: #555;
}

.panel-default {
    border-color: #ccc !important;
}

.panel-heading, panel-collapse {
    background-color: white !important;
    border-color: #ccc !important;
    background-image: none !important;
}

.container:after {
    display: normal !important;
}

.nav-tabs {
    border-bottom: none;
}

/****************** ARTICLE ******************/
.i-view-chap {
    display: inline-block;
    min-height: 16px;
    padding-left: 22px;
    background: url(/themes/MS360/images/icons/view-chapter.png) no-repeat left top;
    font-style: normal;
    vertical-align: middle;
}

.i-article-search {
    display: inline-block;
    min-height: 16px;
    padding-left: 22px;
    background: url(/themes/MS360/images/icons/article-search.png) no-repeat left top;
    font-style: normal;
    vertical-align: middle;
}

.i-print-page {
    display: inline-block;
    min-height: 16px;
    padding-left: 22px;
    background: url(/themes/MS360/images/icons/printer.png) no-repeat left top;
    font-style: normal;
    vertical-align: middle;
}


.i-view-pdf, i-create-pdf {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    min-height: 16px;
    padding-left: 22px;
    background: url(/themes/ms360/images/icons/file-pdf.png) no-repeat left top;
    font-style: normal;
    vertical-align: middle;
}

.i-get-adobe {
    display: inline-block;
    min-height: 16px;
    padding-left: 22px;
    background: url(/themes/MS360/images/icons/file-pdf-2.png) no-repeat left top;
    font-style: normal;
    vertical-align: middle;
}

.page-tools-div {
    margin: 16px 0 16px 0;
    border-top: 1px solid #cdcdcd;
}

/*** Search ***/
.input-list-inline li {
    margin-right: 8px;
    padding: 0;
    padding-top: 2%;
    list-style-type: none;
    float: left;
}

.form-inline {
    display: inline-block;
}

.form-well {
    margin: 8px 0 16px 0;
    padding: 8px 16px 8px 16px;
    border: 1px solid #e9e9e9;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

ul.input-list-inline {
    list-style-type: none;
    display: block;
}

.input-list-inline {
    display: inline-block;
}

.input-list, .input-list-inline {
    margin: 0;
    padding: 0;
}

.input-list-head {
    text-align: left;
    font-weight: 700;
    font-size: 14px;
    list-style-type: none !important;
}

.search-page-icon {
    height: 34px;
    line-height: 34px;
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 40px;
}

.search-modal-icon {
    width: 45px;
    height: 45px;
    margin-bottom: 8px;
    background-position: left center;
    background-repeat: no-repeat;
}

.search-modal-icon-tools {
    background-image: url(/ScriptsDedicated/BELL/assets/images/search-res-tools.png);
    background-repeat: no-repeat;
}

.search-modal-icon-articles {
    background-image: url(/ScriptsDedicated/BELL/assets/images/search-res-articles.png);
    background-repeat: no-repeat;
}

.search-modal-icon-forums {
    background-image: url(/ScriptsDedicated/BELL/assets/images/search-res-forums.png);
    background-repeat: no-repeat;
}

.search-modal-icon-mobile {
    background-image: url(/ScriptsDedicated/BELL/assets/images/search-res-mobile.png);
    background-repeat: no-repeat;
}

.search-modal-icon-events {
    background-image: url(/ScriptsDedicated/BELL/assets/images/search-res-life-event.png);
    background-repeat: no-repeat;
}

.pager-tab {
    margin: 0 auto 0 auto;
    border: 1px solid #E2E2E2;
}

    .pager-tab td {
        text-align: center;
        border-left: 1px solid #E2E2E2;
    }

table td, .table-def td {
    padding: 0;
    border: 0;
    font-weight: 400;
}


.pager-tab td span {
    cursor: default;
}

.pager-tab td a, .pager-tab td a:active, .pager-tab td a:focus, .pager-tab td a:visited, .pager-tab td span {
    display: block;
    padding: 6px 12px 6px 12px;
    color: #0072ca;
    text-decoration: none;
}

.link-disabled {
    color: #cecece !important;
}

.tcenter {
    text-align: center !important;
}

.tright {
    text-align: right !important;
}

.tleft {
    text-align: left !important;
}

.link-top, .link-top:link, .link-top:visited {
    padding-right: 14px;
    background: url(/themes/ms360/images/list-arrow-brand-u.png) no-repeat right center;
    font-weight: 400;
    color: #0072ca;
}

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {
    color: #0B5AA0;
    font-style: normal;
}

.doc-title {
    margin: 0 auto;
    padding: 0;
    border: none;
    background-color: #fff;
    font-size: 14px;
    color: #555;
}


/****************** WIDGETS ******************/
.row-same-height > [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
    border-top: none;
    /*padding: 0;*/ /* when removed it will affect Savings and Retirement layout */
    margin: 0 auto;
}

.row-same-height > .escape-row {
    float: left;
}



.widgetMinHeight {
    /*min-height:300px;*/
}

/****************** LIFE EVENTS ******************/
.link-but.benefit_news_title, .link-but.benefit_news_title:hover {
    font-family: 'BellSlimBold', helvetica;
    font-size: 24px;
    color: #0066a4;
}

.height100 {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
    background-color: #fff;
}

.link-but {
    color: #0066a4;
    font-weight: normal !important;
}

ul.rrlifevent {
    margin: 0 auto;
    padding: 0;
    padding-left: 18px;
}

ul.rrlifevent li {
        list-style-position: outside;
}

ul.rrlifevent > li > a {
        color: #fff;
}

#collapseOne ul.print-item > li:first-child {
    list-style-type: none;
}

/****************** BENEFITS NEWS ******************/
.blue_gradient_bg {
    background-image: linear-gradient(to bottom, #1274B8, #104E93);
    background-color: #0066a4;
}

.pad-4-0 {
    padding: 4% 0;
}


/****************** BORDER ******************/
.border-all {
    border: solid 1px #ccc;
}

.border-top {
    border-top: solid 1px #ccc;
}

.border-bottom {
    border-bottom: solid 1px #ccc;
}

.border-left {
    border-left: solid 1px #ccc;
}

.border-right {
    border-right: solid 1px #ccc;
}

.border-top-none {
    border-top: none !important;
}

.border-bottom-none {
    border-bottom: none;
}

.border-left-none {
    border-left: none;
}

.border-right-none {
    border-right: none;
}

.no-border {
    border: none;
}



/* Custom dialog/modal headers */
/****************** NOTIFICATION ******************/
.modal {
    width: 100%;
    background-color: #fff;
    top: 0;
    /*padding-top: 15%;*/
    outline: 0 !important;
    border: none !important;
}

.dialogs-default {
    background-color: transparent;
}

.container-full {
    margin: 0 auto;
    width: 100%;
}

.nopadding, .nopad {
    padding: 0;
}

.dialog-header-error {
    background-color: #d2322d;
}

.dialog-header-wait {
    background-color: #428bca;
}

.dialog-header-notify {
    /*background-color: #eeeeee;*/
}

.dialog-header-confirm {
    background-color: #333333;
}

    .dialog-header-error span, .dialog-header-error h4,
    .dialog-header-wait span, .dialog-header-wait h4,
    .dialog-header-confirm span, .dialog-header-confirm h4 {
        color: #ffffff;
    }


.notification_on {
    /*color: red;*/
}

.notification_off {
    color: white;
}

[ng\:cloak], [ng-cloak], .ng-cloak {
    display: none;
}




/****************** PADDING ******************/
.div-p50 {
    padding: 20px 50px;
}

.div-pad-top100 {
    padding: 10% 20px 5% 20px;
}

.div-pad-top50 {
    padding: 2% 20px 3% 20px;
}

.div-pad-top30 {
    padding-top: 30px;
}

.pad-0-5 {
    padding: 0 5%;
}

.pad-2em {
    padding: 2em;
}

.pad-top-1em {
    padding-top: 1em;
}

.pad-2em-0 {
    padding: 2em 0;
}

.pad-1em-2em > table > tbody > tr > td {
    /*padding: 1em 10px;*/
    padding: 1em 0;
}


.pad-10 {
    padding: 40px 33px;
}


.pad-20 {
    padding: 40px;
}

.pad-40-0 {
    padding: 40px 0;
}


.article-throbber {
    /*background-color: #000;*/
    background-color: #ccc;
    bottom: 0px;
    display: none;
    left: 0px;
    opacity: 0.2;
    filter: "alpha(opacity=50)";
    right: 0px;
    top: 0px;
    z-index: 99;
    width: inherit;
    height: inherit;
    background-size: auto;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-image: url(/themes/MS360/images/spinner_large.gif);
    margin: 0 auto;
    padding: 0;
}


.article-search-modal {
    background-color: #fff;
    width: 20% !important;
}

    .article-search-modal .modal-title {
        font-family: Arial, sans-serif !important;
    }

    .article-search-modal .modal-head, .article-search-scroll {
        border-bottom: none;
        border-top: none;
    }

.article-search-input {
    width: 90% !important;
}

.article-search-body .input-group {
    width: 100%;
    padding-bottom: 5px;
    padding-right: 20px;
}

.article-search-body .modal-form-body {
    width: 90%;
}



/*************** LIFE EVENTS **************/
.box-res-link-2, .box-event-link {
    /* display: block; */
    width: auto;
    margin-bottom: 16px;
    padding: 0;
    font-family: Helvetica,'Myriad Pro',Arial,sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 15px;
    color: #222;
    text-decoration: none;
    background-position: 98% 0;
    background-repeat: no-repeat;
    border-bottom: none;
}



#bb-navbar-collapse-1 .auth-menu-profile, #bb-navbar-collapse-1 .auth-menu-lock, #bb-navbar-collapse-1 .auth-menu-pass, #bb-navbar-collapse-1 .auth-menu-mydetails {
    background-image: none;
    border: none;
}



/*************** FOOTER **************/
/*.body-main, .body-main-wide, .body-main-max {
  width: auto;
  padding-bottom: 16px;
  margin: 0 auto 0 auto;
  min-height: auto;
  background-color: #fff;
}*/

a:hover {
    cursor: pointer;
}

.foot-shell {
    color: #555;
    border-bottom: none;
    border-top: none;
    background: none;
}

.foot-inner {
    width: auto;
    /* margin: 0 auto 0 auto; */
}

div#content.body-main {
    width: 1170px;
    margin: 0 auto;
}

.modal-throbber {
    min-width: 32px;
    min-height: 32px;
    background: url(/themes/MS360/images/ajax-throbber.gif) no-repeat left top;
}

/* css debugging*/
.debug {
    border: 1px solid cyan;
}

.debug2 {
    border: 1px solid purple;
}

/*.container
{
    display:table;
    width: 100%;
}
.row
{
    height: 100%;
    display: table-row;
}
.col-sm-4
{
    display: table-cell;
}*/

/* TODO - Rafael: clear the image comming from CMS and create a margin-top:88px in white-lg class */
div.col-md-10.col-md-offset-1.text-white.text-center > img {
    height: 88px;
    visibility: hidden;
}

.pad-10.pad-top-20 {
    padding-top: 20px;
}

.col-md-6.col-xs-12.border-bottom.border-right.grid-cell.pad-10 > div > h1,
.dc-widget-md > h1 {
    /*margin-bottom: 34px;*/
    /**margin-bottom: 32px;*/
    padding-bottom: 22px;
}

.dc-widget-md > h1 {
    margin-top: 0;
}

.dc-widget-md > div > p {
    margin: 0 0 8px 0 !important;
    /**margin-bottom: 12px;*/
}

.text-dark {
    color: #212121;
}

.digits-blue-lg {
    *margin-bottom: 18px;
}

.bottom-links > span {
    padding-left: 7px;
}

.text-danger {
    color: #D50303;
}

.dcdb-widget-md > button {
    width: 100%;
}

.dcdb-widget-md ul.dropdown-menu,
ul.dropdown-menu.direction-down {
    margin: 20px 0 0 0px;
    padding: 20px 30px;
    padding-right: 10px;
}

ul.dropdown-menu.direction-down,
ul.dropdown-menu.direction-up {
  /*padding-left:0;*/
  padding-left: 30px;
}

    ul.dropdown-menu.direction-up > li,
    ul.dcdb-widget-md.dropdown-menu > li,
    ul.dropdown-menu.direction-down > li {
    margin-left: 10px;
}

.dcdb-widget-md ul.dropdown-menu li,
ul.direction-down ul.dropdown-menu li,
ul.direction-up ul.dropdown-menu li {
    /*list-style-position: outside;
        list-style-type: disc;*/
    /*padding: 5px 10px;*/
    line-height: 26px;
    padding-left: 10px;
    text-indent: -10px;
}

        .dcdb-widget-md ul.dropdown-menu li a {
            color: #0066a4 !important;
            padding-left: 0px;
            display: inline;
        }

        .db-widget-dropdown li {
            line-height: 26px;
            padding: 0;
            text-indent: -15px;
            list-style-position:inside !important;
        }

        .db-widget-dropdown li a {
            color: #0066a4 !important;
            padding-left: 0px;
            display: inline !important;
        }

#LifeEventsComponent_div ul {
    /*margin: 0 0 0 14px;*/  /*To fix the defect #592*/
    padding: 0 0 0 15px;
}

    #LifeEventsComponent_div ul li {
        list-style-position: outside;
        padding: 7px 0 0 0;
    }

        #LifeEventsComponent_div ul li a {
            color: #0066a4 !important;
        }

.text-lg {
    font-size: 17px;
}

div.text-lg > div {
    padding-top: 18px;
    padding-bottom: 11px;
}

h1.text-link, .dc-widget-md a {
    color: #0066a4 !important;
}

.btn-primary.pad-1-2.text-center.clear-left.nohover.no-border > h1.text-white {
    margin: 20px 0 !important;
}

div#SinglePromoComponent_div > div > a {
    width: 100%;
}

div[class^="digits-"] {
  padding: 0 0 8px 0;
}

div.popover {
    border-radius: 7px;
}

.popover-content {
    /*padding: 24px 24px;*/
    /*padding-bottom: 10px;*/
    /*padding-bottom: 0px;*/
  padding: 24px;
}

    .popover-content > div > div > h1 {
    margin-top: 0;
    font-weight: bolder;
    color: #666;
}

    .popover-content > div > div > div > p {
    margin-bottom: 7px;
}

    .popover-content > div > div > hr {
    margin-top: 0;
}

.text-primary-lg {
    font-size: 20px;
    color: #666;
    float: right;
    margin-top: -5px;
}

.spaced-line {
    margin-top: 16px;
}

.modal-header {
    margin: 22px;
    padding: 0;
    margin-bottom: 14px;
}

.modal-body {
    margin: 22px;
    padding: 0;
}

    .modal-body > img {
    padding: 5px;
}

.modal-footer {
    margin: 22px;
    padding: 0;
}

.modal-header > button.close, .nav-sub-menu > button.close{
    background-color: #666;
    border-radius: 20px;
    padding: 0px;
    padding-left: 4px;
    padding-right: 4px;
    opacity: 1;
    color: white;
    font-weight: 100;
    font-size: 21px;
    margin: 0px;
    padding-bottom: 0;
}

.dialog-header-notify > h4 {
    margin: 6px 0 4px 0;
    padding: 8px 0 8px 0;
    font-family: Tahoma;
    font-size: 28px;
    font-weight: 100;
    color: #666;
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: capitalize;
    font-stretch: ultra-expanded !important;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.modal-dialog.modal-sm > div > div.modal-footer {
    border: none;
}


    .modal-dialog.modal-sm > div > div.modal-footer > button {
    font-size: 12px;
        border-color: #ccc;
        background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(white));
    background-image: -webkit-linear-gradient(top, #ffffff, #dddddd);
    background-image: -moz-linear-gradient(top, #ffffff, #dddddd);
    background-image: linear-gradient(to bottom, #ffffff, #dddddd);
    background-image: -ms-linear-gradient(top, #ffffff, #dddddd);
    background-image: -o-linear-gradient(top, #ffffff, #dddddd);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#dddddd');
        color: #666666;
}

.modal-dialog.modal-sm > div > div.modal-body {
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 0;
    margin-bottom: 0;
    color: #666;
}

.white-lg.top-spaced {
    margin-top: 110px;
}

li.disc-list-style {
    margin: 0 !important;
    padding-left: 0;
    margin-bottom: 10px;
}

.container.border-right.border-left {
    min-height: 20px;
}

ul.dropdown-menu.dropdown-menu-right.align-left {
    margin-left: 10px;
    padding-left: 42px;
    padding-right: 30px;
    padding-bottom: 8px;
}

    ul.dropdown-menu.dropdown-menu-right.align-left > li {
    padding-bottom: 10px;
}

label.label-blue > a > h2 {
    color: #0066A4 !important;
}

.bump-left {
    margin-left: .5em;
}

.body-main, .body-main-wide, .body-main-max {
    width: 1170px;
}

/*div#content.body-main {
    background-color: #EDEDED;
}*/

div#HelpComponent_div > div > div > p > span {
    max-width: 283px;
    word-wrap: break-word;
    display: inline-table;
}

.text-primary-lg.top-margin {
    margin-top: 6px;
}

.padding-main {
    margin: 0 0px 0 0px;
    padding: 0;
}

.digits-blue-lg > span > a {
    text-decoration: none !important;
}

/*.modal-foot.my-elections-modal-foot-mod>div>a {
    opacity: 1;
    margin-left: 10px;
}*/

.notification-tooltip-content > table {
    margin-bottom: 15px;
}

.nav-panes-fixed-width-centered {
    width: 1085px;
}

table.table.notification-table.my-elections-enroll-tool-table-mod {
    width: 1085px;
}

.notif-box.notif-success {
    /*margin: -10px;*/ 
    padding: 14px;
}
div#forgotpwd-cm-div > div > .notif-success {
    border: none !important;
    box-shadow: none !important;
    width: 100%;
}

div#externalcontentinpage {
    margin: 0;
    padding: 0;
    text-align: left;
}

.depend-avatar-stats {
    margin: 24px !important;
    margin-top: 10px !important;
}

#modal-dependant > div.modal-foot > div > a {
    font-weight: 100 !important;
}

#modal-dependant > div.modal-foot, 
#modal-profile > div.modal-foot,
#modal-my-plan-covers > div.modal-foot,
#modal-beneficiary > div.modal-foot {
    margin: 0;
    height: 45px;
}

.depend-photo-empty {
    top: 65px;
}

#modal-dependant.modal {
    height: 600px;
}

div#modal-dependant > div > form > div > div > table > tbody > tr > td > ul > li > input[type=checkbox],
div#modal-dependant > div > form > div > div > table > tbody > tr > td > ul > li > input[type=radio] {
    margin: -5px 0 0;
}

div#modal-dependant > div > form > div > div > table > tbody > tr > td.pad-field {
    padding-top: 0px !important;
}

div#BannerComponent_div > ul > li > a {
    background: none !important;
    border: none !important;
    outline: none;
    background: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none;
}

    div#BannerComponent_div > ul > li > a.selected {
    color: #555;
}

div#article-search-modal {
    width: 317px !important;
    padding: 22px;
    padding-right: 0;
    border-radius: 4px;
}

input#article-search-terms:focus {
    border-color: #0066A4;
}

input#article-search-terms {
    box-shadow: none;
    width: 244px !important;
    padding-left: 10px;
    background: none;
    font-size: 14px !important;
    color: #666;
}

.article-search-body {
    margin: 0;
}

div#article-search-modal > div.modal-head {
    padding: 0;
}

.modal-title {
    margin-top: 0;
    padding-top: 0;
}

.article-search-modal .modal-head, .article-search-scroll {
    overflow-y: auto;
}

a.modal-close.close {
    opacity: 1;
    filter: alpha(opacity=100) !important;
}

#table-of-contents {
    letter-spacing: 1px;
}

#table-of-contents .chap-acc-title {
    font-family: 'Helvetica Bold',Helvetica,'Myriad Pro',Arial;
    font-size: 20px;
    cursor: pointer;
}

#table-of-contents ol.chap-acc-list {
    color: #0066a4;
    font-size: 14px;
}

#table-of-contents .chap-acc-list-active, #table-of-contents .chap-acc-list-active a {
    font-weight: normal;
}

#table-of-contents div.chap-acc-body  {
    margin-bottom: 20px;
}

#table-of-contents ol {
    counter-reset: section;
}

#table-of-contents ol li {
    display: block;
    position: relative;
    list-style-position: outside;
}

#table-of-contents ol li:before {
    content: counters(section,".") ".";
    counter-increment: section;
}

#table-of-contents .chap-acc-list a, #table-of-contents .chap-acc-list a:link, #table-of-contents .chap-acc-list a:visited {
    color: #0066a4;
}

#table-of-contents .chap-acc-list a:hover {
    color: #555 !important;
}

#table-of-contents .chap-acc {
    color: #0066a4;
}

#table-of-contents .chap-acc-active {
    border: none;
    padding: 0;
    color: #555 !important;
}

#bell_article_nav .chap-acc-body {
    display: block;
    position: absolute;
    left: -9999px;
    margin-top:8px;
}

#bell_article_nav .chap-acc-active .chap-acc-body {
    position: relative;
    left: 0;
}

#bell_article_nav li.chap-acc {
    white-space: nowrap;
    margin-right: 40px;

}

#bell_article_nav li.chap-acc a {
   display: inline-block;
}


#table-of-contents .chap-acc-list-active > a {
    /*font-weight: bold;*/
    color: #555 !important;
    text-decoration: none !important;
    cursor: default;
}

#table-of-contents .chap-acc-list-active > a,#table-of-contents .chap-acc-list-active > a:link,#table-of-contents .chap-acc-list-active a:visited {
        color: #555 !important;
        }


#bell_article_nav,
#bell_article_nav ul,
#bell_article_nav ul li,
#bell_article_nav ul ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
}

#bell_article_nav ul li {
    position: relative;
}

#bell_article_nav .nav-sub-menu .close {
        position: relative; 
        top: 4px;
        left: -4px;
}

#bell_article_nav .nav-chapter {
    background-color: #fff;
}

#bell_article_nav .nav-chapter .nav-sub-menu-inner {
    padding-right: 3px;
    padding-top: 30px;
}

#bell_article_nav .nav-chapter .scroll-y {
    overflow-y: scroll;
}


#bell_article_nav #nav-per-print {
    width: 290px;
}


#bell_article_nav .nav-sub-menu-inner {
    padding: 39px;
    padding-top: 22px;
    background-color: #fff;
    margin: 4px;
    min-height: 50px;
}

#bell_article_nav.left-rail {
    position: fixed;
    z-index: 9999;
    margin: 0px;
    opacity: 1;
    box-sizing: border-box;
    /*box-sizing:border-box*/
}

#bell_article_nav .nav-sub-menu {
    display: none;
    position: absolute;
    left: 62px;
    top: 0px;
    z-index: 9999;
    border: 1px solid #d1d2d4;
    background-color: #f6f6f6;
    color: #7a7a7a;
    opacity: 1;
}

#bell_article_nav .left-rail:hover,  #bell_article_nav .left-rail.active {
        opacity: 1;
}

#bell_article_nav .nav-help-item {
    color: #0066a4 !important;
    /*min-height: 0px !important;*/
    padding: 10px 0;
    background-color: #e0e0e0 !important;
    border-bottom: 1px solid #d1d2d4;
    font-family: 'Helvetica Bold',Helvetica,'Myriad Pro',Arial;
    font-weight: normal;
    font-size: 11px;
    line-height: 14px;
    width: 63px;
    opacity: .65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
}

#bell_article_nav a.nav-help-active,#bell_article_nav a.nav-help-item:hover {
        color: #555 !important;
        background-color: #fff !important;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }


#bell_article_nav .nav-group {
    border-left: 1px solid #d1d2d4;
    border-top: 1px solid #d1d2d4;
    border-right: 1px solid #d1d2d4;
    
}

#bell_article_nav .nav-help-item div {
        padding: 0 !important;
        padding-top: 4px !important;
    }


.no-background {
    background: none;
}

ul.nav-tabs > li {
    list-style-type: none;
}

ul.print-item {
    margin-left: 0;
}

ul > li > ul#lifeevent-todo {
    margin-left: 0;
}

/* sub title alignment for DB widget*/
.fixedHeightSmall {
    min-height: 55px;
}

ul.nav.navbar-nav.navbar-right {
    margin-top: 4px;
}

ul.list-no-padding {
    margin-left: 0;
    padding-left: 0;
}

.nav > li > a:focus, .nav > li > a:hover {
    background: none;
}

div.message-loading {
    font-size: 1.3em;
    color: #555;
    font-weight: 100 !important;
    text-align: center;
    padding: 1em;
    padding-top: 0;
}

a#forgotPwdSubmit {
    outline: none !important;
    border: 1px solid #ccc !important;
    padding-top: 9px !important;
    font-weight: 100;
    padding: 14px 0 11px 0 !important;
    font-size: 13px;
    color: #333 !important;
    box-shadow: none !important;
}
a#forgotPwdSubmit:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#D5D5D5));
    background-image: -webkit-linear-gradient(top, #FFF, #D5D5D5);
    background-image: -moz-linear-gradient(top, #FFF, #D5D5D5);
    background-image: -ms-linear-gradient(top, #FFF, #D5D5D5);
    background-image: -o-linear-gradient(top, #FFF, #D5D5D5);
    background-image: linear-gradient(to bottom, #FFF, #D5D5D5);
}
input#MemberNo {
    height: 32px;
    padding-left: 8px;
    padding-top: 3px;
}

#forgotpwd-cm-div > .form-sep-bottom {
    width: 100%;
    margin: 8px 0 8px 0;
    padding-bottom: 7px !important;
    border-bottom: none;
}

span.strong-date {
    font-weight: bold;
    font-family: "BellSlimMedium";
    color: #212121;
}

h1.text-link {
    padding-top: 0;
    margin-top: 0;
}

div.container.div-white.pad-40 > ul {
    margin-left: 17px;
}

#articleBodyDiv > a > h1 {
    color: #0066A4;
}

div.modal-body > div > div > .pad-1-2.table-bordered {
    border: none;
}

div.modal-body > div > div > .pad-1-2.table-bordered {
    border: none;
}

.modal-print > div > h2.article-title {
    font-size: 26px;
}

.modal-print > div > h1.article-title {
    font-size: 26px;
}

a.btn.btn-manulife,
button.btn.btn-default.btn-p50.dropdown-toggle.btnGradation,
button.btn.btn-primary,
a.btn.btn-primary.border-white.text-white {
    width: 100%;
    max-width: 308px;
    min-height: 38px;
    line-height: 24px;
}

button.btn.btn-default.btn-p50.dropdown-toggle.btnGradation {
    line-height: 20px;
}

button.drop-mar-top {
    margin-top: 16px;
}

.row {
  width: 100%;
}

.dropdown-wrapper.btn-group.dropdown {
  width: 100%;
}

a:visited,
.dropdown-menu > li > a {
    color: #0066A4;
}

/*#articleLink>div.container.ng-scope {
    background-color: white;
    padding: 3em;
}*/

/* remove double bottom border on widgets */
div#BannerComponent_div > div {
    margin-bottom: -1px;
}

.nobr {
    white-space: nowrap;
}

.modal-footer.ng-scope > button {
    width: 7em;
}

/*#articleLink>div.container.ng-scope {
    background-color: white;
    padding: 3em;
}*/

/* remove double bottom border on widgets */
div#BannerComponent_div > div {
    margin-bottom: -1px;
}

.notif-box.notif-info.ui-closable {
    border: none !important;
    box-shadow: none;
    margin: 0;
    padding: 10px;
}

.notif-title.notification-title-reduce-margin {
    color: black;
    font-family: 'BellSlim';
}

table#notification-table-2 {
    border: none;
    border-bottom: 1px solid #ccc;
}

table.notification-table a, div.notification-div-action a, table.notification-table span.blueText {
    color: #0066A4 !important;
}

.article-search-list li {
  margin: 0 20px 8px 0;
  text-align: justify;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

a.no-text-underline, a.no-text-underline:hover {
    text-decoration: none;
}


/****************** Header - search bar ******************/

#search-icon {
    width: 50px;
}

/****************** Footer  ******************/
.machine-details {
    float: right;
    color: lightgray;
    font-size: x-small;
}

/* TOC */
#nav-per-chapter_index ol li li li a {
    padding-left: 1em;
}

marquee {
    color: #555;
}

.container.div-white.pad-40 > ul {
    padding: 0;
}

.no-print {
    padding-top: 0;
    margin-top: -20px;
}

.inline-wrapper {
  display: inline-flex;
}

.img-icon-lh {
    float: left;
    margin-right: 8px;
    width: 49px;
    height: 49px;
}

.life-events-title {
  float: left;
  line-height: 48px;
}

a:hover {
  text-decoration: none !important;
}

.table-bordered > tbody > tr > td {
    border: 1px solid #555 !important;
    padding: 20px;
    vertical-align: middle;
}

table.table-bordered > thead > tr > td {
  border: 1px solid #555 !important;
  vertical-align: middle;
}

.table-bordered > tbody > tr,
.table-bordered > thead > tr,
.table-bordered > tbody > th,
.table-bordered > thead > th,
.table-bordered > thead > th > td, .table-bordered > tbody > th > td {
    border: 1px solid #555 !important;
}

.review-table-inner-header {
    border: 1px solid #555 !important;
}

.table-bordered > tbody > tr > td > p {
  line-height: 24px;
  margin: 0;
}

marquee {
  color: #555;
}

.modal-foot > div > .close {
    cursor: pointer;
    filter: alpha(opacity=100);
    /* background-color: #999 !important; */
    opacity: 1;
    font-size: 14px;
    background-color: #dddddd; /*do not mark this important as it is overriding the portal styles. */
    /*color: #000 !important;*/
    text-shadow: none;
    box-shadow: none !important;
    font-weight: 100;
    margin-right: 1em;
    padding:5px 10px 5px 10px;
    border: 1px solid #c2c2c2;
    line-height: 16px;
    font-weight: bold;
    /*background:*/
    border: 1px solid #c2c2c2;
    background: #fff url(/themes/MS360/images/buttons/bg-white.jpg) repeat-x left top;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dcdcdc));
    background-image: -webkit-linear-gradient(top,#fff,#dcdcdc);
    background-image: -moz-linear-gradient(top,#fff,#dcdcdc);
    background-image: -ms-linear-gradient(top,#fff,#dcdcdc);
    background-image: -o-linear-gradient(top,#fff,#dcdcdc);
    background-image: linear-gradient(top,#fff,#dcdcdc);    
}


.modal > button.modal-close {
    opacity: 1;
    background:url(/themes/MS360/images/dialogs/close-22.png);
}

.modal-close, .modal-close:link, .modal-close:visited {
    background-position: left top;
    background-repeat: no-repeat;
    border: none;
}

.my-elections-modal-foot-mod {
    background: none;
    padding-top: 14px;
}

.modal > .modal-head > .modal-title {
    font-family: sans-serif;
    font-weight: 100;
    padding-top: 8px;
}

.my-elections-modal-foot-mod {
    margin-top: -10px;
}

.rrlifevent {
    margin-left: 0px;
    color: white;
}

.rrlifevent li a {
        color: white;
}

a {
    color: #0066B4;
}

a:hover {
    color: #0066A4;
    text-decoration: none !important;
}

    a:focus {
    text-decoration: none;
    outline: none;
}

/* Beneficiaries */
.bene-header {
    position: relative;
    z-index: 100;
}

.scroll-bene {
    position: relative;
}

.beneficiaries-main .bene-avatar {
    width: 134px;
    height: 181px;
}

.bene-total-part {
    width:50px !important;
}

.add-percentage {
    width: 18px !important;
}

.searchbar-btn-pad {
    padding-left: 10px;
}


/* indentation for list */
/*ul_indentation{
    padding-left:8px;
}

ul_indentation li{
    list-style-type: disc !important;
    padding-left: 8px !important;
    list-style-position: outside !important;
    margin-left: 8px !important;
    list-style-type: disc !important;
}*/

.ul_indentation, div.modal-print ul, ul#lifeevent-todo {
    padding: 0;
    margin: 0 auto;
}

.ul_indentation li, div.modal-print ul li, ul#lifeevent-todo li {
    list-style: disc !important;
    margin-left: 20px;
}

div#modal-alerts-3585 {
    height: 292px !important;
    margin-top: 18vh;
}

td.callout-img > span {
    -moz-box-sizing: border-box;
    display: block;
    box-sizing: border-box;
    background: url('/ScriptsDedicated/BELL/assets/images/no-notif.png') no-repeat !important;
    /* display: block; */
    content: no-close-quote;
    width: 24px;
    height: 24px;
}

/*h3.portal-navigation ()*/

.default-color {
    color: #555 !important;
}

ul ul, ol ul, ul ol, ol ol {
    margin: 0;
}

/********* DST *********/
div#modal-dst-tools .input-group {
    display: static !important;
}

div#modal-dst-tools .table-depend-user .add-currency {
    width: 14px !important;
}

.modal.ng-isolate-scope {
  margin: 1em auto 0 0;
}

.notification-text {
    width: 90%;
    padding-left: 23px;
    padding-right: 3px;
    text-align: justify;
}

.notification-text  a {
    text-decoration: underline;
}

.notification-text a:hover {
    text-decoration: none;
}

/** Modal print*/
@media print {
    body.modal-active div div#wrapper, body.modal-active div#external-content-template.modal, body.modal-active > #exposeMask, body.modal-active > footer, body.modal-active div.ui-resizable-handle {
        display: none !important;
    }

    body.modal-active div.modal, body.modal-active div.modal div.ex-con-div-mod {
        width: 99% !important;
        height: auto !important;
        top: 0 !important;
        left: 0 !important;
        position: absolute !important;
        display: block !important;
        overflow: visible !important;
    }

    /* remove all link urls in print */
    a[href]:after {
        content: none !important;
    }
}

div#exposeMask {

    z-index: -1 !important;
}

#masthead {
    margin-bottom: 10px;
}

td.tcenter-6 * {
    padding-left: 6%;
    text-align: center;
}

table.table-striped {
    width: 100%;
    border: none;
    border-top: 1px #555 solid;
}

tr.tr-total {
    border-top: 1px #555 solid;
}

tr.tr-total > td {
    border: none !important;
    background-color: white !important;
}

table.table-striped > tbody > tr > td > p {
    margin: 0;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(even) > th {
    background-color: white;
}

.table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #ededed;
}

.table-striped > tbody {
    border: none;
}

ul.ul_indentation > li.ul_indentation > ul.ul_indentation > li {
    list-style: circle !important;
}

    ul.ul_indentation > li.ul_indentation > ul.ul_indentation > li > ul > li {
    list-style: square !important;
}

table.table-bordered * > p {
    margin: 0;
}

table.table-bordered > * > tr > td {
    /* Martine requested these changes on 28/09/2015 issue 1261 */
    border: 1px solid #555 !important;
    padding: 8px;
    vertical-align: top ;
    /*padding: 8px;*/
}

.full-size {
    width: 100%;
}

.btn-warning:hover {
    color: #fff;
    background-color: #D50303;
    border-color: #D50303;
}

.btn-warning {
    color: #fff;
    background-color: #D50303;
    border-color: #D50303;
}

.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #D50303;
    border-color: #D50303;
}

.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning:active.focus, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
    color: #fff;
    background-color: #D50303;
    border-color: #D50303;
}

#articleBodyDiv a:hover {
    text-decoration: underline !important;
}

/* Remove tooltips in modal dialog*/
.modal-dialog table div.tooltip {
    display: none !important;
}

.portal-notification {
    padding-right: 0px;
    background-color: #fcfdfe;
    border-top: 1px #ccc dotted;
    padding-top: 10px;
}

.portal-notification.first {
    padding-top: 5px;
    border: none;
}

/* Wrap text in notifications*/
.modal-body .notif-box .notification-activity-wide {
    white-space: normal;
}

.notif-box {
    color: #666;
}

/* Martine requested these changes on 28/09/2015 issue 1261 */
.dl_indentation dt {
    font-weight: normal !important;
    padding-top: 8px !important;
}

/*Change color of the date in Enrollment tool title*/
h2.event-date-title em {
    color: black;
}
/*Change font color for white button */
.close.but-white, .close.but-white:link, .close.but-white:visited {
    color: black;
}

/*fix for height of Popup Cancesl dialog in alert popup*/
div.modal.notif-info.ui-closable, div.modal.notif-error.ui-closable {
    display: table !important;
    height: 6em;
}

a.default-text-style, a.default-text-style:hover
{
    color: inherit;
    cursor: text;
}
/*Change color of tooltips in Enrollment Tool*/
.enroll-cols .tooltip, .enroll-cols .tooltip-arrow, .enroll-cols .tooltip > .tooltip-inner,
.table-form .tooltip, .table-form .tooltip-arrow, .table-form .tooltip > .tooltip-inner{
    background-color: #fff !important; 
    color: black !important; 
    border: none !important;
    opacity:1;
}/**/
.important-price{
  color: #212121 !important;
}
.ex-con-div-mod.borderless > div {
    padding: 22px;
    padding-top: 6px;
}
.employee-assistance-phone {
    font-size: 18px;
    color: #666;
}
.employee-assistance-text {
    font-size: 15px;
}
.debug {
    border: 1px solid cyan;
}

/*fix navbar on top of the window*/
#wrapper.wrapper, .ng-scope.wrapper {
    margin-top: 82px;
}
#wrapper.wrapper .navbar,  .ng-scope.wrapper .navbar{
    position: fixed;
    width: 100%;
    top: 0px;
}


.login-message-row {
    padding-top:2em;
}

/*** apply branding to projection tool ***/
body.base.portal-ui.fluid, body#apply-branding {
    background-color:#fff !important;
    padding:0 40px !important;
}

body.base.portal-ui.fluid table tr td {
    padding:8px;    
}

body.base.portal-ui.fluid table tr td.clsDividerCol {
    border-spacing: 0 !important;
    background-color: transparent !important;
}

body.base.portal-ui.fluid input.clsSubmitButton {
    border-radius: 5px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    font-weight: 100 !important;
    color: black !important;
    border: 1px solid #ccc !important;
    padding-top: 9px !important;
    font-size: 13px !important;
    color: #333 !important;
    box-shadow: none !important;
    background: transparent url('../assets/images/btn-bg-gradient.png') bottom left repeat-x !important;
}

body.base.portal-ui.fluid table tr td ul, body.base.portal-ui.fluid table tr td ul li {
    margin:0 auto !important;
    list-style-type:none !important;
}

h4 {
    font-family: arial;
    font-size: 16px;
    color: #212121;
    font-weight: 500;
    padding: 0;
    padding-bottom: 8px;
    margin: 0;
    text-transform: none !important;
}

/*Fix side panel in Enrolment->Choices*/
.enroll-col-side-right {
    width: 363px !important;
}

#benefit-tools-cost-summary {
    margin-top: 66px;
    width: 361px !important;
}

#benefit-tools-cost-summary .RecalulateBox {
  height:130px !important;
  width: 325px !important;
}


/*** Claims ***/
.claims-benefit-title{
    font-family:Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif !important;
    color:#555 !important;
    font-size:17px !important;
}

.claims-benefit-amount{
    font-family: 'BellSlimMediumBold', Arial !important;
    color:#555 !important;
    font-size:32px !important;
    letter-spacing:0 !important;
}

.claims-table-hor-title {
    background-color: #fff !important;
    text-align: center !important;
    color: #212121 !important;
}

.claims-table-ver-title {
    color: #212121 !important;
}

.text-align-left{
    text-align:left !important;
}

.text-align-right{
    text-align:right !important;
}

.no-padding-margin-top{
    margin-top:0 !important;
    padding-top:0 !important;
}

.pad-reset {
   padding: 0px;
}
/*** Claims ***/

/* My Elections Styles*/ 

.my-elections-timeline-line-event {
    width:150px !important;
    height:80px !important;
}

/* My Elections Styles*/

.color-dark{
    color:#333;
}

/* Video Tutorial */
form.bell-video-tutorial div.btn-primary h1.text-white,
form.bell-video-tutorial-union div.btn-primary h1.text-white,
form.bell-video-tutorial-nonunion div.btn-primary h1.text-white {
    font-size: 26px;
    font-family: "BellSlimMedium",Arial;
    font-size: 22px;
    font-weight: normal;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #212121 !important;
    background-color: white !important;
}
form.bell-video-tutorial div.btn-primary.pad-2em-0.text-center,
form.bell-video-tutorial-union div.btn-primary.pad-2em-0.text-center,
form.bell-video-tutorial-nonunion div.btn-primary.pad-2em-0.text-center{
    padding: 0 !important;
    padding-left: 15px !important;
    margin: 0 !important;
    background-color: white !important;
    background-image: none;
    border:none;
    text-align: left;
}
form.bell-video-tutorial .pad-3-3,
form.bell-video-tutorial-union .pad-3-3,
form.bell-video-tutorial-nonunion .pad-3-3{
    padding: 1%;
    padding-left: 15px;
    border:none;
}
div#modal-div-fixed-800-600.modal > a.modal-max{
    display: none !important;
}

/* Benefit News alignment */
div.grab-header > *{
    display:none;
}
div.grab-header > a, div.grab-header > a > h1{
    visibility:hidden;
    display: inline-block;
}

.video-dim {
    width: 712px;
    height: 399px;
    
}

.flowplayer {
     width: 712px;
}

.flowplayer.en-poster {
    background: url('/ScriptsDedicated/BELL/assets/images/video/Quickstart_en_poster.jpg') no-repeat;
}

.flowplayer.fr-poster {
        background: url('/ScriptsDedicated/BELL/assets/images/video/Quickstart_fr_poster.jpg') no-repeat;
}

/********* Misc *********/
[ng-cloak]
{
  display: none !important;
}


.error-red{
    color: #c00;
}

.cursor-default{
    cursor: default !important;
}

/* Enrollment Tool Override START */
div.form-inline label ul > li {
    margin: 0;
    list-style: disc !important;
}

div.notif-box div.notif-body ul li {
	list-style-position: outside;
}

div.divFooter 
{
    display: none;
}

.zindex{
    z-index: 99000 !important;
    background-color: rgba(0,0,0, 0.4);
}

.navbar-nav.multi-chapter > li {
    float: left;
}

.notification-header-left {
    width: 23px !important;
    float: left;
    padding-bottom: 100%;
    margin-bottom: -100%;
}

.notification-header-right {
    overflow: hidden;
}

/* Responsive custom styles goes here */
@media (max-width: 767px) {
    .modal-body {
        padding: 0;
    }

    #body-login-main .col-md-6 {
        padding: 0;
    }

    .login-body-content {
        width: 100%;
    }

    .navbar-nav .open ul.dropdown-menu {
        font-size: 12px;
        padding: 5px;
    }

    #bb-navbar-collapse-1 .nav-mega-tools-list, #bb-navbar-collapse-1 .nav-mega-life-list {
        padding: 0 0 0 15px;
    }

    #bb-navbar-collapse-1 .nav-mega-tools-list a,
    #bb-navbar-collapse-1 .nav-mega-tools-list a:link,
    #bb-navbar-collapse-1 .nav-mega-tools-list a:visited,
    #bb-navbar-collapse-1 .nav-mega-life-list a,
    #bb-navbar-collapse-1 .nav-mega-life-list a:link,
    #bb-navbar-collapse-1 .nav-mega-life-list a:visited,
    #bb-navbar-collapse-1 .nav-mega-tools-list li a:hover,
    #bb-navbar-collapse-1 .nav-mega-life-list li a:hover {
        padding: 0px 0 4px 0;
        font-size: 12px;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        height: auto;
    }

    .tabs, .tabs-blue {
        height: auto;
        padding: 2% 0 !important;
    }

    .table tr td {
        padding: 0 !important;
    }

    .gridster ul li {
        width: 100%;
        height: 20%;
        /*border:1px solid #000;*/
    }
}

@media (min-width: 800px) {
    .modal-sm {
        width: 40%;
    }
}

@media (max-width: 880px) {
    .body-main, .body-main-wide, .body-main-max {
        width: auto;
    }
}

@media (max-width: 991px) {
    li > .dropdown-menu::after, li > .dropdown-menu::before {
        display: none;
    }

    .navbar-nav .open .dropdown-menu {
        margin-top: 0;
    }

    nav .dropdown-menu-right {
        text-align: left;
    }

    .navbar-nav {
        margin: 0;
    }

    .navbar-nav .open ul.dropdown-menu {
        float: left;
        width: 100%;
        font-size: 13px;
    }

    .navbar-nav .open ul.dropdown-menu.dropdown-menu-right {
        float: none;
    }

    .navbar-nav .dropdown {
        clear: both;
    }

    #bb-navbar-collapse-1 .nav .dropdown h2 {
        min-height: 0;
        font-size: 17px;
    }

    .container {
        text-align: center;
    }

    .container #LifeEventsComponent_div {
        text-align: left;
    }

    .clear.login-body-content.col-centered > div.text-right {
        float: left;
    }
}

@media (max-width: 1200px) {
    body {
        min-width: 320px !important;
    }

    nav .dropdown-menu {
        width: 600px;
    }
}