html, body {
    height: 100%
}

body {
    font-size: 1em;
    line-height: 23px;
    color: #000;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

p {
    font-size: 1em;
    line-height: 23px;
    color: #000;
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: normal
}

a {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit
}

em, i {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    font-family: Arial, sans-serif;
    font-style: italic;
    font-weight: 300
}

hr {
    border: 0;
    height: 1px;
    margin: 25px auto
}

span {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit
}

u {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit
}

strong, b {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    font-family: Arial, sans-serif;
    font-weight: bold
}

th, tr, td {
    color: inherit
}

.logo {
    max-width: 250px;
    width: 100%
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

.page-wrapper {
    padding: 20px 20px 0px 20px
}

@media (max-width: 767px) {
    .page-wrapper {
        border-top: 2px solid #ec111a !important;
        padding: 15px 20px 0px 20px !important
    }
}

@media (max-width: 575.98px) {
    .top-footer .client-info {
        text-align: left !important
    }
}

.main-header ul.navbar-nav li.nav-item a.nav-link {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1em;
    color: #000;
    text-decoration: underline
}

@media (max-width: 767px) {
    .main-header ul.navbar-nav li.nav-item a.nav-link {
        padding-left: 10px;
        padding-right: 10px
    }
}

.main-header ul.navbar-nav li.nav-item a.nav-link:hover {
    color: #009dd6;
    text-decoration: none
}

@media (max-width: 767px) {
    .main-header.home-header {
        padding-bottom: 0px !important
    }
}

.main-header.home-header .responsive-client-detail {
    display: none
}

@media (max-width: 575.98px) {
    .main-header.home-header .responsive-client-detail {
        display: block
    }
}

.main-header.home-header .logo-box {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (max-width: 991.98px) {
    .main-header.home-header .logo-box {
        display: block !important
    }
}

.main-header.home-header .logo-box a img {
    max-width: 250px
}

@media (max-width: 1200px) {
    .main-header.home-header .logo-box a img {
        max-width: 200px
    }
}

@media (max-width: 991.98px) {
    .main-header.home-header .logo-box a img {
        max-width: 150px
    }
}

.main-header.home-header .logo-box h1 {
    font-size: 2em;
    line-height: 34px
}

@media (max-width: 1200px) {
    .main-header.home-header .logo-box h1 {
        font-size: 1.5em
    }
}

@media (max-width: 991.98px) {
    .main-header.home-header .logo-box h1 {
        font-size: 1em !important;
        padding-left: 0px;
        margin-top: 10px
    }
}

@media (max-width: 767px) {
    .main-header.home-header .logo-box h1 {
        margin-top: 0px !important;
        font-size: 1em !important
    }
}

@media (max-width: 376px) {
    .main-header.home-header .logo-box h1 {
        font-size: .875em !important
    }
}

@media (max-width: 575.98px) {
    .main-header.home-header .main-nav .navbar-toggler {
        padding: 0 0px 0px 0px !important
    }
}

@media (max-width: 575.98px) {
    .main-header.home-header .main-nav .navbar-collapse {
        margin-top: 10px;
        border-radius: 3px;
        color: #000
    }
}

.skip-link {
    position: absolute;
    top: -100px;
    background-color: #0056b3;
    -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    color: #ffffff;
    display: block;
    font-family: inherit;
    font-size: .875em;
    font-weight: 700;
    height: auto;
    left: 6px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    width: auto;
    z-index: 100000;
    -webkit-transition: top 1s ease-out, background 1s linear;
    transition: top 1s ease-out, background 1s linear;
    -webkit-box-shadow: 0 0 12px 1px #fd2a8e;
    box-shadow: 0 0 12px 1px #fd2a8e
}

    .skip-link:focus {
        color: #ffffff;
        top: 7px;
        -webkit-transition: top 0.1s ease-in, background 0.5s linear;
        transition: top 0.1s ease-in, background 0.5s linear
    }

    .skip-link:active {
        color: #ffffff;
        top: 7px;
        -webkit-transition: top 0.1s ease-in, background 0.5s linear;
        transition: top 0.1s ease-in, background 0.5s linear
    }

.profile-modal .modal-header button.btn-close {
    background-image: none;
    opacity: 1
}

    .profile-modal .modal-header button.btn-close span {
        color: #fff;
        font-size: 1.5em
    }

@media (max-width: 767px) {
    svg.bd-placeholder-img {
        height: 450px
    }
}

.home-page-card-content .card-bodypension-card h3 {
    font-size: 1.875em
}

.inner-content h5 {
    margin-bottom: 10px
}

.main-nav .navbar-nav li .nav-link {
    color: #000;
    position: relative
}

    .main-nav .navbar-nav li .nav-link::after {
        position: absolute;
        content: "\007C" / "";
        right: -2px;
        top: 6px
    }

@media (max-width: 575.98px) {
    .main-nav .navbar-nav li .nav-link::after {
        display: none
    }
}

.main-nav .navbar-nav li:last-child .nav-link::after {
    content: ""
}

.main-nav h1 {
    color: #ec111a;
    font-size: 1.875em;
    padding-left: 30px;
    font-weight: normal
}

@media (max-width: 767px) {
    .main-nav h1 {
        font-size: 1.25em !important;
        padding-left: 0 !important
    }

    .main-nav .navbar-toggler {
        padding: 0 40px 0px 0px !important
    }

        .main-nav .navbar-toggler:focus {
            outline: none !important;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .main-nav .navbar-toggler i {
            color: #333;
            font-size: 2.25em;
            font-weight: normal
        }
}

.pr-0 {
    padding-right: 0px !important
}

.pl-0 {
    padding-left: 0px !important
}

.pr-5 {
    padding-right: 5px !important
}

.pl-5 {
    padding-left: 5px !important
}

.pt-10 {
    padding-top: 10px
}

.pb-10 {
    padding-bottom: 10px
}

.pt-10 {
    padding-top: 10px
}

.pb-10 {
    padding-bottom: 10px
}

.pt-15 {
    padding-top: 15px
}

.pl-15 {
    padding-left: 15px
}

.pb-15 {
    padding-bottom: 15px
}

.pt-20 {
    padding-top: 20px
}

.pb-20 {
    padding-bottom: 20px
}

.pb-30 {
    padding-bottom: 30px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-55 {
    margin-bottom: 55px
}

.mb-60 {
    margin-bottom: 60px
}

.footer-section {
    padding: 0px 20px 0px 20px
}

    .footer-section .footer-content {
        background-color: #ec111a;
        padding: 20px 0px;
        color: #fff;
        width: 100%;
        margin: 0 auto;
        float: unset
    }

        .footer-section .footer-content p {
            color: #fff;
            font-size: .9375em
        }

@media (min-width: 1200.98px) {
    .footer-section .footer-content {
        max-width: 1140px
    }
}

.footer-section .footer-content .footer-content-info {
    max-width: 600px
}

    .footer-section .footer-content .footer-content-info p {
        font-size: .9375em
    }

.footer-section .footer-content ul.footer-nav {
    padding: 0;
    margin-left: 13px
}

@media (max-width: 991.98px) {
    .footer-section .footer-content ul.footer-nav {
        margin-left: 0px
    }
}

.footer-section .footer-content p {
    color: #fff;
    font-size: .9375em
}

.footer-section .footer-content ul {
    margin-bottom: 0
}

@media (max-width: 767.98) {
    .footer-section .footer-content ul {
        display: block
    }
}

.footer-section .footer-content ul li {
    list-style: none
}

@media (max-width: 767.98) {
    .footer-section .footer-content ul li {
        display: inline-block
    }
}

.footer-section .footer-content ul li a {
    color: #fff;
    text-decoration: none;
    position: relative;
    font-size: .9375em
}

    .footer-section .footer-content ul li a:after {
        content: "|";
        margin-left: 5px;
        margin-right: 5px
    }

.footer-section .footer-content ul li:last-child a::after {
    content: "";
    margin-right: 0
}

.footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 767.98px) {
    .footer-content ul {
        display: block
    }
}

@media (max-width: 767.98px) {
    .footer-content ul li {
        display: inline-block
    }
}

.footer-content ul li:first-child a {
    padding-left: 0
}

.footer-content p.copy-right {
    margin-left: 13px
}

@media (max-width: 991.98px) {
    .footer-content p.copy-right {
        margin-left: 0px
    }
}

@media (max-width: 991px) {
    .footer-nav {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 15px
    }

    .footer-content p.copy-right {
        margin-left: 0;
        text-align: left
    }
}

@media (max-width: 460px) {
    .footer-nav {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 15px;
        display: block
    }

    .footer-content ul li a:after {
        display: none
    }

    .footer-content p.copy-right {
        margin-top: 15px
    }
}

@media (min-width: 1200px) {
    .hero-banner-sec .hero-slider .banner-content {
        max-width: 1140px;
        width: 100%;
        margin: 0 auto;
        float: unset
    }
}
.hero-banner-sec .hero-slider .banner-content .banner-box.banner-retirementimg {
    background: #f4f9fc;
background: -webkit-gradient(linear, left top, right top, from(#f1f9fb), color-stop(27%, #f4f9fc), to(#f4f9fc));
background: linear-gradient(195deg, #e8f4fa 0%, #e8f4fa 27%, #ffffff 100%);
}
.hero-banner-sec .hero-slider .banner-content .banner-box {
    border: 8px solid #ec111a;
    border-radius: 10px !important;
    overflow: hidden;
    /* commented for 000044222 
    background: #e8f4fa;
    background: -webkit-gradient(linear, left top, right top, from(#e8f4fa), color-stop(27%, #e8f4fa), to(#fff));
    background: linear-gradient(90deg, #e8f4fa 0%, #e8f4fa 27%, #fff 100%)*/
}
/*.banner-retirementimg .banner-img img  { max-width: 550px; width: 100%; } */

@media (max-width: 991.98px) {
    .hero-banner-sec .hero-slider .banner-content .banner-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.hero-banner-sec .hero-slider .banner-content .banner-box .banner-img img {
    height: 103%
}

@media (max-width: 991.98px) {
    .hero-banner-sec .hero-slider .banner-content .banner-box .banner-img img {
        max-width: 100%;
        width: 100%
    }
}

.hero-banner-sec .hero-slider .banner-content .banner-box .banner-info {
    padding: 30px
}

    .hero-banner-sec .hero-slider .banner-content .banner-box .banner-info .banner-text-info {
        max-width: 545px
    }

    .hero-banner-sec .hero-slider .banner-content .banner-box .banner-info h1 {
        color: #ec111a;
        font-weight: 700
    }

    .hero-banner-sec .hero-slider .banner-content .banner-box .banner-info p {
        color: #000000;
        font-size: 1.1875em
    }

@media (max-width: 1200.98px) {
    .hero-banner-sec .hero-slider .banner-content .banner-box .banner-info p {
        font-size: 1em;
        padding-right: 20px
    }
}

.hero-banner-sec .hero-slider .banner-content .banner-box ul {
    padding: 0;
    margin: 0
}

    .hero-banner-sec .hero-slider .banner-content .banner-box ul li:not(:last-child) {
        padding-right: 30px;
        padding-bottom: 5px
    }

        .hero-banner-sec .hero-slider .banner-content .banner-box ul li:not(:last-child) a::after {
            position: absolute;
            content: "\007C" / "";
            right: -20px;
            top: -1px;
            color: #000
        }

    .hero-banner-sec .hero-slider .banner-content .banner-box ul li {
        list-style: none;
        display: inline-block
    }

        .hero-banner-sec .hero-slider .banner-content .banner-box ul li a {
            color: #227ea0;
            position: relative;
            font-size: 1.25em;
            font-weight: 700
        }

@media (max-width: 1200.98px) {
    .hero-banner-sec .hero-slider .banner-content .banner-box ul li a {
        font-size: 1.125em
    }
}

.hero-banner-sec .hero-slider .banner-content .banner-box ul li a:hover {
    color: #227ea0;
    text-decoration: none
}

.hero-banner-sec .hero-slider .banner-content .banner-box .carousel-inner .carousel-item {
    border: 8px solid #ec111a
}

.banner-img {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0
}

    .banner-img img {
        max-width: 540px;
        width: 100%
    }

@media (max-width: 1200px) {
    .banner-img img {
        max-width: 449px
    }
}

@media (max-width: 991.98px) {
    .banner-img img {
        display: none
    }
}

.member-card.rounded-3 {
    border-radius: 10px !important
}

.home-new .banner-img {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0
}

    .home-new .banner-img img {
        max-width: 365px;
        width: 100%
    }

@media (max-width: 1200px) {
    .home-new .banner-img img {
        max-width: 300px
    }
}

@media (max-width: 991.98px) {
    .home-new .banner-img img {
        display: none
    }
}

.home-new .hero-banner-sec .hero-slider .banner-content .banner-box .banner-info .banner-text-info {
    max-width: 750px
}

@media (min-width: 991.98px) and (max-width: 1200.98px) {
    .home-new .hero-banner-sec .hero-slider .banner-content .banner-box .banner-info .banner-text-info {
        max-width: 650px
    }
}

.home-new .hero-banner-sec .hero-slider .banner-content .banner-box .banner-info .banner-text-info + ul li a {
    color: #227ea0;
    position: relative;
    font-size: 1.25em;
    font-weight: 600
}

@media (max-width: 1200.98px) {
    .home-page-card-content {
        max-width: 1024px
    }
}

.home-page-card-content .collapse {
    -webkit-transition: .5s;
    transition: .5s
}

.heading {
    margin: 0px !important;
    padding: 30px 0px 0px 0px !important
}

.member-card {
    border: 8px solid #009dd6
}

    .member-card .collapse.show ul li a {
        text-decoration: underline;
        text-underline-offset: 0.15rem;
        color: #000
    }

        .member-card .collapse.show ul li a:hover {
            color: #009dd6;
            text-decoration: none
        }

    .member-card .arrow-icon-box span {
        color: #009dd6;
        font-size: 4.375em;
        float: unset !important
    }

    .member-card h3 {
        font-size: 1.875em;
        padding: 5px 0px 15px 0px;
        margin: 0px !important
    }

    .member-card a.profile-arrow {
        -webkit-transition: .5s;
        transition: .5s;
        position: relative
    }

        .member-card a.profile-arrow i {
            color: #ffffff;
            font-size: 1.5em;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            display: inline-block;
            background: #009dd6;
            margin-right: 10px;
            margin-bottom: 10px;
            position: absolute;
            right: 5px;
            bottom: 5px;
            -webkit-transition: .5s;
            transition: .5s
        }

@media (max-width: 767.98) {
    .member-card a.profile-arrow i {
        right: 0px
    }
}

.member-card a.profile-arrow i:hover {
    background-color: #0077c2
}

.member-card .card-body a:hover {
    color: #000
}

.member-card .card-body {
    border: none;
    display: inline-block;
    padding: 0px 15px 25px 15px
}

    .member-card .card-body h2 {
        padding: 5px 0px 15px 0px;
        margin: 0px !important;
        font-size: 1.875em;
        font-weight: normal
    }

@media (max-width: 767.98px) {
    .member-card .card-body h2 {
        font-size: 1.5em
    }
}

.member-card .card-body p {
    width: 84%;
    float: left;
    margin-bottom: 0;
    padding: 0px 0px 3px 0px
}

@media (max-width: 991.98px) {
    .member-card .card-body p {
        width: 80%;
        font-size: 1em
    }
}

@media only screen and (max-width: 767px) {
    .member-card .card-body p {
        width: 80%;
        font-size: 1em
    }
}

.member-card .card-body .memberdocview span {
    width: auto !important;
}
.member-card .card-body span {
    width: 9% !important;
    float: left;
    margin-top: 4px
}

    .member-card .card-body span img {
        max-width: 70px
    }

@media only screen and (max-width: 767px) {
    .member-card .card-body span {
        width: 100% !important;
        margin-bottom: 10px;
        text-align: left !important
    }
}

.member-card .card-body span i {
    font-size: 4.375em;
    color: #009dd6;
    width: 100%
}

@media (max-width: 767px) {
    .member-card .card-body span i {
        text-align: left !important
    }
}

.member-card .profile-arrow[aria-expanded="true"] i:before {
    content: "\f00d";
    font-family: "Font Awesome 6 Pro";
    -webkit-transition: width 3s ease-in;
    transition: width 3s ease-in
}

.member-card a.btn-primary {
    background-color: #ec111a;
    color: #fff;
    padding: 5px 10px;
    margin: 25px 5px;
    border: 1px solid #ec111a;
    display: inline-block;
    text-decoration: none
}

    .member-card a.btn-primary:hover {
        color: #fff !important;
        background-color: #ab242a;
        border: 1px solid #ab242a
    }

.pension-card {
    border: 8px solid #138468
}

    .pension-card .collapse.show ul li a {
        text-decoration: underline;
        text-underline-offset: 0.15rem
    }

        .pension-card .collapse.show ul li a:hover {
            color: #009dd6;
            text-decoration: none
        }

    .pension-card .arrow-icon-box span {
        color: #138468;
        font-size: 4.375em;
        float: unset !important
    }

    .pension-card a.profile-arrow {
        -webkit-transition: .5s;
        transition: .5s;
        position: relative
    }

        .pension-card a.profile-arrow i {
            color: #ffffff;
            font-size: 1.5em;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            display: inline-block;
            background: #138468;
            margin-right: 10px;
            margin-bottom: 10px;
            position: absolute;
            right: 5px;
            bottom: 5px;
            -webkit-transition: .5s;
            transition: .5s
        }

@media (max-width: 767.98) {
    .pension-card a.profile-arrow i {
        right: 0px
    }
}

.pension-card a.profile-arrow i:hover {
    background-color: #005436
}

.pension-card .card-body a:hover {
    color: #000
}

.pension-card .card-body {
    border: none;
    display: inline-block;
    padding: 0px 15px 25px 15px
}

    .pension-card .card-body h3 {
        padding: 5px 0px 15px 0px;
        margin: 0px !important;
        font-size: 1.875em;
        font-weight: normal
    }

@media (max-width: 767.98px) {
    .pension-card .card-body h3 {
        font-size: 1.5em
    }
}

.pension-card .card-body p {
    width: 84%;
    float: left;
    margin-bottom: 0;
    padding: 0px 0px 3px 0px
}

@media (max-width: 991.98px) {
    .pension-card .card-body p {
        width: 80%;
        font-size: 1em
    }
}

@media only screen and (max-width: 767px) {
    .pension-card .card-body p {
        width: 80%;
        font-size: 1em
    }
}

.pension-card .card-body span {
    width: 9%;
    float: left;
    margin-top: 4px
}

    .pension-card .card-body span img {
        max-width: 70px
    }

@media only screen and (max-width: 767px) {
    .pension-card .card-body span {
        width: 100%;
        margin-bottom: 10px;
        text-align: left !important
    }
}

.pension-card .card-body span i {
    font-size: 4.375em;
    color: #138468;
    width: 100%
}

@media (max-width: 767px) {
    .pension-card .card-body span i {
        text-align: left !important
    }
}

.pension-card .profile-arrow[aria-expanded="true"] i:before {
    content: "\f00d";
    font-family: "Font Awesome 6 Pro";
    -webkit-transition: width 3s ease-in;
    transition: width 3s ease-in
}

.tools-card {
    border: 8px solid #784988
}

    .tools-card .collapse.show ul li a {
        text-decoration: underline;
        text-underline-offset: 0.15rem
    }

        .tools-card .collapse.show ul li a:hover {
            color: #009dd6;
            text-decoration: none
        }

    .tools-card .arrow-icon-box span {
        color: #784988;
        font-size: 4.375em;
        float: unset !important
    }

    .tools-card a.profile-arrow {
        -webkit-transition: .5s;
        transition: .5s;
        position: relative
    }

        .tools-card a.profile-arrow i {
            color: #ffffff;
            font-size: 1.5em;
            width: 40px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            display: inline-block;
            background: #784988;
            margin-right: 10px;
            margin-bottom: 10px;
            position: absolute;
            right: 5px;
            bottom: 5px;
            -webkit-transition: .5s;
            transition: .5s
        }

@media (max-width: 767.98) {
    .tools-card a.profile-arrow i {
        right: 0px
    }
}

.tools-card a.profile-arrow i:hover {
    background-color: #48215a
}

.tools-card .card-body a:hover {
    color: #000
}

.tools-card .card-body {
    border: none;
    display: inline-block;
    padding: 0px 15px 25px 15px
}

    .tools-card .card-body h3 {
        padding: 5px 0px 15px 0px;
        margin: 0px !important;
        font-size: 1.875em;
        font-weight: normal
    }

@media (max-width: 767.98px) {
    .tools-card .card-body h3 {
        font-size: 1.5em
    }
}

.tools-card .card-body p {
    width: 84%;
    float: left;
    margin-bottom: 0;
    padding: 0px 0px 3px 0px
}

@media (max-width: 991.98px) {
    .tools-card .card-body p {
        width: 80%;
        font-size: 1em
    }
}

@media only screen and (max-width: 767px) {
    .tools-card .card-body p {
        width: 80%;
        font-size: 1em
    }
}


.tools-card .card-body .accountProfileForm span {
    float: none !important;
}

.tools-card .card-body span {
    width: 9% !important;
    float: left;
    margin-top: 4px
}

    .tools-card .card-body span img {
        max-width: 70px
    }

@media only screen and (max-width: 767px) {
    .tools-card .card-body span {
        width: 100% !important;
        margin-bottom: 10px;
        text-align: left !important
    }
}

.tools-card .card-body span i {
    font-size: 4.375em;
    color: #784988
}

@media (max-width: 767px) {
    .tools-card .card-body span i {
        text-align: left !important
    }
}

.tools-card .profile-arrow[aria-expanded="true"] i:before {
    content: "\f00d";
    font-family: "Font Awesome 6 Pro";
    -webkit-transition: width 3s ease-in;
    transition: width 3s ease-in
}

.inner-content {
    width: 100%;
    float: left
}

    .inner-content p {
        width: 100% !important;
        padding: 5px 0px !important;
        float: unset !important
    }

    .inner-content h4 {
        color: #666;
        font-weight: normal !important;
        margin-bottom: 0px;
        font-size: 1.75em
    }

    .inner-content h5 {
        margin-top: 10px !important;
        margin-bottom: 0px !important;
        font-weight: 500 !important;
        font-size: 1.75em;
        color: #585858
    }

    .inner-content h6 {
        margin-bottom: 0px
    }

table.table.table-bordered.table-first tbody {
    border-top: none
}

    table.table.table-bordered.table-first tbody tr {
        border-top: 1px solid #dfdfe0
    }

        table.table.table-bordered.table-first tbody tr th:first-child {
            background-color: #f3f3f5
        }

table.table.table-bordered.table-sec thead tr {
    border: #dfdfe0 1px solid !important
}

    table.table.table-bordered.table-sec thead tr th {
        background-color: #58595b;
        color: #fff;
        padding: 0.1rem 0.4rem !important
    }

table.table.table-bordered.table-sec tbody {
    border-top: none
}

    table.table.table-bordered.table-sec tbody tr {
        border: #dfdfe0 1px solid !important
    }

.inner-content h3 {
    color: #000000;
    padding: 0
}

.inner-content a.form-links {
    color: #5e5e5e;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.15rem
}

    .inner-content a.form-links:hover {
        text-decoration: none;
        color: #009dd6
    }

.inner-content ul.profile-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 767.98px) {
    .inner-content ul.profile-links {
        display: block !important
    }
}

.inner-content ul.profile-links li a {
    padding: 0 15px;
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 0.15rem;
    position: relative;
    font-size: 1.25em
}

@media (max-width: 991.98px) {
    .inner-content ul.profile-links li a {
        font-size: 1em
    }
}

@media (max-width: 767.98px) {
    .inner-content ul.profile-links li a {
        font-size: 1em
    }
}

.inner-content ul.profile-links li a::after {
    position: absolute;
    content: "|";
    margin: 0 15px
}

@media (max-width: 767.98px) {
    .inner-content ul.profile-links li a::after {
        display: none !important
    }
}

.inner-content ul.profile-links li a:hover {
    text-decoration: none;
    color: #009dd6
}

.inner-content ul.profile-links li:last-child a::after {
    content: ""
}



.profile-modal .modal-content {
    border: 0px !important
}
.deleteDoc .modal-content, .logoutDv .modal-content {
    padding: 0.25em !important;
    border: #ec111a 1px solid !important;
}

.userRegistrModal .modal-content {
    padding: 0.25em !important;
    border: #ec111a 1px solid !important;
}

    .profile-modal .modal-content .modal-header {
        background-color: #ec111a;
        border: #ec111a 1px solid !important
    }

        .profile-modal .modal-content .modal-header .btn-close {
            line-height: 18px;
			width: 21px;
        }
		.profile-modal .modal-content .modal-header .btn-close:focus{
            outline: 3px solid #ffffff;
        }

            .profile-modal .modal-content .modal-header .btn-close span i {
                padding: 0px !important;
                color: #ffffff;
                font-size: 1.75em;
                line-height: inherit !important
            }

    .profile-modal .modal-content .modal-body h1 {
        font-size: 2.0625em
    }

    .profile-modal .modal-content .modal-body h2 {
        color: #000000;
        margin: 20px 0px 25px 0px
    }

    .profile-modal .modal-content .modal-body label {
        color: #000;
        font-size: 1.0625em
    }

    .profile-modal .modal-content .modal-body p {
        margin-bottom: 5px
    }

    .profile-modal .modal-content .modal-footer {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: none;
        margin-bottom: 30px;
        margin-top: 15px
    }

        .profile-modal .modal-content .modal-footer button {
            background-color: #ec111a
        }

            .profile-modal .modal-content .modal-footer button:hover {
                background-color: #ab242a
            }

#memberinformation1 nav #nav-tab, .active-navs nav #nav-tab {
    border-bottom: none
}

    #memberinformation1 nav #nav-tab .nav-link, .active-navs nav #nav-tab .nav-link {
        color: #000;
        border: none;
        font-size: 1.25em;
        text-decoration: underline;
        text-underline-offset: 0.15rem
    }

@media (max-width: 991.98px) {
    #memberinformation1 nav #nav-tab .nav-link, .active-navs nav #nav-tab .nav-link {
        font-size: 1em
    }
}

#memberinformation1 #nav-tabContent, .active-navs #nav-tabContent {
    padding-top: 32px
}

#memberinformation1 nav #nav-tab .nav-link.active, .active-navs nav #nav-tab .nav-link.active {
    border: none;
    color: #6d6d6d;
    text-decoration: none
}

#toolsinformation1 .card.card-body a {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 0.15rem
}

    #toolsinformation1 .card.card-body a:hover {
        color: #009dd6;
        text-decoration: none
    }

#toolsinformation2 .card.card-body a {
    color: #000000;
    text-decoration: underline;
    text-underline-offset: 0.15rem
}

    #toolsinformation2 .card.card-body a:hover {
        text-decoration: none;
        color: #009dd6
    }

#toolsinformation .card.card-body a {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 0.15rem
}

    #toolsinformation .card.card-body a:hover {
        color: #009dd6;
        text-decoration: none
    }

@media (min-width: 768px) {
    #memberinformation1 nav #nav-tab .nav-link, .active-navs nav #nav-tab .nav-link {
        position: relative;
        text-underline-offset: 0.27rem
    }

    #memberinformation1 nav #nav-tab .verticleline, .active-navs nav #nav-tab .verticleline {
        font-size: 1.25em;
        width: 4px !important
    }
}

.inner-content th, .inner-content tr, .inner-content td {
    word-break: break-all
}

table.dataTable.inactiveforms tbody tr td {
    border: #d3d3d3 1px solid !important;
    vertical-align: initial;
    background-color: #fff
}

table.dataTable.inactiveforms tr th {
    padding: 5px 10px;
    font-weight: normal;
    width: 45%;
    background-color: #58595b;
    color: #fff
}

@media (max-width: 767.98px) {
    table.dataTable.inactiveforms tr th {
        width: auto
    }
}

table.dataTable.inactiveforms tr td p {
    padding: 0rem 0px !important;
    font-size: 1em;
    margin-bottom: 10px
}

    table.dataTable.inactiveforms tr td p:last-child {
        margin-bottom: 0px
    }

table.dataTable.inactiveforms a {
    color: #000000;
    text-decoration: underline;
    text-underline-offset: 0.15rem;
    padding-left: 0px;
    font-size: 1em
}

    table.dataTable.inactiveforms a:hover {
        color: #009dd6;
        text-decoration: none
    }

.container.home-page-card-content {
    max-width: 1024px
}

.profile-inner-image img {
    width: 100%;
    max-width: 100%
}

.inner-content a {
    color: #5e5e5e;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.15rem
}

    .inner-content a:hover {
        text-decoration: none;
        color: #009dd6 !important
    }

span.fas.fa-chevron-down.w-100 {
    margin-top: 0px !important;
    margin-right: 0px !important;
    width: auto
}

.arrow-icon-box .fas.fa-chevron-down.w-100 {
    margin-top: 0px !important;
    margin-right: 0px !important;
    width: auto !important;
    font-size: 2.8125em !important
}

@media (max-width: 767px) {
    .arrow-icon-box .fas.fa-chevron-down.w-100 {
        text-align: center !important
    }
}

.arrow-icon-box img {
    width: 65px
}

.comn-list {
    list-style-type: none
}

    .comn-list li {
        padding: 5px 0px 5px 10px;
        position: relative
    }

        .comn-list li:after {
            content: "";
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background-color: #000;
            position: absolute;
            left: 0;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%)
        }

.active-navs table tbody tr th, #pensioninformation table tbody tr th {
    padding: 0.05rem 0.3rem !important
}

.active-navs table tbody tr td, #pensioninformation table tbody tr td {
    padding: 0.05rem 0.3rem !important
}

.publication-content-info ul li, .formlinks-content-info ul li {
    padding: 3px 0px
}

    .publication-content-info ul li:last-child, .formlinks-content-info ul li:last-child {
        padding: 0px 0px
    }

    .publication-content-info ul li a, .formlinks-content-info ul li a {
        font-size: 1.125em !important;
        color: #000
    }

table.dataTable.inactiveforms tr th {
    padding: 0.05rem 0.3rem !important
}

table.dataTable.inactiveforms tr td {
    padding: 0.05rem 0.3rem !important
}

.profile-inner-image {
    padding-top: 32px
}

    .profile-inner-image img {
        width: 100%;
        max-width: 100%
    }

table tbody tr th {
    padding: 0.05rem 0.3rem !important
}

table tbody tr td {
    padding: 0.05rem 0.3rem !important
}

.comn-links li {
    padding: 3px 0px
}

    .comn-links li a {
        color: #000;
        font-size: 1.125em
    }

.question-mark {
    margin-right: 4px
}

.inner-content.formlinks-content-info td {
    word-break: initial
}

.home-new .dots-link {
    list-style-type: none
}

    .home-new .dots-link li a {
        text-decoration: underline
    }

.home-new .list-none li {
    padding: 0px 0px
}

.home-new .plan-info-table table.table.table-bordered.table-first tbody tr th:first-child {
    width: 30%
}

.paperless-delivery-consent .modal-dialog {
    max-width: 1024px
}

    .paperless-delivery-consent .modal-dialog .modal-header {
        background-color: #ec111a;
        height: 60px
    }

    .paperless-delivery-consent .modal-dialog .modal-content {
        border: none
    }

        .paperless-delivery-consent .modal-dialog .modal-content h1 {
            font-size: 2em;
            color: #000;
            line-height: 0px;
            margin: 30px 0px 40px 0px
        }

        .paperless-delivery-consent .modal-dialog .modal-content h3 {
            font-size: 2em;
            color: #000;
            line-height: 0px;
            margin: 30px 0px 40px 0px
        }

        .paperless-delivery-consent .modal-dialog .modal-content .modal-body {
            padding: 20px
        }

            .paperless-delivery-consent .modal-dialog .modal-content .modal-body h2 {
                margin-top: 10px !important;
                margin-bottom: 0px !important;
                font-weight: 500 !important;
                font-size: 1.75em;
                color: #585858
            }

            .paperless-delivery-consent .modal-dialog .modal-content .modal-body h5 {
                margin-top: 10px !important;
                margin-bottom: 0px !important;
                font-weight: 500 !important;
                font-size: 1.75em;
                color: #585858
            }

            .paperless-delivery-consent .modal-dialog .modal-content .modal-body p {
                font-size: 1em;
                padding: 5px 0px
            }

            .paperless-delivery-consent .modal-dialog .modal-content .modal-body .comn-list {
                padding-left: 22px !important
            }

                .paperless-delivery-consent .modal-dialog .modal-content .modal-body .comn-list li {
                    padding: 5px 0px 5px 10px;
                    font-size: 1em
                }

                    .paperless-delivery-consent .modal-dialog .modal-content .modal-body .comn-list li:after {
                        top: 16px
                    }

@media (max-width: 767px) {
    .paperless-delivery-consent .modal-dialog .modal-content .modal-body form .form-textbox .input-inline-box {
        display: block !important
    }
}

.paperless-delivery-consent .modal-dialog .modal-content .modal-body form .form-textbox .input-inline-box label {
    width: 20%
}

@media (max-width: 767px) {
    .paperless-delivery-consent .modal-dialog .modal-content .modal-body form .form-textbox .input-inline-box label {
        width: 100%
    }
}

.paperless-delivery-consent .modal-dialog .modal-content .modal-body form .form-textbox .input-inline-box input {
    width: 450px;
    max-width: 100%
}

.paperless-delivery-consent .modal-dialog .modal-content .modal-body form input[type="text"] {
    border-radius: 0px;
    background-color: #fff;
    border-color: #9f9f9f !important
}

.paperless-delivery-consent .modal-dialog .modal-content .modal-body form label {
    color: #000;
    font-weight: 600
}

.paperless-delivery-consent .modal-dialog .modal-content .modal-body form .form-check {
    line-height: 25px;
    margin-bottom: 10px;
    font-size: 1.125em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .paperless-delivery-consent .modal-dialog .modal-content .modal-body form .form-check label {
        font-weight: 500;
        padding-left: 10px
    }

    .paperless-delivery-consent .modal-dialog .modal-content .modal-body form .form-check .form-check-input {
        border-radius: 50%
    }

.paperless-delivery-consent .modal-dialog .modal-content .modal-body form button {
    padding: 8px 40px;
    background-color: #ec111a;
    border: none;
    margin-top: 25px
}

    .paperless-delivery-consent .modal-dialog .modal-content .modal-body form button:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none
    }

.active-box {
    display: none
}

    .active-box table tr td a {
        color: #000 !important;
        opacity: 1
    }

.plan-info-table table.table.table-bordered.table-first tbody tr th:first-child {
    width: 30%
}

.beneficiary-modalbox .modal-dialog .modal-header button {
    background-image: none;
    opacity: 1
}

    .beneficiary-modalbox .modal-dialog .modal-header button i {
        color: #fff;
        font-size: 1.6875em;
        line-height: 18px
    }

.higest-average-salary-plan table th {
    width: 33.33%
}

.higest-average-salary-plan a {
    color: #000 !important;
    display: inline-block
}

.salary-history table th {
    width: 20.33%
}

.salary-history a {
    color: #000 !important;
    display: inline-block
}

.form-check {
    line-height: 25px;
    margin-bottom: 10px;
    font-size: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .form-check .form-check-input:checked[type=radio] {
        background-color: #ffffff !important;
        border-color: #0d6efd !important;
        border-width: 5px
    }

    .form-check label {
        padding-left: 7px;
        margin-right: 10px
    }

.client-info span {
    font-size: 1em;
    font-weight: 500;
    line-height: 1.2;
    color: #000000
}

.list-menu li:after {
    top: 16px
}

.datebox-inputbox input[type=number]::-webkit-inner-spin-button, .datebox-inputbox input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: "Always Show Up/Down Arrows"
}

.datebox-inputbox input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}

.datebox-inputbox .month-box input[type=number]::-webkit-inner-spin-button, .datebox-inputbox .month-box input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: "Always Show Up/Down Arrows"
}

.datebox-inputbox .month-box input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}

.datebox-inputbox .form-check-label img {
    background-color: #f7eb00;
    width: 18px;
    border-radius: 50px
}

.member-card .card-body span.slash-icon {
    text-align: center;
    width: 30px !important;
    display: inline-block !important;
    font-weight: 600;
    font-size: 1em
}

.member-card .card-body .month-box span {
    width: auto !important;
    margin-left: 10px
}

.member-card .card-body span.common-width {
    width: auto !important;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 400
}

.assumption-table tr th, .assumption-table tr td {
    width: 33.33%
}

    .assumption-table tr th img, .assumption-table tr td img {
        background-color: #f7eb00;
        width: 18px;
        border-radius: 50px;
        float: right;
        margin-top: 2px
    }

.calculate-table table tr th {
    vertical-align: top
}

    .calculate-table table tr th img {
        background-color: #f7eb00;
        width: 18px;
        border-radius: 50px
    }

.calendar-box {
    position: relative
}

    .calendar-box button {
        position: absolute;
        right: 112px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

        .calendar-box button img {
            width: 16px;
            height: 17px
        }

.month-box input {
    width: 146px;
    max-width: 100%;
    height: 32px;
    font-weight: 600;
    padding-right: 20px
}

.month-box span {
    font-weight: 600
}

.member-card .card-body span.slash-icon {
    text-align: center !important
}

label#datepickerLabel, label#datepickerLabel_1 {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 600;
    margin-left: 10px;
    font-size: 1em
}

.calendar-box button {
    right: 4px
}

    .calendar-box button img {
        width: 25px;
        height: 25px
    }

.calendar-box input {
    width: 146px;
    height: 32px !important;
    padding-right: 27px;
    font-weight: 600
}

    .calendar-box input[type="number"], .calendar-box input[type="text"] {
        height: 32px !important
    }

.month-increment-box button img, .year-increment .button-container button img {
    width: 10px
}

#mins {
    position: absolute;
    right: 5px;
    background-color: transparent;
    border: none;
    padding: 0px;
    bottom: 5px;
    line-height: 0px
}

#plus {
    position: absolute;
    background: transparent;
    border: none;
    right: 5px;
    top: 4px;
    padding: 0px;
    line-height: 0px
}

.year-increment .button-container {
    right: 5px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

    .year-increment .button-container button {
        padding: 0px;
        background-color: transparent;
        border: none;
        line-height: 0px
    }

.yaer-input {
    width: 102px;
    font-weight: 600;
    padding-right: 20px
}

.border-right-none {
    border-right: none !important
}

.border-left-none {
    border-left: none !important
}

@media (max-width: 991.98px) {
    .datebox-inputbox.parttime-status, .datebox-inputbox {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 991.98px) {
    .datebox-inputbox.parttime-status .month-box {
        width: 100%;
        margin-top: 20px
    }
}

@media (max-width: 991.98px) {
    .calendar-box input {
        width: 90px
    }
}

.profile-arrow + div .arrow-icon-box img.arrowmove {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    cursor: pointer
}

.profile-arrow.collapsed + div .arrow-icon-box img.arrowmove {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .5s;
    -webkit-transition: .3s;
    transition: .3s
}

a.btn-primary {
    background-color: #ec111a;
    color: #fff !important;
    padding: 5px 10px;
    margin: 25px 5px;
    border: 1px solid #ec111a;
    display: inline-block;
    text-decoration: none
}

    a.btn-primary:hover, a.btn-primary:focus {
        color: #fff !important;
        background-color: #ab242a;
        border: 1px solid #ab242a;
        -webkit-box-shadow: none;
        box-shadow: none
    }

.btn-close:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

.fa-sr-only, .fa-sr-only-focusable:not(:focus), .sr-only, .sr-only-focusable:not(:focus) {
    width: 0px !important;
    height: 0px !important
}

#sub_member_info2 table.table-bordered thead tr td {
    background-color: #58595b;
    color: #fff;
    padding: 0.1rem 0.4rem !important
}

.percentage-increment .buttonDecimal {
    right: 5px;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 13%;
    border: none;
    background-color: transparent;
    line-height: 0
}

    .percentage-increment .buttonDecimal span {
        visibility: hidden
    }

    .percentage-increment .buttonDecimal img {
        width: 10px
    }

    .percentage-increment .buttonDecimal.dec {
        bottom: 0;
        top: 53%
    }

.member-card .card-body .parttime-change input {
    font-size: 1em;
    font-weight: 600
}

.member-card .card-body .parttime-change label {
    position: absolute;
    left: 47px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 600;
    margin-top: 0px;
    right: 0
}

.center-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none
}

button.btn-primary {
    background-color: #ec111a;
    color: #fff;
    padding: 5px 10px;
    margin: 25px 5px;
    border: 1px solid #ec111a;
    display: inline-block;
    text-decoration: none
}

    button.btn-primary:hover {
        color: #fff !important;
        background-color: #ab242a;
        border: 1px solid #ab242a
    }

.active-box2 {
    display: block
}

    .active-box2 .active-navs {
        padding-bottom: 32px
    }

.text_resize a {
    display: inline-block;
    line-height: normal;
    position: relative;
    padding: 0 5px;
    font-weight: 600
}

    .text_resize a.xs-font {
        font-size: .6875em;
        text-decoration: underline
    }

    .text_resize a.md-font {
        font-size: .8125em;
        text-decoration: underline
    }

    .text_resize a.lg-font {
        font-size: .9375em;
        text-decoration: underline
    }

    .text_resize a:after {
        position: absolute;
        content: "|"/"";
        right: -5px;
        top: 0px;
        font-weight: bold
    }

.text_resize span {
    font-size: inherit !important
}

.text_resize div:last-child a:after {
    content: ""
}

.skip-link {
    position: absolute;
    top: -100px;
    background-color: #0056b3;
    -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    color: #fff;
    display: block;
    font-family: inherit;
    font-size: .875em;
    font-weight: 700;
    height: auto;
    left: 6px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    width: auto;
    z-index: 100000;
    -webkit-transition: top 1s ease-out,background 1s linear;
    transition: top 1s ease-out,background 1s linear;
    -webkit-box-shadow: 0 0 12px 1px #fd2a8e;
    box-shadow: 0 0 12px 1px #fd2a8e
}

.header-sec {
    padding: 0px 0px 10px 0px !important
}

.page-wrapper {
    padding: 20px 20px 0px 20px !important;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.header_sec {
    padding: 0px 30px 20px 40px
}

@media screen and (max-width: 991px) {
    .header_sec {
        padding: 0px 20px 20px 20px
    }
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    .header_sec {
        padding: 0px 10px 20px 10px
    }
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    .header_sec a.navbar-brand {
        padding: 0px;
        margin: 0px
    }
}

.banner-inner {
    border: 8px solid #ec111a;
    position: relative;
    padding: 40px 0px 40px 60px
}

@media screen and (max-width: 991px) {
    .banner-inner {
        padding: 20px 0px 20px 20px
    }
}

.banner-inner:after {
    background-image: url(../images/banner-image.png);
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    top: 0px;
    bottom: 0;
    right: 0;
    left: auto;
    background-size: cover;
    width: 385px;
    max-width: 100%
}

@media screen and (max-width: 1199px) and (orientation: landscape) {
    .banner-inner:after {
        max-width: 350px
    }
}

@media screen and (max-width: 991.98px) {
    .banner-inner:after {
        display: none
    }
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    .banner-inner:after {
        display: none
    }
}

.banner-inner h2 {
    padding-bottom: 35px;
    margin-bottom: 0px;
    font-size: 2.0625em
}

@media screen and (max-width: 991px) {
    .banner-inner h2 {
        font-size: 1.625em;
        padding-bottom: 30px
    }
}

@media screen and (max-width: 991px) and (orientation: landscape) {
    .banner-inner h2 {
        font-size: 1.25em
    }
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    .banner-inner h2 {
        font-size: .9375em
    }
}

.banner-inner ul li {
    color: #ec111a;
    padding: 20px 45px;
    position: relative
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    .banner-inner ul li {
        padding: 20px 30px
    }
}

.banner-inner ul li:first-child {
    text-align: right;
    border-right: 2px solid #ec111a;
    padding-left: 0px
}

.banner-inner ul li:last-child {
    padding-right: 0px
}

.banner-inner ul li p {
    color: #ec111a
}

.banner-inner ul li a {
    color: #000;
    font-size: 2.25em;
    text-decoration: underline
}

@media screen and (max-width: 991px) {
    .banner-inner ul li a {
        font-size: 1.375em
    }
}

.banner-inner ul li a:hover {
    color: #009dd6;
    text-decoration: none !important
}

.outer-banner {
    padding-top: 20px
}

@media screen and (max-width: 767px) {
    .outer-banner ul {
        display: block !important;
        width: 100%
    }
}

.outer-banner ul li {
    font-size: .75em
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    .logo {
        max-width: 120px
    }
}

.left-logo img {
    max-width: 250px
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    .left-logo img {
        max-width: 120px
    }
}

.right-logo img {
    max-width: 348px;
    margin-top: 12px
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    .right-logo img {
        max-width: 120px
    }
}

.banner-inner:after {
    background-image: url(../images/banner-image.png);
    background-repeat: no-repeat;
    position: absolute;
    content: "";
    top: 0px;
    bottom: 0;
    right: 0;
    left: auto;
    background-size: cover;
    width: 385px;
    max-width: 100%
}

@media screen and (max-width: 1199px) and (orientation: landscape) {
    .banner-inner:after {
        max-width: 350px
    }
}

@media screen and (max-width: 991.98px) {
    .banner-inner:after {
        display: none
    }
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    .banner-inner:after {
        display: none
    }
}
.profile-modal .modal-header {
    background-color: #ec111a;
    border: #ec111a 1px solid !important;
    border-radius: 0px ;
}
   .profile-modal .modal-header button.btn-close span {
        padding: 0px !important;
        color: #ffffff;
        font-size: 1.25em
    }

@media (max-width: 991.98px) {
    .index-banner {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
}

.banner-content {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    float: unset
}

@media (max-width: 767.98px) {
    .header_sec .navbar-brand.index-header-logo-left img {
        max-width: 120px;
        width: 100%
    }
}

@media (max-width: 767.98px) {
    .header_sec .navbar-brand img {
        max-width: 160px;
        width: 100%
    }
}

.header-sec {
    padding: 0px 50px 20px 50px
}

@media screen and (max-width: 767px) {
    .header-sec {
        padding: 0px 10px 20px 10px
    }
}

.page-wrapper.banner-content {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    float: unset;
    padding: 20px 0px 0px 0px
}

@media (max-width: 767px) {
    .page-wrapper.banner-content {
        border-top: 0px solid #ec111a !important;
        padding: 15px 20px 0px 20px !important
    }
}

.main-nav h1 {
    color: #ec111a;
    font-size: 1.875em;
    padding-left: 30px;
    font-weight: normal
}

.banner-inner-content {
    border: 8px solid #ec111a;
    padding: 20px 20px 50px 50px;
    position: relative
}

@media screen and (max-width: 767px) {
    .banner-inner-content {
        padding: 10px 10px 50px 10px
    }
}

.banner-inner-content:after {
    position: absolute;
    top: 30px;
    content: "";
    background-image: url(../images/login-image.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 400px;
    background-size: contain;
    right: 0;
    left: auto;
    bottom: 0
}

@media screen and (max-width: 1180px) and (orientation: landscape) {
    .banner-inner-content:after {
        max-width: 350px;
    }
}
/*mantis-106523 */
@media screen and (max-width: 1023px) {
    .banner-inner-content:after {
        max-width: 340px !important;
    }
}
/*mantis-106523 */

@media screen and (max-width: 767px) {
    .banner-inner-content:after {
        max-width: 140px;
        display: none
    }
}

.navigation-bar ul {
    position: relative;
    z-index: 99
}

    .navigation-bar ul li a.a-links {
        position: relative
    }

    .navigation-bar ul li:first-child a.a-links::after {
        position: absolute;
        content: "|";
        right: -10px;
        top: -4px
    }

p {
    margin-bottom: 5px
}

h2 {
    color: #000;
    padding-top: 0px !important
}

form input.form-control {
    border: 2px solid #b7b7b7 !important;
    border-radius: 0px
}

label {
    padding: 0;
    color: #000;
    vertical-align: -webkit-baseline-middle;
    font-weight: 400
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    label {
        padding-top: 0px !important
    }
}

span {
    font-weight: 400;
    font-size: .9375em
}

    span label {
        color: #ec111a
    }

.submit.btn-primary {
    background-color: #ec111a;
    color: #ffffff;
    padding: 8px 30px;
    margin: 0px 0 25px 0;
    border: 1px solid #ec111a;
    display: inline-block
}

    .submit.btn-primary:hover {
        background-color: #ab242a;
        border: 1px solid #ab242a
    }

    .submit.btn-primary:focus {
        background-color: #ab242a;
        border: 1px solid #ab242a
    }

a.a-links {
    color: #000;
    font-size: .875em;
    text-decoration: underline;
    text-underline-position: under
}

    a.a-links:hover {
        color: #009dd6;
        text-decoration: none !important
    }

.outer-banner-content {
    margin-top: 20px
}

@media screen and (max-width: 767px) and (orientation: portrait) {
    .outer-banner-content ul {
        display: block !important;
        width: 100%
    }
}

.outer-banner-content ul li {
    font-size: .75em;
    color: #000;
    font-weight: 500
}

@media screen and (max-width: 1023px) {
    .credit-sec {
        margin-top: 15px
    }
}

.credit-sec ul {
    position: relative;
    z-index: 99
}

    .credit-sec ul li a.a-links {
        font-size: .9375em;
        color: #000;
        text-decoration: underline;
        text-underline-position: under
    }

@media screen and (max-width: 767px) and (orientation: portrait) {
    .credit-sec ul li a.a-links {
        font-size: .875em
    }
}

.credit-sec ul li a.a-links:hover {
    color: #009dd6;
    text-decoration: none !important
}

.navigation-bar ul li a.a-links.active {
    text-decoration: underline
}

    .navigation-bar ul li a.a-links.active:hover {
        text-decoration: none
    }

.login-page-content {
    padding: 20px 0px 0px 0px !important
}

@media (max-width: 1200px) {
    .login-page-content {
        padding: 20px 20px 0px 20px !important
    }
}

.login-page-content .login-french {
    padding: 20px 20px 50px 15px
}

    .login-page-content .login-french .credit-sec {
        max-width: 245px
    }

@media (max-width: 991.98px) {
    .login-page-content .login-french .credit-sec {
        max-width: 100%
    }
}

.login-page-content .login-french .credit-sec ul li a {
    font-size: 1em
}

@media (max-width: 991.98px) {
    .login-page-content .login-french label {
        margin-right: 15px
    }
}

.login-page-content .login-banner {
    padding: 20px 20px 50px 20px
}

@media (max-width: 991.98px) {
    .login-page-content .login-banner label {
        margin-right: 15px
    }
}

.login-page-content label {
    padding: 0px;
    font-size: 1.0625em
}

.login-page-content .a-links {
    font-size: .8125em
}

.login-page-content h2 {
    font-size: 1.875em
}

.login-page-content #form-progress {
    position: relative;
    z-index: 99
}

.forgot-pwd-footer button {
    background-color: #ec111a
}

    .forgot-pwd-footer button:hover {
        background-color: #ab242a
    }

@media (max-width: 991.98px) {
    .forgot-password-banner .banner-inner-content:after {
        display: none !important
    }
}

.first-timelogin:after {
    z-index: -1;
    opacity: .2;
    display: block !important
}

@media (max-width: 767.98px) {
    .first-timelogin:after {
        max-width: 350px
    }
}

.first-timelogin sup {
    top: 0.5px;
    font-size: 1.25em;
    color: #ec111a;
    left: 2px
}

.first-timelogin .banner-inner-content {
    border: 8px solid #ec111a;
    padding: 20px 20px 50px 50px;
    position: relative;
    border-radius: 10px
}

    .first-timelogin .banner-inner-content:after {
        display: none !important
    }

@media (max-width: 991.98px) {
    .first-timelogin .banner-inner-content:after {
        z-index: -1;
        opacity: .2;
        display: none !important;
        max-width: 350px
    }
}

.first-timelogin sup {
    top: 0.5px;
    font-size: 1.25em;
    color: #ec111a;
    left: 2px
}

.first-timelogin .input-description {
    font-size: W
    margin-top: 6px
}

    .first-timelogin .input-description span {
        font-size: .75em;
        display: inline-block
    }

.first-timelogin .form-label {
    margin-bottom: 0px !important
}


.active-box2 {
    display: block
}

    .active-box2 .active-navs {
        padding-bottom: 32px
    }

.change-password-sec#memberInformation #nav-tabContent {
    padding-top: 0px
}

/*mantis-106954*/
.first-time-login .forgot-pwd-footer input{ 
	margin-right: 5px;
}
/*mantis-106954*/

/*mantis-106972*/
button#paperclosebtn {
    margin-right: 10px;
}
/*mantis-106972*/

[lang="fr-CA"] .main-header.home-header .logo-box h1 {
		font-size: 1.5em !important;
		line-height: 34px;
	}
@media (max-width:767.99px){
.member-card h3 {
    font-size: 1.25em;
}
.pension-card .card-body h3 {
       font-size: 1.25em;
}
.tools-card .card-body h3 {
       font-size: 1.25em !important;
}
[lang="fr-CA"] .main-header.home-header .logo-box h1 {
		font-size:0.8em !important;
		line-height: 34px;
	}
}

@media (min-width: 991px) and (max-width: 1200px){
	[lang="fr-CA"] .main-header.home-header .logo-box h1 {
		font-size: 1.45em;
		line-height: 34px;
	}
}
/*mantis - 107009*/
.pension-card a.profile-arrow i,.tools-card a.profile-arrow i,.member-card a.profile-arrow i{
    bottom: 16px !important;
}
/*mantis - 107009*/
@media (max-width:767.99px){
.mainmenutd {
    padding: 5px 0px 5px 0px;
    width: 100% !important;
    display: inline-block !important;
}
.mainmenu {
    display: inline-block !important;
    width: 100% !important;
}
}
/*106986*/
@media (max-width: 761.98px){
    .imodel-ctrl-name-PanelMainBenf-panel-container .layout-container-50-50-column-2{
        text-align: center!important;
        margin-bottom: 0px; 
    }
    .imodel-container.imodel-ctrl-name-BenefCol1, .imodel-container.imodel-ctrl-name-MemberInfoBenefCol1{
        text-align: center!important;
    }
    .imodel-container.imodel-ctrl-name-BenefCol3 button.imodel-popup-tigger.btn.btn-primary.ng-binding{
        margin: 0 auto;
        margin-bottom: 0px!important;
    }
    span[ng-if="controlInfo.Title"] {
       float: none;
       margin-bottom: 15px;
       display: inline-block;
    }
    .imodel-container.imodel-ctrl-name-PanelMainBenf2 {
        border-left: 1px solid #89969f!important;
    }
    .imodel-container.imodel-ctrl-name-BenefCol1 .imodel-text-block-wrapper{
        border-right: 1px solid #89969f!important;
        padding-right: 0px;
    }
}

.skipLink{
	padding: 15px 23px 14px !important;
    font-family: inherit;
    font-size: .875em;
    font-weight: 700; 
	box-shadow: 0 0 12px 1px #fd2a8e;
	position: relative !important;
    top: 16px;
    left: 8px;
}
[lang="fr-CA"].roynat-login-fr.textsizeLarge .navbar-brand+h1{
	font-size: 1.3em !important;
}

.docAskusIcon {
    display: none !important;
}