/* Sticky footer styles
-------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Lato:400,500,600,700|Oswald:400,500,600');

html {
    position: relative;
    min-height: 100%;
}

#add-Dependent-modal input[type=number] {
    -moz-appearance: textfield;
}

body {
    /* Margin bottom by footer height */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px !important;
    font-style: normal;
    font-variant: normal;
    line-height: 30px;
    margin-bottom: 50px;
    background-color: var(--content-background-color);
}


.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 50px;
    line-height: 50px; /* Vertically center the text there */
    background-color: #f5f5f5;
}

.loginInfo-container {
    padding: 0px;
}

    .loginInfo-container a {
        text-align: center;
        text-decoration: none;
        line-height: 16px;
        font-weight: 600;
        word-break: break-word;
    }

.helpButton-container a {
    text-decoration: none;
}

.text-prim-color {
    color: var(--main-primary-bg-color) !important;
    font-size: 17px;
    /*font-family: "lato";*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.Info-Message {
    text-align: center;
    color: var(--page-text-color);
    font-size: 18px;
    font-weight: 700;
}

.landing-page-body {
    background: #fff;
}

#login-body .login-form-container {
    padding-top: 15px;
    background: url('../images/landingbg.jpg' ) no-repeat;
    background-size: cover;
}

#login-body .img-panel {
    margin-bottom: 5px;
}


#login-body img {
    width: 100%;
}

#login-body .bottom-orange-panel {
    background-color: var(--main-primary-bg-color);
}

.green-btn {
    border: none;
    background: var(--main-secondary-bg-color);
    color: var(--btn-heading-text-color) !important;
    padding: 5px 15px;
    display: inline-block;
    cursor: pointer;
    width: 175px;
    border-radius: 0;
    text-align: left;
    font-weight: 700;
    text-transform: uppercase;
    text-align:center;
    box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21);
}

.img-fluid-top {
    width: auto;
    height: 100%;
}
#logoImage{
    max-height:100px !important;
    max-width:100px !important;
}
.orange-btn {
    background: var(--main-primary-bg-color);
    border: 1px solid #bdbdbd;
    text-align: center;
    cursor: pointer;
}

#login-body .top-panel {
    margin-bottom: 15px;
}

#login-body .card-title {
    color: var(--main-primary-bg-color);
}

footer .copyright-container a {
    font-family: 'oswald';
    display: block;
    font-size: 0.7rem;
    color: #515151;
    margin-right: 1%;
}

footer .copyright-container span {
    margin-right: 1%;
}

.landing-page-body header {
    margin-top: 35px;
    margin-bottom: 15px;
}
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

.custom-page-width {
    max-width: 1255px;
    margin: 0px auto;
    padding: 0px 15px;
}

.site-menubar {
    visibility: hidden;
}

.inner-layout header {
    /*padding-top: 35px;*/
    padding-top: 15px;
    background-color: white;
    padding-bottom: 15px;
    border-bottom: 2px solid #e5e4e4;
}

.navigation-container nav a {
    display: inline-block;
    font-size: 1rem;
    text-transform: uppercase;
    border-right: 2px solid var(--main-primary-bg-color);
    height: auto;
    padding: 0 10px;
    color: black;
    line-height: 45px;
}

    .navigation-container nav a.active {
        color: white;
        background-color: var(--main-primary-bg-color);
    }

    .navigation-container nav a:last-child {
        border-right: none;
    }

    .navigation-container nav a:hover {
        background-color: var(--main-primary-bg-color);
        color: white !important;
        text-decoration: none;
    }

.navigation-container nav div a {
    text-decoration: none;
}

.logo-container {
    margin-bottom: 5px;
}

.navigation-container .helpButton-container .green-btn {
    margin-bottom: 5px;
}

    .navigation-container .helpButton-container .green-btn:last-child {
        margin-bottom: 0px;
    }

#page {
    /*padding-top: 25px;*/
    padding-bottom: 15px;
}

.dropdown-menu-header {
    position: relative;
    padding: 20px;
    background-color: var(--main-primary-bg-color);
    border-bottom: 1px solid #e4eaec;
}

.dropdown .fa {
    color: #76838f;
}

.button-container .dropdown-menu {
    padding-top: 0px;
    padding-bottom: 0px;
}

    .button-container .dropdown-menu .list-group-item {
        padding: 15px;
        border-top: 1px solid #e4eaec;
        font-size: 1.1rem;
        font-family: "oswald";
        color: var(--page-text-color);
        vertical-align: middle;
    }

        .button-container .dropdown-menu .list-group-item:hover {
            background-color: #f3f7f9;
        }

.button-container .list-group-item > .media:only-child {
    margin: 0;
}

.button-container .dropdown-menu .list-group-item:first-child {
    border-top: none;
}

.button-container .dropdown-menu .list-group-item .icon {
    font-size: 1.5em;
    padding-right: 1rem;
    color: var(--main-primary-bg-color);
}

.button-container .dropdown-menu .list-group-item .fa {
    font-size: 1.5em;
    padding-right: 1rem;
    color: var(--main-primary-bg-color);
}

.button-container .dropdown-menu-header h5 {
    font-family: "Oswald";
    font-weight: 700;
    font-size: 1.2rem;
    color: white;
}

.home-page-content h3 {
    font-family: "oswald";
    font-size: 1.5rem;
    text-transform: uppercase;
    color: white;
    padding: 0px;
    margin: 0px;
}

.home-page-content .title-container {
    background-color: var(--main-primary-bg-color);
    border: 1px var(--main-primary-bg-color);
    align-items: center !important;
    justify-content: flex-start !important;
    display: flex !important;
    height: 50px;
    line-height: 50px;
}

.home-page-content .content-container {
    padding: 0px;
    border: 2px solid var(--main-primary-bg-color);
}

/*.home-page-content .current-coverage-container .content-container {
    min-height:275px;
}*/



/*Quick Link*/
.home-page-content .quick-links-container a {
    border-right: 1px solid #dedddd;
    border-bottom: 1px solid #dedddd;
    height: 146px;
    cursor: pointer;
    transition: background-color 1s ease-out,color 1s ease-in;
    background-color: var(--content-background-color);
    color: var(--main-alternate-secondary-color);
    text-decoration: none;
}

    .home-page-content .quick-links-container a:nth-child(even) {
        border-right: none;
    }

.quick-links-container a:nth-last-child(2), .quick-links-container a:nth-last-child(1) {
    border-bottom: none;
}

.home-page-content .quick-links-container a:hover {
    background-color: var(--main-alternate-secondary-color);
    color: white;
}

.quick-links-container .content-container .icon {
    font-size: 3rem;
    margin-right: 5px;
}

.quick-links-container .content-container .fa {
    font-size: 2.3rem;
    margin-right: 5px;
}

.colorWhite {
    color: white !important;
}

.quick-links-container .content-container span {
    font-size: 1.0rem;
    color: #979393;
    font-weight: 700;
    margin-left: 5px;
    text-transform: capitalize;
    transition: color 1s ease-in;
}

.enrollNow {
    font-weight: bold !important;
    font-size: 1.2rem !important;
    color: var(--main-primary-bg-color) !important;
}

.home-page-content .quick-links-container a:hover > span {
    color: white;
}

.quick-links-container .content-container span > .fa {
    font-size: 1.2rem;
}

.quick-links-container .content-container {
    padding: 0px;
}

/*Home Page Current Coverage*/
.current-coverage-container .title-container a {
    padding-left: 10px;
    vertical-align: middle;
    font-family: "Oswald";
    font-size: 1.5rem;
    color: white;
    font-weight: 700;
}
/*.current-coverage-container .title-container .fa{
    padding-left:5px;
    color:white;
    font-size:1.1rem;
}*/
/*.current-coverage-container .title-container .dropdown-menu{
    padding:0px;
}*/
/*.current-coverage-container .title-container .dropdown-menu div a{
    line-height:35px;
    color:var(--page-text-color);
    
}*/
.home-page-content .current-coverage-container .card {
    padding: 0px 15px;
    height: 140px;
}

.home-page-content .current-coverage-container .btn-CardCollapse,
.home-page-content .current-coverage-container .other-btn-CardCollapse,
.home-page-content .current-coverage-container .card-cost {
    height: 48px;
}

.home-page-content .current-coverage-container .card-title {
    height: 60px;
    color: var(--page-text-color);
    border-bottom: 1px solid var(--main-alternate-secondary-color);
    background-color: white;
    /*font-family: "lato";*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 700;
    font-size: 1.2rem;
    padding: 0px;
    margin: 0px;
    padding: 10px 15px;
}

.home-page-content .current-coverage-container .Message-card {
    height: 272px;
}

.home-page-content .collapseBtn,
.home-page-content #othercollapseBtn {
    color: var(--main-alternate-secondary-color);
}

.home-page-content .cc-card-container .Info-Message {
    font-size: unset;
}

/*.current-coverage-container .plan-type-icon{
    font-size:3rem;
}
.current-coverage-container .card-title .plan-type-icon{
    padding-right:5px;
    color:var(--main-alternate-secondary-color);
}*/

*.current-coverage-container .plan-type-icon {
    font-size: 3rem;
    color: var(--main-alternate-secondary-color);
}

/*.current-coverage-container .owl-carousel .card-body ul{
    margin-bottom:.3rem;
}
.current-coverage-container .owl-carousel .card-body .table td{
    border:none;
    font-family:"oswald";
    font-size:0.8rem;
    padding:0.25rem 0.5rem 0.25rem 0.5rem;
}
.current-coverage-container .owl-carousel .card-body .table .plan-name{
    font-size:0.9rem;
    font-weight:700;
    color:var(--main-primary-bg-color);
    text-transform:uppercase;
    padding:0.25rem 0.5rem 0.25rem 0.5rem;
}*/
.current-coverage-container .card .title-cardCost {
    background-color: var(--main-primary-bg-color);
    border: 1px var(--main-primary-bg-color);
}

    .current-coverage-container .card .title-cardCost span {
        font-family: "oswald";
        font-size: 1.2rem;
        color: var(--main-primary-bg-color);
        padding: 0px;
        margin: 0px;
    }

/*.current-coverage-container .cc-card-container {    
    height: 340px;
}*/


.current-coverage-container .content-container .card-body .plan-type {
    font-weight: 700;
    color: var(--main-primary-bg-color);
}

.current-coverage-container .content-container .card-body,
.current-coverage-container .content-container .card-header {
    line-height: 23px;
    padding: 0.6rem;
    background-color: var(--btn-heading-text-color);
    border-bottom: none;
}

/*.current-coverage-container .owl-carousel .card-body {
    padding:0px 20px;
}
.current-coverage-container .owl-carousel .scroll-content{
    min-height:345px;
}*/






#page .custom-page-width {
    /*padding-top:20px;*/
    padding-top: 0px;
}

.video-container {
    line-height: 25px;
}

    .video-container p {
        margin-bottom: 0.5rem;
    }

.container-row {
    margin-top: 20px;
}

.to-do-item-container {
    padding: 10px 0px 10px 0px;
    height: 220px;
}


    .to-do-item-container .to-do-item .item-no {
        background-color: var(--main-primary-bg-color);
        color: white;
        vertical-align: middle;
        text-align: center;
        font-size: 1.2rem;
        vertical-align: middle;
        min-height: 30px;
        max-height: 30px;
        line-height: 30px;
        padding-left: 25px;
    }

    .to-do-item-container .to-do-item {
        margin-bottom: 10px;
    }

        .to-do-item-container .to-do-item:last-child {
            margin-bottom: 0px;
        }

        .to-do-item-container .to-do-item a {
            color: var(--page-text-color);
        }

    .to-do-item-container .scroll-container {
        width: 100% !important;
    }

    .to-do-item-container .scroll-content {
        width: 100% !important;
    }

.to-do-container .title-container div {
    color: white;
    font-size: 1.5rem;
}


    .to-do-container .title-container div:after {
        font-family: 'FontAwesome';
        /*content: "\f077";*/
        content: "\f13a";
        /*transition: all 0.5s;*/
    }

.to-do-container .title-container .collapsed:after {
    /*content: "\f078";*/
    content: "\f138";
}

.home-page-content .accordian-container a {
    text-decoration: none;
}

.btn-CardCollapse .card-header:hover {
    cursor: pointer;
}


.my-info-collapse-container a {
    position: relative;
    padding-left: 30px;
    height: 30px;
    font-size: 1rem;
    border: 1px solid white;
    background: white;
    margin-bottom: 10px;
    font-weight: 700;
    color: var(--main-alternate-secondary-color);
    font-size: 0.9rem;
    text-decoration: none;
}

    .my-info-collapse-container a[aria-expanded=false]:before {
        opacity: .4;
    }

    .my-info-collapse-container a:before {
        top: 1px;
        left: 5px;
        content: "\f067";
        position: absolute;
        color: var(--main-primary-bg-color);
        font-family: "FontAwesome";
        transition: all .3s linear 0s;
    }

    .my-info-collapse-container a:after {
        opacity: 0;
        transform: rotate(180deg);
        top: 1px;
        left: 5px;
        content: "";
    }

    .my-info-collapse-container a[aria-expanded=true]:before {
        opacity: 1;
        transform: rotate(180deg);
        top: 1px;
        left: 5px;
        content: "\f068";
        color: var(--main-primary-bg-color);
        font-family: "FontAwesome";
    }
    /*.my-info-collapse-container a[aria-expanded=true]:after {
    opacity:1;
    transform:rotate(180deg);
    top:1px;
    left:5px;
    content: "";    
    color:var(--main-primary-bg-color);
    font-family:"FontAwesome";
}*/


    .my-info-collapse-container a[aria-expanded=true] {
        margin-bottom: 0px;
    }

    .my-info-collapse-container a:last-of-type {
        margin-bottom: 0px;
    }

.my-info-collapse-container ul {
    padding: 0px;
    margin: 10px 0px 10px 0px;
    list-style: none;
}

.my-info-collapse-container .card-block {
    padding-left: 10px;
    padding-top: 10px;
}

    .my-info-collapse-container .card-block > ul > li:first-child {
        color: var(--main-alternate-secondary-color);
        font-weight: 700;
        word-break: break-word;
    }

.my-info-collapse-container ul li ul li {
    word-break: break-word;
    color: var(--main-alternate-secondary-color);
    font-size: 14px;
    font-weight: 700;
}

.my-info-collapse-container ul li > ul > li:first-child {
    color: var(--page-text-color);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}

.my-info-collapse-container ul li {
    padding: 0px;
    margin: 0px;
    line-height: 20px;
}

.my-info-container {
    padding: 19px 20px;
    background-color: var(--main-primary-bg-color);
}

.my-info-collapse-container .card {
    border-radius: 0px;
    border: none;
    margin-bottom: 10px;
}

.my-info-container-title-container {
    font-family: "oswald";
    font-size: 1.5rem;
    vertical-align: central;
    text-align: center;
    color: white;
    font-weight: bold;
}

.accordian-container .card {
    padding: 1.2rem;
    line-height: 25px;
    margin-bottom: 10px;
}

.accordian-container .accordian-trigger {
    position: relative;
    padding-left: 45px;
    height: 59px;
    font-family: "oswald";
    line-height: 50px;
    font-size: 1.5rem;
    background-color: var(--main-primary-bg-color);
    margin-bottom: 30px;
    color: white;
    text-transform: uppercase;
}

    .accordian-container .accordian-trigger[aria-expanded=false]:before {
        opacity: .4;
    }

    .accordian-container .accordian-trigger:before {
        top: 1px;
        left: 5px;
        content: "\f067";
        position: absolute;
        color: white;
        font-family: "FontAwesome";
        transition: all .3s linear 0s;
    }

    .accordian-container .accordian-trigger:after {
        opacity: 0;
        transform: rotate(180deg);
        top: 1px;
        left: 5px;
        content: "";
    }

    .accordian-container .accordian-trigger[aria-expanded=true]:before {
        opacity: 1;
        transform: rotate(180deg);
        top: 1px;
        left: 5px;
        content: "\f068";
        color: white;
        font-family: "FontAwesome";
    }
    /*.my-info-collapse-container a[aria-expanded=true]:after {
    opacity:1;
    transform:rotate(180deg);
    top:1px;
    left:5px;
    content: "";    
    color:var(--main-primary-bg-color);
    font-family:"FontAwesome";
}*/


    .accordian-container .accordian-trigger[aria-expanded=true] {
        margin-bottom: 0px;
    }

#stay-healthy .card {
    background-color: var(--content-background-color);
}

    #stay-healthy .card a {
        color: var(--main-primary-bg-color);
        padding-left: 10px;
    }

    #stay-healthy .card h5 {
        color: var(--main-alternate-secondary-color);
    }

    #stay-healthy .card a:after {
        color: var(--main-primary-bg-color);
        content: "\f0da";
        padding-left: 5px;
        padding-top: 1px;
        color: var(--main-primary-bg-color);
        font-family: "FontAwesome";
        transition: all .3s linear 0s;
    }

.video-container .media-body {
    height: 211px;
}

.video-container .embed-responsive {
    width: 375px;
}

.to-do-container .title-container .fa {
    color: white;
    padding-left: 5px;
    font-size: 1.5rem;
    padding-right: 15px;
}

.to-do-container .title-container h3 span {
    padding-left: 50px;
    font-size: 0.7rem;
    text-transform: none;
    text-decoration: none;
    color: var(--page-text-color);
}

.to-do-container .title-container span {
    text-wrap: normal;
    width: 50%;
    line-height: 20px;
    color: white;
    font-size: 1.1rem;
    padding-left: 25px;
}


/*walkthrough heading*/

.walkthrough-heading {
    /*font-family: "lato";*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: var(--btn-heading-text-color);
}

    .walkthrough-heading .heading {
        color: var(--btn-heading-text-color);
        font-weight: 600;
        padding: 1% 0% 1% 5%;
        background-color: var(--main-primary-bg-color);
        font-size: 130%;
    }

    .walkthrough-heading .disclaimer {
        font-family: "oswald";
        color: #ffffff;
        padding: 1.1% 0 1.1% 7%;
        background-color: var(--main-primary-bg-color);
    }

        .walkthrough-heading .disclaimer a {
            font-size: 100%;
            margin-left: 50%;
            text-decoration: none;
            color: var(--btn-heading-text-color);
            font-weight: 400;
            font-size: 80%;
        }

            .walkthrough-heading .disclaimer a:before {
                font-family: FontAwesome;
                content: "\f06a";
                font-size: 120%;
            }


    .walkthrough-heading .enrolment,
    .walkthrough-heading .running-total {
        background-color: var(--main-secondary-bg-color);
        font-family: 'oswald';
        text-transform: uppercase;
        font-size: 15px;
        padding: 0.6rem;
    }


        .walkthrough-heading .enrolment a,
        .walkthrough-heading .running-total a {
            font-size: 130%;
            color: var(--btn-heading-text-color);
            text-decoration: none;
        }

            .walkthrough-heading .enrolment a:after {
                font-family: FontAwesome;
                content: "\f0da";
                font-size: 120%;
                padding: 5px;
            }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}


/*dependent-box*/
.dependent-box, .mob-dependent-header {
    padding-top: 10px;
}

    .dependent-box .container-row .mobile-save a:first-child {
        margin-right: 10px;
    }

    .dependent-box .v-space-9 {
        padding: 9.0%;
    }

    .dependent-box .watch-vedio {
        padding-bottom: 10px;
    }

        .dependent-box .watch-vedio .header {
            text-align: center;
            color: var(--main-primary-bg-color);
            padding-bottom: 2%;
        }

    .dependent-box .vedio-here {
        border: 2px solid var(--main-primary-bg-color);
        border-radius: 10px;
        overflow: hidden;
        padding: 2%;
    }

        .dependent-box .vedio-here img {
            width: 100%;
        }

    .dependent-box .add-dependent {
        margin-bottom: 10px;
        /*padding-right:0px;*/
        padding: 0px;
    }

        .dependent-box .add-dependent .green-btn {
            font-family: 'oswald';
            text-align: left;
            padding: 6px 10px 12px 6px;
            font-weight: 700;
            font-size: 110%;
            text-align: center;
        }

        .dependent-box .add-dependent .orange-btn {
            /*padding:10px 15px 3px 15px;
        width:130px;*/
            text-align: center;
            padding: 5px 15px;
            width: 170px;
            font-family: 'oswald';
            font-size: 110%;
            margin-bottom: 7px;
        }


    /*user information */
    .dependent-box .user-info {
        width: 100%;
        border: 2px solid var(--main-secondary-bg-color);
        border-radius: 10px;
        overflow: hidden;
    }

    .dependent-box .dependent {
        border: none;
        border-radius: 0;
    }

        .dependent-box .dependent .col {
            border: 2px solid var(--main-secondary-bg-color);
            padding: 0px;
            overflow: hidden;
            border-radius: 10px;
            margin-top: 3%;
            margin-bottom: 3%;
        }

    .dependent-box .user-info .header {
        background: var(--main-secondary-bg-color);
        color: var(--btn-heading-text-color);
        /*font-family: "lato";*/
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-size: 110%;
        text-align: center;
        text-transform: uppercase;
        padding: 3% 0%;
        font-weight: 600;
    }

    .dependent-box .user-info ul, .user-info li {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .dependent-box .user-info .col li {
        margin-bottom: 1%;
        font-size: 105%;
        color: var(--main-primary-bg-color);
        /*font-weight:700;*/
    }

        .dependent-box .user-info .col li .first {
            color: var(--page-text-color);
            font-size: 80%;
            display: inline-block;
            width: 120px;
            text-transform: uppercase;
        }

    .dependent-box .dependent .body li ul li {
        float: left;
        margin-right: 12px;
        margin-bottom: 0px;
        line-height: 22px;
        vertical-align: middle;
        word-break: break-word;
    }

        .dependent-box .dependent .body li ul li label {
            color: var(--main-primary-bg-color);
            /*font-family: "lato";*/
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
            font-weight: normal;
            margin-bottom: 0px;
        }

    .dependent-box .dependent .user-img {
        text-align: center;
        padding-top: 10px;
        padding-bottom: 15px;
        font-size: 18px;
        color: var(--main-primary-bg-color);
    }

        .dependent-box .dependent .user-img * {
            display: inline-block;
        }

        .dependent-box .dependent .user-img .img img {
            height: 72px;
            width: 72px;
            border: 1px solid #c2c0c0;
            border-radius: 100%;
            margin-right: 12px;
        }

    .dependent-box .dependent .body {
        padding: 0px 8px;
        padding-bottom: 20px;
        background-color: var(--btn-heading-text-color);
    }

        .dependent-box .dependent .body li ul {
            display: inline-block;
            /*width: 191px;*/
            width: 65%;
            font-size: 90%;
            vertical-align: top;
        }

    .dependent-box #beneficiary .body li ul {
        vertical-align: top;
    }

        .dependent-box #beneficiary .body li ul li {
            word-wrap: break-word !important;
            line-height: 23px;
        }

            .dependent-box #beneficiary .body li ul li:last-child {
                margin-bottom: 10px;
            }

    /*.dependent-box .user-info .header .deleteBeneficiary img{
    color:var(--btn-heading-text-color);
    }*/
    .dependent-box .user-info .header .fa,
    .dependent-card .card-header .header .fa {
        color: var(--page-text-color);
        font-size: x-large;
    }

        .dependent-box .user-info .header .fa:hover {
            color: var(--btn-heading-text-color);
        }


    .dependent-box .dependent .col .body .green-btn {
        font-family: 'oswald';
        width: 40%;
        text-align: center;
        padding: 1% 2%;
    }

    .dependent-box .green-btn:hover {
        background-color: var(--page-text-color);
        color: var(--btn-heading-text-color) !important;
    }


.Beneficiary-Container {
    padding: 10px 0px 10px 0px;
    height: 260px;
}

/*dependent modal */
.dependents-modal .modal-dialog {
    max-width: 71%;
}


.dependents-modal .modal-content {
    border: 1px solid var(--page-text-color);
    box-shadow: none;
    border-radius: 0;
}

.dependents-modal .modal-header,
.enrollment-modal .modal-header {
    border: none;
    padding: 0px;
}

.dependents-modal .close {
    font-size: 26px;
    color: #000000;
    opacity: 1;
}

.enrollment-modal .close {
    font-size: 26px;
    color: #000000;
    opacity: 1;
    padding: 15px !important;
    /*margin:0px !important;*/
}

.dependents-modal .modal-heading {
    font-weight: bold;
    /*font-family: "lato";*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: var(--btn-heading-text-color);
    background: var(--main-primary-bg-color);
    text-transform: uppercase;
    padding: 1% 1%;
    margin-left: -15px;
}

.dependents-modal .modal-main-heading {
    font-weight: bold;
    background: var(--main-secondary-bg-color);
    /*font-family: "lato";*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: var(--btn-heading-text-color);
    padding: 1% 1%;
    text-transform: uppercase;
    margin-left: -15px;
    margin-right: -15px;
}

    .dependents-modal .modal-main-heading .fa {
        font-size: 1.5rem;
        vertical-align: sub;
    }

.panel-group .panel {
    border-radius: 0;
    border: none;
    box-shadow: none;
}


.dependents-modal .panel-group .panel-heading + .panel-collapse > .panel-body,
.dependents-modal .panel-group .panel-heading + .panel-collapse > .list-group {
    padding-left: 0%;
    padding-right: 0%;
    font-size: 15px;
    line-height: 24px;
    color: var(--page-text-color);
}

.dependents-modal .panel-body strong {
    display: block;
    text-transform: uppercase;
    color: var(--main-primary-bg-color);
}

.dependents-modal .form-fields-modal {
    font-size: 15px;
    /*font-family: "lato";*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

    .dependents-modal .form-fields-modal label {
        color: var(--page-text-color);
        max-width: 100%;
        font-weight: 700;
        display: inline;
    }

.waive-reason-selected {
    font-size: 12px;
}

.waive-reason-textbox {
    margin-top: 6px;
}

#reason-textbox {
    font-size: 12px;
}

.dependents-modal .check-here label {
    color: var(--main-primary-bg-color);
}

.dependents-modal .form-control-feedback {
    font-size: 160%;
    right: 3%;
}

.dependents-modal .form-fields-modal .required-field {
    color: #f91515;
}

.dependents-modal .form-fields-modal .modal-btn .green-btn {
    text-align: center;
    Width: 100%;
    box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21);
}

.dependents-modal a, .dependent-box a {
    text-decoration: none;
}

.dependents-modal a, .dependent-box a {
    text-decoration: none;
}

.add-dependent a:hover, .add-dependent a:active, .add-dependent a:focus {
    outline: 0;
}
/*Checkbox*/
.dependents-modal input[type="checkbox"], .dependents-modal input[type="radio"], .btn-radio {
    color: var(--page-text-color);
    cursor: pointer;
    width: 16px;
    height: 16px;
    margin-right: 7px;
    border: 1px solid #a4a4a4;
    vertical-align: sub;
}

.dependents-modal .custom-rodio label, .dependents-modal .custom-checkbox {
    clear: none;
    display: inline-block;
    padding: 1% 1em 0 0;
}


.dependents-modal .doc-small-btn .modal-btn .green-btn {
    padding: 0px;
    border-radius: 0;
    font-size: 13px;
}


/*.dependents-modal .docs-history {
    margin: 10px 0px 30px;
    padding:0px;
}*/

.dependents-modal .DocsHistoryContainer .docs-history {
    margin: 10px 0px 25px;
    padding: 0px;
}

.dependents-modal .docs-history > div {
    padding: 0px;
}

.dependents-modal .docs-heading div {
    border: none;
    background: var(--main-secondary-bg-color);
    color: var(--btn-heading-text-color) !important;
    text-align: left;
    border-radius: 0;
    /*font-family: "lato";*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    text-transform: uppercase;
    margin-left: 1px;
    font-weight: 600;
}

.dependents-modal .docs-history .Document-list input[type="checkbox"] {
    margin-top: 10px;
}

.dependents-modal .doc-upload-labeltext label {
    color: var(--page-text-color) !important;
    font-size: 18px;
    font-weight: 500;
    word-break: break-word;
}

.Add-Dependent-Documents .document-page {
    margin-top: unset;
}

.dependents-modal .normal-modalheader .modal-header {
    background: var(--main-primary-bg-color);
}

.dependents-modal .normal-modalheader .modal-heading {
    background: none;
    margin-left: 0px;
}

/*.dependents-modal .normal-modalheader .close {
    margin: 15px;
}*/

.dependents-modal .benefit-header .close {
    margin: 0px;
}

.dependents-modal .benefit-header .modal-heading {
    margin-left: 0px;
}

.benifit-line {
    display: block;
}

    .benifit-line > div {
        display: inline;
    }

.dependents-modal .card {
    margin-bottom: 10px;
    box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21);
}


/*document-page*/

.document-page {
    margin-top: 10px;
}

    .document-page .watch-vedio {
        padding-bottom: 10px;
    }

        .document-page .watch-vedio .header {
            text-align: center;
            color: var(--main-primary-bg-color);
            text-transform: uppercase;
            padding-bottom: 2%;
        }

    .document-page .vedio-here {
        border: 2px solid var(--main-primary-bg-color);
        border-radius: 10px;
        overflow: hidden;
    }

        .document-page .vedio-here img {
            width: 100%;
        }

    .document-page .doc-upload-labeltext .doc-number {
        color: var(--main-primary-bg-color) !important;
        font-size: 48px;
        font-family: 'oswald';
        font-weight: 700;
        margin-right: 36px;
    }

    .document-page .doc-upload-labeltext .custom-margin .fa {
        font-size: 2.5rem;
        color: var(--main-secondary-bg-color);
        margin-left: 5px;
    }

    .document-page .doc-upload-labeltext .custom-margin {
        margin-bottom: 30px;
    }

    .document-page .doc-table .header {
        font-size: 22px;
        text-transform: none;
        margin-bottom: 10px;
        color: var(--btn-heading-text-color);
        background-color: var(--main-primary-bg-color);
    }


    .document-page .doc-table .header-line {
        border-bottom: 2px solid var(--main-primary-bg-color);
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 2px;
        padding-bottom: 5px;
    }

    .document-page .doc-table .doc-content {
        border: 2px solid var(--main-secondary-bg-color);
        border-radius: 10px;
    }

        .document-page .doc-table .doc-content div {
            margin-top: 5px;
            margin-bottom: 5px;
        }

    .document-page .doc-upload-labeltext .green-btn {
        color: var(--btn-heading-text-color);
        background-color: var(--main-secondary-bg-color);
        margin-left: 20px;
        text-transform: uppercase;
        width: auto;
        padding: 5px 54px;
    }

/*toggle-switch*/
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #28a745;
}

.fade {
    -ms-opacity: 1;
    opacity: 1;
}

#pcp-value {
    width: 100%;
    height: 100%;
}

input:focus + .slider {
    box-shadow: 0 0 1px #28a745;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/*Dash Board My Datail*/


.mydetail-employee-photo {
    padding-bottom: 20px;
}

.my-details-picture .mydetail-employee-photo img {
    min-height: 50%;
    min-width: 50%;
    max-height: 330px;
    max-width: 350px;
}

.my-details {
    border: 2px solid;
    border-color: var(--main-secondary-bg-color);
    border-radius: 5px;
}

    .my-details .header {
        padding: 10px 0;
        /*font-family: "lato";*/
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-weight: 600;
        font-size: 18px;
        color: white;
        text-align: center;
        text-transform: uppercase;
        background-color: var(--main-secondary-bg-color);
        margin: 0;
    }

        .my-details .header a {
            text-decoration: none;
            color: var(--btn-heading-text-color);
        }

            .my-details .header a :hover {
                color: var(--page-text-color);
                text-decoration: none;
            }

        .my-details .header .edit-icon {
            font-size: 1.2em;
        }

        .my-details .header .save-icon {
            font-size: 1.2em;
            display:none;
        }

        .my-details .header .cancel-icon {
            font-size: 1.2em;
            display: none;
        }

    .my-details .left-side {
        border-right: 2px solid var(--main-secondary-bg-color);
        background-color: #fff;
    }

        .my-details .left-side + div {
            background-color: #fff;
        }

    .my-details li {
        margin-bottom: 16px;
        font-size: 18px;
        line-height: 22px;
        /*color: var(--main-primary-bg-color);*/
    }

        .my-details li .first {
            color: var(--page-text-color);
            font-size: 14px;
            display: inline-block;
            width: 155px;
            text-transform: uppercase;
        }

        .my-details li label {
            color: var(--main-primary-bg-color);
            word-wrap: break-word;
            display: inline-block;
            width: 100%;
        }

.MyPhotoSave {
    padding: 0px;
}

    .MyPhotoSave .orange-btn {
        padding: 2px 8px;
        margin: 0px;
        width: auto;
    }

.mydetailContainer .dependent-box .vedio-here {
    border: 2px solid var(--main-secondary-bg-color);
}


.my-details li #phoneerrormsg,
.my-details li #emailerrormsg,
.my-details li #maritalStatusErrMsg {
    font-size: 14px;
    font-weight: 700;
}

.testimonial-card .avatar {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 150px;
    margin-top: -60px;
    overflow: hidden;
    border: 5px solid #fff;
    height: 150px;
    background: #fff;
    text-align: center;
    line-height: 150px;
}

.mydetailContainer {
    padding-left: 0px;
}

    .mydetailContainer .browse,
    .mydetailContainer .MyPhotoSave {
        margin-bottom: 10px;
    }

.testimonial-card .avatar img {
    width: auto;
}

.testimonial-card .rounded-circle {
    border-radius: 50% !important;
}

.testimonial-card img {
    vertical-align: middle;
    border-style: none;
}

.testimonial-card .indigo.lighten-1 {
    background-color: var(--main-secondary-bg-color);
}

.testimonial-card .card-up {
    overflow: hidden;
    height: 120px;
    /* -webkit-border-top-left-radius: .25rem; */
    border-top-left-radius: .25rem;
    /* -webkit-border-top-right-radius: .25rem; */
    border-top-right-radius: .25rem;
}

/*IQ Page*/
#employee-interactivequestion .save-continue,
#employee-interactivequestion .cancel,
#dependent-interactivequestion .save-continue,
#dependent-interactivequestion .cancel {
    padding-bottom: 15px;
}

    #employee-interactivequestion .save-continue .orange-btn,
    #employee-interactivequestion .cancel .orange-btn,
    #dependent-interactivequestion .save-continue .orange-btn,
    #dependent-interactivequestion .cancel .orange-btn {
        /*width: 190px;*/
        padding: 2px 5px;
        /*font-family: "lato";*/
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-size: 18px;
        font-weight: 700;
        color: #ffffff;
        background: var(--main-primary-bg-color);
        border: 1px solid #bdbdbd;
        text-align: center;
    }

/*Election Page Left Menu*/
/*.main-content-area-health {
    margin: 1% 0;
}*/

/*.left-menu {
    margin-left: 3%;
}*/

/*.left-menu ul li {
    padding: 2% 0 2% 1%;
    margin: 4% 0 4% 0;
}*/

/*.left-menu ul li a {
    font-family: oswald;
    font-size: 140%;
    text-decoration: none;
    color: var(--main-secondary-bg-color);
    text-transform: uppercase;
    display: block;
    font-weight: 400;
    font-size: 130%;
}*/

/*.left-menu li:hover, .left-menu li:hover a {
    background-color: var(--main-secondary-bg-color);
    color: var(--btn-heading-text-color);
}*/

/*.left-menu li i {
    margin-right: 5%;
}*/


/*New Election Pages Left Menu*/
.left-menu .sideMemu-Container {
    padding: 0px;
}

    .left-menu .sideMemu-Container .card {
        /*margin-bottom: 10px;*/
        /*box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21)*/
        border-bottom: none;
        border-radius: 0px;
    }

    .left-menu .sideMemu-Container .card-header .nav-link {
        border-radius: 0px;
    }

    .left-menu .sideMemu-Container .main-header .card-header {
        padding: 0.5rem 1rem;
        background-color: var(--main-secondary-bg-color);
        color: var(--btn-heading-text-color);
        font-size: 120%;
        font-weight: 600;
        border-radius: 0px;
    }

    .left-menu .sideMemu-Container .card-header {
        /*background:#fff;*/
        background-color: var(--content-background-color);
        padding: 0px;
    }

    .left-menu .sideMemu-Container .card-body {
        /*background-color:var(--content-background-color);*/
        background: #fff;
        padding: 0px;
    }

    .left-menu .sideMemu-Container .card i {
        padding: 0px;
    }

    .left-menu .sideMemu-Container .show:first-of-type a,
    .left-menu .sideMemu-Container .show:first-of-type i {
        /*background-color:var(--content-background-color);*/
        background-color: var(--main-primary-bg-color);
        color: var(--btn-heading-text-color);
    }


    .left-menu .sideMemu-Container .card-header i {
        font-size: 30px;
        color: var(--main-secondary-bg-color);
    }


    .left-menu .sideMemu-Container .card-header a {
        font-family: oswald;
        font-size: 120%;
        text-decoration: none;
        /*color: var(--main-secondary-bg-color);*/
        color: var(--page-text-color);
        text-transform: uppercase;
        display: block;
        font-weight: 400;
    }

    .left-menu .sideMemu-Container ul li {
        margin: 0px;
        padding: 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    }

        .left-menu .sideMemu-Container ul li a {
            font-family: oswald;
            font-size: 110%;
            text-decoration: none;
            color: var(--page-text-color);
            /*color: var(--main-secondary-bg-color);*/
            display: block;
            font-weight: 700;
        }


    .left-menu .sideMemu-Container .card-header:hover,
    .left-menu .sideMemu-Container .card-header:hover a,
    .left-menu .sideMemu-Container .card-header:hover i {
        background-color: var(--main-secondary-bg-color);
        color: var(--btn-heading-text-color);
    }


    .left-menu .sideMemu-Container li:hover,
    .left-menu .sideMemu-Container li:hover a {
        background-color: var(--main-secondary-bg-color);
        color: var(--btn-heading-text-color);
    }

/*Plan Pages*/
.planType-Container {
    font-family: "oswald";
    border: 3px solid var(--main-secondary-bg-color);
    background-color: #fff;
    color: var(--page-text-color);
    padding-bottom: 10px;
}

.plan-content .panel-heading .panel-title label {
    padding: 0px;
    margin: 0px;
}

.lifeplan-walk-page, .ADandDplan-walk-page, .IncomeProtection-walk-page, .Cafeteria-walk-page,
.Criticall-walk-page, .healthplan-walk-page, .electionSummaryPage {
    margin-top: 10px;
}

    .lifeplan-walk-page .errorMsg {
        color: var(--btn-danger-color);
    }

/*Plan Type navigation tabs*/
.plantype-tab {
    font-family: "oswald";
    border: 3px solid var(--main-secondary-bg-color);
    padding: 0;
}

.PlanTypeHeader {
    background-color: var(--main-secondary-bg-color);
    padding: 2px;
    padding-bottom: 4px;
    line-height: 32px;
}

    .PlanTypeHeader .plan-name {
        background-color: var(--main-secondary-bg-color);
        color: var(--btn-heading-text-color);
        font-size: 20px;
    }

    .PlanTypeHeader .waive-plan {
        background-color: var(--btn-heading-text-color);
    }

#PlanTypeTab {
    /*padding:5px;*/
    background-color: var(--main-secondary-bg-color);
    /*border-top-right-radius: 4%;
    border-top-left-radius: 4%;*/
}

    #PlanTypeTab li a {
        font-size: 130%;
        font-weight: 400;
    }

.nav-tabs .nav-link {
    color: #fff;
}

    .nav-tabs .nav-link.active {
        color: var(--main-secondary-bg-color) !important;
    }

#PlanTypeTabContent {
    background-color: #fff;
    /*padding-top:1%;*/
    padding: 20px 0px;
}

/*Interactive Question*/
#employee-interactivequestion,
#dependent-interactivequestion {
    padding: 0 10px;
}

    #employee-interactivequestion .form-group .text-right sup,
    #dependent-interactivequestion .form-group .text-right sup {
        color: red;
    }

    #employee-interactivequestion label,
    #dependent-interactivequestion label {
        padding-right: 10px;
    }

    #employee-interactivequestion input[type="radio"],
    #dependent-interactivequestion input[type="radio"] {
        margin: 0 3px;
    }

    #employee-interactivequestion select,
    #dependent-interactivequestion select {
        width: 70%;
        height: 30px;
    }

    #employee-interactivequestion input[type="text"],
    #dependent-interactivequestion select,
    #dependent-interactivequestion input[type="text"] {
        width: 70%;
        height: 30px;
    }

.dependentIq-container {
    padding: 0 5px;
    border: 2px solid var(--main-primary-bg-color);
    margin-bottom: 20px;
}

    .dependentIq-container p {
        font-size: 18px;
        color: var(--main-primary-bg-color);
    }

.right-margin {
    margin-right: 10px;
}
/*Plan Page current Coverage*/
.current-coverage {
    padding: 0px 15px;
}

    .current-coverage .area {
        border: 1px solid var(--main-primary-bg-color);
        box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21);
        /*border: 2px solid rgba(0, 0, 0, 0.03);*/
        padding: 10px 15px;
        margin-bottom: 10px;
    }

        .current-coverage .area .text-center {
            margin: 0;
            padding: 0;
        }

    .current-coverage h3 {
        margin: 0;
        display: inline-block;
        border-bottom: 1px solid var(--main-secondary-bg-color);
        font-size: 20px;
        color: var(--main-secondary-bg-color);
        text-align: center;
        padding-bottom: 1px;
        text-transform: uppercase;
    }

    .current-coverage .area > .panel-body {
        color: var(--page-text-color);
        padding-bottom: 0px;
    }

    .current-coverage .area .panel-body > .uppersection {
        border-bottom: 1px solid var(--main-primary-bg-color);
        margin-bottom: 15px;
    }

        .current-coverage .area .panel-body > .uppersection ul li:first-child {
            color: var(--main-primary-bg-color);
        }

    .current-coverage .area .panel-body .lowersection ul li:first-child span,
    .current-coverage .area .panel-body .lowersection ul li:last-child span {
        color: var(--main-primary-bg-color);
    }

.cc-premium-section > div:first-child ul li:first-child {
    color: var(--main-primary-bg-color);
}

.cc-premium-section > div:last-child ul li:first-child span,
.cc-premium-section > div:last-child ul li:last-child span {
    color: var(--main-primary-bg-color);
}

/*PCP*/
.pcp {
    padding: 10px 15px;
}

    .pcp .area {
        display: inline-block;
        border: 1px solid var(--main-secondary-bg-color);
        padding: 10px;
    }

    .pcp .pcp-text {
        color: var(--main-primary-bg-color);
    }

#pcp-value {
    width: 70%;
    height: 100%;
}

/*Waive deatils*/

.waive-plan {
    display: inline-block;
    /*padding-top :10px;*/
    /*font-family: "lato";*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 18px;
    font-weight: 700;
}

.pretty {
    margin-right: 0.5em;
}

.waive-plan > input[type="checkbox"] {
    color: var(--page-text-color);
    cursor: pointer;
}

.waive-plan .waive-or {
    font-size: 100%;
    color: var(--main-secondary-bg-color);
}


.waive-plan > label {
    font-weight: 700;
    color: var(--page-text-color);
}

/* Healthplan container*/
.healthplan-walk-page {
    padding-top: 10px;
}

.radio-PlanSelection {
    height: 16px;
    width: 16px;
    margin-right: 5px;
    background: #F87DA9;
    border: 2px solid #a4a4a4;
}

.plan-detail .panel-title label {
    margin-bottom: 0px;
}

.healthplan-walk-page .familytier-premium,
.Criticall-walk-page .familytier-premium {
    margin-left: 5px;
    color: var(--main-primary-bg-color);
}

.plantype-tab .panel {
    margin-bottom: 0;
    padding: 0;
}

.plantype-tab .panel-default {
    border: none;
}

.plan-content {
    display: inline-block;
    font-family: "oswald";
    font-weight: 400;
    color: var(--page-text-color);
    margin-top: 10px;
}

    .plan-content .panel-heading {
        padding-left: 15px;
        /*border-bottom: 1px solid var(--main-secondary-bg-color);*/
    }

    .plan-content .plan-document {
        font-family: "oswald";
        font-weight: 400;
        color: var(--main-secondary-bg-color);
        text-transform: capitalize;
        font-size: 100%;
        margin-bottom: 0;
    }

        .plan-content .plan-document a {
            text-decoration: none;
            color: var(--main-secondary-bg-color);
        }

.doc-container .area {
    border: 1px solid var(--page-text-color);
    /*margin: 10px 0;*/
}

.plan-content .plan-document label {
    font-weight: 400;
}

.plan-content .plan-body {
    padding: 0px 15px;
    margin-left: 5px;
}

.lifeplan-walk-page .plan-content .plan-body {
    padding: 0px;
}

.note {
    color: #dc143c;
    font-family: "oswald";
    font-size: 13px;
}


.plan-content .panel-default > .panel-heading .panel-title,
.plan-content .panel-heading .panel-title {
    color: var(--main-primary-bg-color);
    text-transform: uppercase;
    /*border-bottom: 1px solid var(--main-secondary-bg-color);*/
}

.plan-content .familytier {
    color: var(--main-secondary-bg-color);
    font-size: 20px;
    margin-top: 5px;
    /*margin-bottom:10px;*/
}

.plan-content .small-font {
    color: var(--page-text-color) !important;
}

.plan-content .familytier-premium .right-arrow {
    display: none;
}

.plan-content .familytier-premium span {
    padding-top: -10px;
    padding-right: 15px;
}

#premium-right {
    display: none;
}

.plan-content .familytier-premium i {
    font-family: FontAwesome;
    content: "\f101";
    font-size: 400%;
    font-weight: 700;
    position: relative;
    color: var(--main-primary-bg-color);
    position: absolute;
    top: -20px;
    padding-left: 55px;
}

.fa-angle-double-down {
    color: var(--main-primary-bg-color);
}

.plan-content .paycheck-per-plan {
    font-family: "oswald";
    font-weight: 400;
    color: var(--main-primary-bg-color);
    font-size: 120%;
    text-transform: uppercase;
    /*margin-bottom: 10px;*/
}

.plan-content .dependent-area {
    margin-bottom: 2%;
    -o-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding-right: 10px;
}

.plan-content .dependent-select-arrow {
    color: var(--main-primary-bg-color);
    font-size: 110%;
}



.plan-content .dependent-add {
    color: #fff;
    text-align: center;
    margin-left: -10px;
}

    .plan-content .dependent-add a {
        color: white;
        text-decoration: none;
        background-color: var(--main-primary-bg-color);
        text-transform: uppercase;
        display: inline-block;
        font-size: 110%;
    }

.plan-content .select-dependent .panel-heading {
    background-color: var(--main-secondary-bg-color);
    color: #fff;
    padding: 8px;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .plan-content .select-dependent .panel-heading .panel-title {
        color: #fff;
    }


.plan-content .select-dependent .panel-default {
    border: 2px solid var(--main-secondary-bg-color);
    border-radius: 10px;
    margin-bottom: 15px;
}

.plan-content .select-dependent .panel-heading .panel-title input[type="checkbox"] {
    border: 1px solid #fff;
}

.button-area {
    /*margin-top:10px;*/
    padding: 0px;
    display: none;
    align-items: flex-end !important;
    justify-content: center;
    margin: 5px 5px 10px 5px;
}

.savebutton-area {
    margin-top: 10px;
    padding: 0px;
}


.row-gap-10px {
    margin-left: -10px;
    margin-right: -10px;
}

.primary-color {
    color: var(--main-primary-bg-color);
}


.plan-content .select-dependent .panel-body {
    font-size: 80%;
    padding: 0 25px 5px 25px;
}

    .plan-content .select-dependent .panel-body span {
        text-transform: uppercase;
    }

.plan-content .select-dependent .edit-button {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    background-color: var(--main-secondary-bg-color);
    padding: 2px 10px;
    color: #fff;
    font-size: 100%;
    font-weight: 700;
    text-decoration: none;
}

.plan-content .cancel {
    font-size: 120%;
    text-decoration: none;
    color: var(--main-primary-bg-color);
    text-transform: uppercase;
}

.plan-content .save-button {
    display: inline-block;
    cursor: pointer;
    text-transform: uppercase;
    background-color: var(--main-secondary-bg-color);
    padding: 5px 15px;
    color: var(--btn-heading-text-color);
    font-size: 120%;
    text-decoration: none;
    margin-left: 10px;
}


/*.eoi-container {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px;    
}

.eoi-container .area {
    
    padding: 15px 30px;
    border: 1px solid #DC143C;
    display: inline-block;
}

.eoi-container .area h3{
    margin: 0;
    display: inline-block;
    border-bottom: 1px solid #DC143C;
    font-size: 20px;
    color: #DC143C;
    text-align: center;
    padding-bottom: 1px;
    text-transform: uppercase;
}*/


.coverage-container {
    margin: 0;
    /*padding: 0 20px;*/
}

    .coverage-container .coverage-area {
        margin: 0;
        padding-left: 0;
    }

    .coverage-container .premium-area {
        margin: 0;
        padding: 0;
    }

.standin-container {
    display: inline-block;
    padding: 0px;
    margin-bottom: 20px;
}

    .standin-container .area {
        border: 1px solid var(--main-primary-bg-color);
        padding: 15px 30px;
    }

        .standin-container .area .text-center {
            margin: 0;
            padding: 0;
        }

    .standin-container h3 {
        margin: 0;
        display: inline-block;
        border-bottom: 1px solid var(--main-secondary-bg-color);
        font-size: 20px;
        color: var(--main-secondary-bg-color);
        text-align: center;
        padding-bottom: 1px;
        text-transform: uppercase;
    }

    .standin-container .area > .panel-body {
        color: var(--page-text-color);
        padding-bottom: 0px;
    }

    .standin-container .area .panel-body > .uppersection {
        border-bottom: 1px solid var(--main-primary-bg-color);
        margin-bottom: 15px;
    }


        .standin-container .area .panel-body > .uppersection ul li:first-child {
            color: var(--main-primary-bg-color);
        }

    .standin-container .area .panel-body .lowersection ul li:first-child span,
    .standin-container .area .panel-body .lowersection ul li:last-child span {
        color: var(--main-primary-bg-color);
    }

/*.lowersection > div:first-child ul li:first-child{
    color: var(--main-primary-bg-color);
}*/

/*.lowersection > div:last-child ul li:first-child span,
.lowersection > div:last-child ul li:last-child span{
    color: var(--main-primary-bg-color);
}*/


/*Life Plan */

.big {
    font-size: 1.2em;
}

.lifePlan_radio,
.ADandDRadio,
.incomeProtectionRadio,
.btn-radio {
    margin-top: 9px;
    margin-right: 3px;
}

.coverage-choosen {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid var(--page-text-color);
    box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21);
    /*margin: 10px;*/
    /*border:1px solid var(--main-primary-bg-color);*/
}

    .coverage-choosen select {
        color: var(--page-text-color);
        font-size: inherit;
        padding: .5em;
        padding-right: 2.5em;
        border: 0;
        margin: 0;
        border-radius: 3px;
        text-indent: 0.01px;
        text-overflow: '';
        /*Hiding the select arrow for firefox*/
        -moz-appearance: none;
        /*Hiding the select arrow for chrome*/
        -webkit-appearance: none;
        /*Hiding the select arrow default implementation*/
        appearance: none;
    }
        /*Hiding the select arrow for IE10*/
        .coverage-choosen select::-ms-expand {
            display: none;
        }

    .coverage-choosen::before,
    .coverage-choosen::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .coverage-choosen::after { /*  Custom dropdown arrow */
        content: "\25BC";
        height: 1em;
        font-size: .625em;
        line-height: 1;
        right: 1.2em;
        top: 50%;
        margin-top: -.5em;
    }

    .coverage-choosen::before { /*  Custom dropdown arrow cover */
        width: 2em;
        right: 0;
        top: 0;
        bottom: 0;
        border-radius: 0 3px 3px 0;
        background-color: rgba(0,0,0,.2);
    }

    .coverage-choosen::after {
        color: rgba(0,0,0,.6);
    }

    .coverage-choosen select[disabled] {
        color: rgba(0,0,0,.01);
    }



/*Cafetiria*/
.cafetiria-angle-down {
    padding-top: 20px;
    color: var(--main-primary-bg-color);
}

.btn-radio {
    height: 20px;
}

.plan-body .goal-amount-area {
    padding: 0 25px;
    margin-top: 10px;
}

.btn-radio + label {
    /*font-family: "lato";*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #465058;
    font-weight: 700;
}

.waive-plan label {
    font-family: 'oswald';
    text-transform: uppercase;
    font-weight: normal;
    display: inline;
}

.text-color {
    color: var(--main-primary-bg-color);
}

.amount-space {
    padding-right: 5px;
}

.cafeteria-input-type {
    background: #ffffff;
    border: 1px solid #bdbdbd;
    min-height: 41px;
    /*font-family: "lato";*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #465058;
    padding: 5px 10px 5px 10px;
    width: 80%;
}

.deduction-perpage-check {
    padding: 25px;
    color: var(--main-primary-bg-color);
    font-size: 20px;
}

.waive-plan strong {
    margin-right: 5px;
}

/*allocation-modal*/
#benefi-Allocation .modal-body {
    padding-top: 0px;
}

#benefi-Allocation .calc-amt {
    margin: 0px;
    line-height: 20px;
}

#beneficiaryCoverage .card-body {
    padding: 0.5rem 1rem;
}

#benefi-Allocation .calc-amt label {
    padding-left: 0px;
    margin-left: 0px;
}

#mobile-allocation .card {
    padding: 0px;
}

#beneficiariesContainer .card-header,
#mobile-allocation .card-header,
.dependent-card .card-header {
    padding: .3rem 1rem;
    background-color: var(--main-secondary-bg-color);
    color: var(--btn-heading-text-color);
    text-transform: uppercase;
    font-weight: 600;
}

#benefi-Allocation .calc-amt p {
    padding: 0px;
    margin: 0px;
}

/*.dependents-modal .Allocation-modal-form .Allocation-header { 
    margin-top: 20px;
}*/

.dependents-modal .Allocation-modal-form .Allocation-header h5 {
    padding: 1%;
    font-family: "oswald";
    font-size: 1.3rem;
    text-transform: uppercase;
    background: var(--main-secondary-bg-color);
    color: var(--btn-heading-text-color);
    margin: 0px;
    text-align: center;
}


.Allocation-modal-form .text-prim-color {
    font-size: 1.25rem;
    /*font-family: "lato";*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 700;
}

.Allocation-modal-form .card {
    margin-bottom: 10px;
    box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21);
}

.Allocation-modal-form .text-prim-color .card-body {
    color: var(--page-text-color) !important;
    /*padding: 0 0.6rem 0 0.6rem;*/
    padding: 0.2rem 1rem;
    font-size: 1.25rem;
    font-weight: 500;
}

#benefi-Allocation #errorMsg {
    color: var(--btn-danger-color);
    line-height: 22px;
    font-weight: 600;
}

/*benificiaryallocation new */
.beneficiary-alloctionpage {
    padding-top: 10px;
}

    .beneficiary-alloctionpage .save-container {
        color: var(--page-text-color) !important;
    }


        .beneficiary-alloctionpage .dependent-add a:hover,
        .beneficiary-alloctionpage .save-container a:nth-last-child(2):hover,
        .beneficiary-alloctionpage .save-container a:last-child:hover {
            background-color: var(--page-text-color) !important;
        }

        .beneficiary-alloctionpage .save-container a:nth-last-child(3):hover {
            color: var(--page-text-color) !important;
        }


    .beneficiary-alloctionpage .title-header {
        border-bottom: 1px solid var(--main-secondary-bg-color) !important;
        font-size: 18px;
        color: var(--main-primary-bg-color);
        padding-top: 10px;
    }

    .beneficiary-alloctionpage .planType-Container a {
        text-decoration: none;
    }

    .beneficiary-alloctionpage .planType-Container .custom-margin .card-body {
        padding: 0.3rem 2rem;
        font-family: "oswald";
        font-size: 20px;
    }

    .beneficiary-alloctionpage .planType-Container .allPlan {
        font-size: 22px;
    }

    .beneficiary-alloctionpage .planType-Container .lblAllPlan + div {
        margin-bottom: 15px;
        margin-top: 5px;
    }

    .beneficiary-alloctionpage .planType-Container .custom-margin {
        margin: 3px 0px 10px 0px;
        text-align: center;
        display: inline-block;
    }

    .beneficiary-alloctionpage .planType-Container .ul-header {
        padding-bottom: 0px;
        background-color: rgba(0, 0, 0, 0.03);
        margin-bottom: 5px;
        border-top: 2px solid rgba(0, 0, 0, 0.03);
        border-bottom: 1px solid var(--page-text-color) !important;
    }

    .beneficiary-alloctionpage .ul-data-header li:last-child,
    .beneficiary-alloctionpage .ul-data-header li:nth-last-child(2) {
        font-weight: 600;
    }

    .beneficiary-alloctionpage .coverage-header {
        margin: 25px;
        border: 2px solid var(--main-primary-bg-color);
    }

        .beneficiary-alloctionpage .coverage-header h4 {
            margin: 0;
            display: inline-block;
            border-bottom: 1px solid var(--main-secondary-bg-color);
            font-size: 20px;
            color: var(--main-secondary-bg-color);
            text-align: center;
            padding-bottom: 1px;
            text-transform: uppercase;
        }

    .beneficiary-alloctionpage .allocation-coverage {
        margin: 10px 30px;
    }


    .beneficiary-alloctionpage .planType-Container .header {
        margin-bottom: 20px;
        margin-top: 30px;
    }

        .beneficiary-alloctionpage .planType-Container .header a {
            color: var(--btn-heading-text-color) !important;
            background-color: var(--main-primary-bg-color);
            border-radius: 10px;
            text-align: center;
            padding: 4px 10px 4px 4px;
            font-size: 18px;
            cursor: pointer;
        }


            .beneficiary-alloctionpage .planType-Container .header a:hover {
                color: var(--btn-heading-text-color) !important;
                /*background-color: var(--main-primary-bg-color);*/
                background-color: var(--page-text-color);
                border-radius: 10px;
            }

    .beneficiary-alloctionpage .header a:after {
        font-family: FontAwesome;
        content: "\f13a";
        float: right;
        font-size: x-large;
    }

    .beneficiary-alloctionpage .header .collapsed:after {
        content: "\f138";
    }

    .beneficiary-alloctionpage .select-dependent .panel-body {
        font-size: 15px;
        padding: 10px 18px 10px 18px;
    }

        .beneficiary-alloctionpage .select-dependent .panel-body div {
            padding: 1px 2px;
        }

        .beneficiary-alloctionpage .select-dependent .panel-body .specialName {
            word-break: break-word;
            line-height: 22px;
        }


    .beneficiary-alloctionpage .select-dependent .Beneficiary-Card {
        margin-bottom: 10px;
    }

    .beneficiary-alloctionpage .dependent-select-arrow {
        color: var(--main-primary-bg-color);
        font-size: 110%;
        line-height: 23px;
    }

    .beneficiary-alloctionpage .dependent-add {
        color: var(--btn-heading-text-color);
        text-align: center;
        line-height: 25px;
    }

        .beneficiary-alloctionpage .dependent-add a {
            color: var(--btn-heading-text-color);
            text-decoration: none;
            background-color: var(--main-primary-bg-color);
            text-transform: uppercase;
            display: inline-block;
        }

    .beneficiary-alloctionpage .select-dependent {
        padding-bottom: 20px;
    }

        .beneficiary-alloctionpage .select-dependent .panel-default {
            border: 2px solid var(--main-secondary-bg-color);
            border-radius: 10px;
        }

        .beneficiary-alloctionpage .select-dependent .panel-heading {
            background-color: var(--main-secondary-bg-color);
            color: var(--btn-heading-text-color);
            padding: 10px;
            text-align: center;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
        }

        /*.beneficiary-alloctionpage .select-dependent .panel-body {    
    font-size:15px;    
    padding: 0 25px 15px 25px
}
.beneficiary-alloctionpage .select-dependent .panel-body .text-custom-line{
    line-height:20px;
    margin-bottom:7px;
}*/

        /*.beneficiary-alloctionpage .select-dependent .calc-amt {
    margin-top:7px;
    margin-bottom:0px;
    }*/

        .beneficiary-alloctionpage .select-dependent .calc-amt p {
            margin-bottom: 0px;
        }

        .beneficiary-alloctionpage .select-dependent span {
            font-size: 15px;
            text-transform: uppercase;
        }

        .beneficiary-alloctionpage .select-dependent .panel-heading .panel-title {
            color: var(--btn-heading-text-color);
            text-transform: uppercase;
            border-bottom: 1px solid var(--main-secondary-bg-color);
        }


    .beneficiary-alloctionpage .Allocation-header h5 {
        background-color: var(--main-secondary-bg-color);
        font-family: "oswald";
        font-size: 1.3rem;
        text-transform: uppercase;
        color: white;
        text-align: center;
        padding: 1%;
    }

    .beneficiary-alloctionpage .Allocation-header {
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
    }

    /*.beneficiary-alloctionpage .card {
    margin-bottom: 10px;
    box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21);
}*/

    .beneficiary-alloctionpage .mob-Allocation-header {
        margin-bottom: 10px;
        box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21);
    }



    .beneficiary-alloctionpage .custom-btn {
        border: none;
        background: var(--main-secondary-bg-color);
        padding: 5px;
        padding: 0px;
        display: inline-block;
        cursor: pointer;
        border-radius: 0;
        text-align: center;
        font-weight: 700;
        text-transform: uppercase;
        box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21);
    }

        .beneficiary-alloctionpage .custom-btn a {
            color: var(--btn-heading-text-color) !important;
            text-decoration: none;
        }


    .beneficiary-alloctionpage .cancel {
        text-decoration: none;
        color: var(--main-primary-bg-color);
        text-transform: uppercase;
        text-align: center;
        padding-top: 5px;
    }

.custom-Save-bttn {
    border: none;
    background: var(--main-primary-bg-color);
    color: var(--btn-heading-text-color) !important;
    text-decoration: none;
    padding: 5px;
    margin-right: 5px;
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21);
}

.custom-modal-bttn {
    border: none;
    background: var(--main-secondary-bg-color);
    color: var(--btn-heading-text-color) !important;
    text-decoration: none;
    padding: 5px;
    width: 100%;
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21);
}

.custom-center {
    margin: auto;
    width: 60%;
    padding: 10px;
}


.beneficiary-alloctionpage .custom-Save-bttn a:hover {
    text-decoration: none;
    background-color: var(--main-alternate-secondary-color);
}

.custom-modal-bttn a:hover {
    text-decoration: none;
    background-color: var(--main-alternate-secondary-color);
}

.beneficiary-alloctionpage #errorMsg {
    color: var(--btn-danger-color);
    line-height: 22px;
}

/*lifeEvent-page*/
.lifeEvent-page .btn-life {
    margin-top: 15px;
}

.lifeEvent-page a {
    text-decoration: none;
}

.lifeEvent-page .user-info .body ul li:nth-last-child(2) a {
    text-decoration: underline;
    color: var(--main-primary-bg-color);
}

.lifeEvent-page .user-info .body ul li:nth-last-child(5) {
    line-height: 10px;
    padding-top: 10px;
}

.lifeEvent-page .user-info .body ul li:nth-last-child(4) {
    line-height: 5px;
    font-size: smaller;
    padding-bottom: 10px;
}

.lifeEvent-page .user-info .body ul li:first-child {
    line-height: 15px;
    padding-bottom: 5px;
    padding-top: 10px;
}

.lifeEvent-page .user-info .body ul li {
    margin-bottom: 2%;
}

    .lifeEvent-page .user-info .body ul li small {
        margin-left: 120px;
        padding-bottom: 10px;
    }

.lifeEvent-page .custom-Save-bttn a:hover {
    color: var(--page-text-color);
}

    .lifeEvent-page .custom-Save-bttn a:hover .fa,
    .lifeEvent-page .custom-Save-bttn a:hover span {
        color: var(--btn-heading-text-color);
    }

.lifeEvent-page .btn-life a:hover {
    background-color: var(--page-text-color);
}


.lifeEvent-page .orange-btn {
    text-align: center;
    padding: 7px 15px;
    /*width:130px;*/
    font-family: 'oswald';
    font-size: 110%;
}

.lifeEvent-page .dependent .body {
    padding: 10px 8px 20px 8px;
    background-color: var(--btn-heading-text-color);
}

.lifeEvent-page .lifeEvent-box {
    margin-top: 10px;
    border: none;
}

    .lifeEvent-page .lifeEvent-box .header {
        background: var(--main-primary-bg-color);
        color: var(--btn-heading-text-color);
        /*font-family: "lato";*/
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-size: 110%;
        text-align: center;
        text-transform: uppercase;
        padding: 3% 0%;
        font-weight: 600;
    }

    .lifeEvent-page .lifeEvent-box .container {
        border: 2px solid var(--main-primary-bg-color);
        padding: 0px;
        overflow: hidden;
        border-radius: 10px;
        margin-top: 3%;
        margin-bottom: 3%;
    }

    .lifeEvent-page .lifeEvent-box .custom-Save-bttn {
        color: var(--btn-heading-text-color);
        margin: 5px 10px 20px 0px;
        background-color: var(--main-primary-bg-color);
        padding: 5px 10px;
        /*font-family: 'oswald';*/
    }

    .lifeEvent-page .lifeEvent-box .container .body label {
        font-size: 1rem;
        color: var(--page-text-color);
        padding-left: 26px;
        font-weight: 400;
    }

    .lifeEvent-page .lifeEvent-box .container .body p {
        color: var(--main-primary-bg-color);
        font-size: 2rem;
        padding-right: 8px;
        font-family: 'oswald';
        font-weight: 700;
    }

    .lifeEvent-page .lifeEvent-box .container .body .custom-margin p {
        margin-left: 13px;
    }

    .lifeEvent-page .lifeEvent-box .custom-Save-bttn a {
        padding-left: 0px;
    }

        .lifeEvent-page .lifeEvent-box .custom-Save-bttn a div {
            padding-left: 0px;
            padding-right: 0px;
        }

    .lifeEvent-page .lifeEvent-box .custom-Save-bttn .fa {
        font-size: 2rem;
        color: var(--page-text-color);
    }

    .lifeEvent-page .lifeEvent-box .custom-Save-bttn span {
        padding-left: 0px;
        font-size: 2rem;
        color: var(--page-text-color);
    }

/*ElectionSummary*/
.electionSummaryPage #PlanTypeTab {
    padding: 0px;
}

.electionSummaryPage .plantype-tab {
    /*font-family: "lato";*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: var(--page-text-color);
}

    .electionSummaryPage .plantype-tab a {
        text-decoration: none;
    }

    .electionSummaryPage .plantype-tab .current-coverage-container .card > a {
        color: var(--main-primary-bg-color);
        padding: 0.5rem 1.25rem;
        font-size: 1.25rem;
        font-weight: 600;
        margin-bottom: 0;
        /*background-color: rgba(0, 0, 0, 0.03);*/
        border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    }

    .electionSummaryPage .plantype-tab .current-coverage-container a:hover {
        color: var(--page-text-color);
    }

.electionSummaryPage .card-chart .chart-bottom {
    padding-top: 0px;
    margin-left: 20px;
}

    .electionSummaryPage .card-chart .chart-bottom li strong {
        font-size: 18px;
    }

.electionSummaryPage .card-chart ul {
    padding-top: 45px;
}



    /*.electionSummaryPage .card-chart ul li:last-child {
    padding-left:45px;
}*/

    .electionSummaryPage .card-chart ul li {
        padding: 5px;
        font-size: 1rem;
    }

        .electionSummaryPage .card-chart ul li a {
            color: var(--page-text-color);
        }

            .electionSummaryPage .card-chart ul li a:hover {
                color: var(--main-primary-bg-color);
            }

.electionSummaryPage .email-card {
    padding-top: 5px;
}

    .electionSummaryPage .email-card ul li a {
        color: var(--page-text-color);
    }

        .electionSummaryPage .email-card ul li a:hover {
            color: var(--main-primary-bg-color);
        }

.electionSummaryPage .card-chart .chart-bottom li {
    padding: 0px;
    margin: 0px;
    line-height: 23px;
}


.electionSummaryPage .current-coverage-container {
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0.06);
}

    .electionSummaryPage .current-coverage-container .title-container {
        color: var(--btn-heading-text-color);
        background-color: var(--main-primary-bg-color);
        display: inline-block;
        font-size: 1.25rem;
        /*margin-bottom:5px;*/
        padding: 10px;
    }

    .electionSummaryPage .current-coverage-container .approved {
        background-color: var(--main-secondary-bg-color);
    }

    .electionSummaryPage .current-coverage-container .pendingforapproval {
        background-color: var(--main-primary-bg-color);
    }

    .electionSummaryPage .current-coverage-container .yetToElect {
        background-color: var(--btn-danger-color);
    }


    .electionSummaryPage .current-coverage-container .title-container h3 {
        font-size: 1.25rem;
    }

    .electionSummaryPage .current-coverage-container .card {
        margin: .6rem 0.5rem;
        border: none;
    }

    .electionSummaryPage .current-coverage-container .collse-card .card-header .plan-type {
        color: var(--page-text-color);
        /*font-family:'lato';*/
        font-weight: 600;
        font-size: 1.2rem;
    }

    .electionSummaryPage .current-coverage-container .collse-card .card-body {
        padding: 1rem 0rem 0rem;
    }

    .electionSummaryPage .current-coverage-container .collse-card .card-header {
        padding: 0.4rem;
        background-color: rgba(0, 0, 0, 0.06);
        border-top: 2px solid rgba(0, 0, 0, 0.06);
    }

        .electionSummaryPage .current-coverage-container .collse-card .card-header .plan-type-icon {
            font-size: 2rem;
        }

    .electionSummaryPage .current-coverage-container .collse-card .orange-btn {
        padding: 0 12px;
    }

    .electionSummaryPage .current-coverage-container .collse-card .ul-header li {
        /*padding:0px;*/
        line-height: 22px;
    }

    .electionSummaryPage .current-coverage-container .collse-card .ul-header {
        background-color: rgba(0, 0, 0, 0.04);
        margin-bottom: 5px;
        border-top: 2px solid rgba(0, 0, 0, 0.03);
    }

        .electionSummaryPage .current-coverage-container .collse-card .ul-header ul {
            border-bottom: var(--main-primary-bg-color);
        }

    .electionSummaryPage .current-coverage-container .collse-card .spancost-line {
        padding-top: 0px;
    }

    .electionSummaryPage .current-coverage-container .collse-card .covered-beneficiary {
        line-height: 20px;
    }

        .electionSummaryPage .current-coverage-container .collse-card .covered-beneficiary li:first-child {
            padding-top: 5px;
            border-top: 2px solid rgba(0, 0, 0, 0.03);
        }


    .electionSummaryPage .current-coverage-container .plantype-header {
        border: 1px solid var(--page-text-color);
    }

.electionSummaryPage .totalcost-card .card-body {
    padding: 0.8rem;
}

    .electionSummaryPage .totalcost-card .card-body .ul-header li {
        line-height: 22px;
    }

    .electionSummaryPage .totalcost-card .card-body .ul-header {
        background-color: rgba(0, 0, 0, 0.03);
        margin-bottom: 5px;
        border-top: 2px solid rgba(0, 0, 0, 0.03);
    }

.electionSummaryPage .totalcost-card .GrandTotal {
    border-right: 4px solid rgba(0, 0, 0, 0.03);
}

    .electionSummaryPage .totalcost-card .GrandTotal ul {
        margin-bottom: 0px;
    }

        .electionSummaryPage .totalcost-card .GrandTotal ul li {
            padding-left: 15px !important;
        }

            .electionSummaryPage .totalcost-card .GrandTotal ul li .card-first {
                width: 60%;
                display: inline-block;
            }

.electionSummaryPage .totalcost-card .card-body div p .card-first {
    width: 52%;
    display: inline-block;
}

.electionSummaryPage .totalcost-card .card-body div p {
    font-size: 1.2rem;
    border-bottom: 1px solid var(--page-text-color);
    margin-bottom: 0px;
}

.electionSummaryPage .premium-card .card-header,
.electionSummaryPage .totalcost-card .card-header {
    color: var(--btn-heading-text-color);
    background-color: var(--main-primary-bg-color);
    display: inline-block;
    font-size: 1.25rem;
    padding: 0.3rem 0.5rem;
}

.electionSummaryPage .premium-card .card-body {
    padding: 0.5rem 1rem;
}

    .electionSummaryPage .premium-card .card-body li .card-first {
        width: 70%;
        display: inline-block;
    }

.electionSummaryPage .premium-card .card-body {
    padding-bottom: 0px;
}

    .electionSummaryPage .premium-card .card-body ul li:last-child {
        border-top: 1px solid var(--main-primary-bg-color);
    }


.electionSummaryPage .current-coverage-container .card {
    padding: 0px;
}

.electionSummaryPage .current-coverage-container .cc-card {
    margin: 0px 5px 10px 5px;
}

    .electionSummaryPage .current-coverage-container .cc-card .card-body {
        padding: 10px 0px 10px 0px;
    }

.electionSummaryPage .current-coverage-container .card-body .plan-type {
    color: var(--main-primary-bg-color);
    font-weight: 700;
}

.electionSummaryPage .current-coverage-container .card-footer {
    padding: 0px;
    border-top: none;
    background-color: var(--btn-heading-text-color);
}

.electionSummaryPage .current-coverage-container .cc-card .card-body ul li:first-child {
    border-top: 1px solid var(--page-text-color);
    text-decoration: underline;
    font-weight: 700;
    margin-top: 10px;
    padding-bottom: 5px;
    text-align: center;
}

.electionSummaryPage .current-coverage-container .cc-card .card-body .premium-ul li:last-child {
    padding-top: 5px;
}

.electionSummaryPage .current-coverage-container .cc-card .card-body li .card-first {
    width: 70%;
    display: inline-block;
}

.electionSummaryPage .card-chart {
    margin-top: 10px;
    margin-bottom: 10px;
}

.electionSummaryPage .canvasjs-chart-toolbar {
    display: none;
}

.electionSummaryPage .Message-card {
    height: 250px;
}



.electionSummaryPage .accordion-toggle:after {
    font-family: FontAwesome;
    content: "\f13a";
    float: right;
    font-size: 26px;
}

.electionSummaryPage .accordion-toggle.collapsed:after {
    content: "\f138";
}

.electionSummaryPage .costHeader-area {
    font-weight: 800;
}

#accordionapproved ul li,
#accordionpending ul li {
    padding-left: 0px;
    padding-right: 0px;
}

    #accordionapproved ul li:first-child,
    #accordionpending ul li:first-child {
        padding-left: 15px;
    }

.electionSummaryPage #accordionapproved .covered-beneficiary li,
.electionSummaryPage #accordionpending .covered-beneficiary li {
    padding-left: 15px;
}

.electionSummaryPage .approvedcost-area {
    font-weight: 600;
    margin: 0px;
}

.electionSummaryPage .PlanHeader-container {
    padding-bottom: 5px;
    margin-bottom: 0px;
    border-bottom: 1px solid var(--page-text-color);
    cursor: pointer;
}

.electionSummaryPage .CustomCoverage-Container {
    padding: 5px;
}

    .electionSummaryPage .CustomCoverage-Container div:nth-child(2) {
        text-align: end;
    }

        .electionSummaryPage .CustomCoverage-Container div:nth-child(2) strong {
            padding-right: 10px;
        }

    .electionSummaryPage .CustomCoverage-Container strong {
        margin-left: 10px;
    }

.electionSummaryPage .PlanHeader-container li small {
    margin-left: 5px;
}

.electionSummaryPage .PlanHeader-container li {
    /*padding-right:0px;*/
    padding: 0px;
}

    .electionSummaryPage .PlanHeader-container li:first-child {
        padding-left: 15px;
    }

.electionSummaryPage .card-chart .green-btn {
    width: unset;
}

    .electionSummaryPage .card-chart .green-btn .fa {
        margin-right: 5px;
        font-weight: 600;
    }

.electionSummaryPage .current-coverage-container a .fa {
    font-size: 25px;
    color: var(--page-text-color);
    padding-top: 5px;
}


.beneficiary-modal .help-block {
    color: var(--btn-danger-color);
    font-size: 1rem;
    font-weight: 600;
    line-height: 18px;
}

.beneficiary-modal .has-error .form-control {
    border: 1px solid var(--btn-danger-color);
}

.beneficiary-modal .has-success .form-control {
    border: 1px solid #28a745;
}

.validation-summary-valid ul {
    display: none;
}

.validation-summary-errors {
    list-style-type: disc;
    padding-top: 16px;
    margin: 0 10px 15px 10px;
    color: #B94A48;
    background-color: #F2DEDE;
    border: 2px solid #EED3D7;
    border-radius: 4px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

    .validation-summary-errors ul {
        list-style-type: disc;
        margin-bottom: 0 !important;
    }

    .validation-summary-errors li {
        list-style-type: disc;
        color: #B94A48;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    }

.ErrorMsg-Container div {
    color: var(--btn-danger-color);
    line-height: 23px;
    font-weight: 600;
}

/*entrollment*/
#enrollment {
    margin-top: 15%;
}

.enrollment-modal .custom-btn {
    color: var(--btn-heading-text-color) !important;
    background-color: var(--main-secondary-bg-color);
    border: none;
    padding: 5px 15px;
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21);
}

.enrollment-modal div a {
    text-decoration: none;
}

    .enrollment-modal div a:hover {
        background-color: var(--page-text-color) !important;
    }

.enrollment-modal .modal-dialog {
    max-width: 60%;
}

.enrollment-modal .modal-body {
    padding: 0px;
    margin: 30px 20px;
    /*margin-bottom:30px;*/
}

.enrollment-modal .modal-heading .btn-floating button span {
    position: relative;
    padding: 0px 5px;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50%;
}

.enrollment-modal .modal-heading button:hover span {
    border-radius: 50%;
    display: inline-block;
    background-color: var(--btn-danger-color);
    cursor: pointer;
}

.enrollment-modal .modal-heading {
    font-weight: 700;
    /*font-family: "lato";*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: var(--btn-heading-text-color);
    background: var(--main-primary-bg-color);
    text-transform: uppercase;
    padding: 1% 1%;
    font-size: 20px;
}

.ColorOrange {
    color: #ffa631;
}

.errorMsgMobile, .errorMsg {
    color: var(--btn-danger-color);
    line-height: 22px;
}

.Cafeteria-walk-page .errorMsg {
    margin-top: 5px;
}

.ErrorBorder {
    border: 1px solid var(--btn-danger-color);
}

/*running Total*/
.runningtotal-area {
    background-color: var(--main-secondary-bg-color);
    margin-top: 120px;
    padding: 20px 20px 20px 0px;
    font-family: "oswald";
    font-weight: 500;
    color: var(--btn-heading-text-color);
}

    .runningtotal-area > div {
        padding: 0px 20px 0px 0px;
    }

    .runningtotal-area span {
        font-size: 140%;
        font-weight: 700;
    }

    .runningtotal-area p {
        margin-bottom: 2px;
        font-size: 120%;
    }

.blinking {
    /*animation:blinkingText 1s infinite;*/
    animation: blink 3s linear infinite;
}

.logo-img {
    /*width : 170px;*/
    /*inline-size:15%;*/
    /*height : 100px;*/
    width: 100px;
    max-height: 100px;
}

.emp-img {
    height: 24px;
}

@keyframes blink {
    0% {
        opacity: .6;
    }

    50% {
        opacity: .7;
        color: var(--main-primary-bg-color);
    }

    100% {
        opacity: 1;
        color: var(--main-primary-bg-color);
    }
}

/*CMS contents*/
.CMS-Container {
    padding: 0px;
    margin-bottom: 10px;
    border: 3px solid var(--main-secondary-bg-color);
}

    .CMS-Container ul {
        background-color: var(--main-secondary-bg-color);
    }

    .CMS-Container .tab-content {
        background-color: #fff;
        padding: 10px 0px;
    }

    .CMS-Container ul li a {
        /*font-family: "lato";*/
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-size: 120%;
        font-weight: 400;
    }

.nav-tabs .nav-link {
    color: #fff;
}

    .nav-tabs .nav-link.active {
        color: var(--main-secondary-bg-color) !important;
    }

/*Plan Election Premium*/
.ElectionPremium-Container {
    margin-bottom: 10px;
}

    .ElectionPremium-Container .Coveragewall {
        border-left: 2px solid rgba(0, 0, 0, 0.125);
    }

    .ElectionPremium-Container .card-header {
        padding: 5px 20px;
    }

    .ElectionPremium-Container .card-body {
        padding: 10px 20px;
    }

    .ElectionPremium-Container span {
        color: var(--page-text-color) !important;
        font-weight: 500;
    }

/*Election Coverage*/
.current-coverage .panel-body .uppersection ul {
    margin: 10px 0px 0px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    border: 2px solid rgba(0, 0, 0, 0.08);
}

.current-coverage .panel-body .costsection div {
    border: 2px solid rgba(0, 0, 0, 0.08);
}

.current-coverage .panel-body .uppersection .plan-name {
    color: var(--main-primary-bg-color);
    font-size: 18px;
    text-transform: uppercase;
}

.current-coverage .panel-body .uppersection ul li:last-child {
    font-weight: 500;
    text-align: end;
}

.current-coverage .costsection ul li,
.current-coverage .panel-body .uppersection ul li {
    padding: 0px;
}

.current-coverage .costsection .ul-data-header li {
    font-weight: 500;
    line-height: 22px;
}



.current-coverage .costsection .ul-header {
    background-color: rgba(0, 0, 0, 0.03);
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

/*Plan Page EOI*/
.eoi-container {
    margin-top: 10px;
    padding: 0px;
}

    .eoi-container .area {
        padding: 15px 30px;
        display: inline-block;
    }

        .eoi-container .area h3 {
            margin: 0;
            display: inline-block;
            border-bottom: 1px solid #DC143C;
            font-size: 20px;
            color: #DC143C;
            text-align: center;
            padding-bottom: 1px;
            text-transform: uppercase;
        }

        .eoi-container .area .lowersection div {
            padding: 0px;
        }

        .eoi-container .area .lowersection ul li {
            text-align: center;
            line-height: 25px;
            padding: 0px 3px;
        }

        .eoi-container .area .lowersection .list-unstyled {
            padding: 0px 15px;
        }

        .eoi-container .area .lowersection .text-header {
            background-color: rgba(0, 0, 0, 0.03);
            margin-bottom: 5px;
            border-top: 2px solid rgba(0, 0, 0, 0.03);
            padding-bottom: 5px;
            padding-top: 5px;
            border-bottom: 1px solid var(--page-text-color) !important;
        }


/*Plan Page*/
.plan-content > .card {
    background-color: rgba(0, 0, 0, 0.03) !important;
}

.plan-content .panel-heading .card-header {
    padding: 0.3rem;
    background-color: unset;
    border-bottom: unset;
}

.PcpContainer {
    padding: 5px 10px;
    border: 1px solid rgba(0, 0, 0, 0.03);
    margin-bottom: 10px;
}

#PlanTypeTabContent .ErrorContainer {
    margin-bottom: 0px;
    color: var(--btn-danger-color);
}

.custom-file-input ~ .custom-file-label::after {
    content: "Browse";
}

/*.cssload-container {
    height: 169px;
    left: 50%;
    margin: -84px 0 0 -60px;
    position: absolute;
    width: 119px;
    text-align: center;
}*/
.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

#pageLoader .modal-dialog {
    margin-top: 20%;
    color: var(--main-secondary-bg-color);
    font-weight: 700;
}

#pageLoader .loaderblink {
    animation: blinks 5s linear infinite;
}

@keyframes blinks {
    0% {
        opacity: .6;
        color: var(--main-secondary-bg-color);
    }

    25% {
        opacity: .7;
        color: var(--main-secondary-bg-color);
    }

    50% {
        opacity: .9;
        color: #fff;
    }

    75% {
        opacity: 1;
        color: #fff;
    }

    100% {
        opacity: 1;
        color: #fff;
    }
}



#pageLoader .custom-center {
    padding: 0px;
    width: 40%;
    margin-top: 20%;
    border: none;
}

.document-page .browse {
    position: relative;
    padding: 0px;
}

    .document-page .browse * {
        display: inline-block;
    }

    .document-page .browse .input-browse {
        opacity: 0;
        z-index: 2;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
    }

    .document-page .browse .input-type {
        width: 71%;
        line-height: 1.5rem;
        background: #ffffff;
        border: 1px solid #bdbdbd;
        /*font-family: "lato";*/
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        color: #465058;
        padding: 5px 10px;
        outline: none;
    }

    .document-page .browse .green-btn {
        padding: 2px 8px;
        margin: 0px;
        width: auto;
    }

.ErrorPage .card {
    box-shadow: 0 0 12px rgba(0,0,0,.18), 0 8px 16px rgba(0,0,0,.21);
    margin: 5%;
}

.ErrorPage .ErrorContaner {
    border-right: 4px solid rgba(0, 0, 0, 0.125);
}

    .ErrorPage .ErrorContaner span,
    .ErrorPage .ErrorRightContainer span {
        color: var(--btn-danger-color);
        font-family: Algerian;
        font-size: 500%;
        font-weight: 700;
        padding: 2%;
    }

.ErrorPage .card-header span {
    color: var(--page-text-color);
    font-family: Algerian;
    font-size: 400% !important;
    padding: 2%;
}

.ErrorPage .ErrorRightContainer .Errtext {
    font-size: 25px;
    font-weight: 700;
    color: var(--page-text-color);
}

.ErrorPage .errorblink {
    animation: blinking 3s linear infinite;
}

@keyframes blinking {
    0% {
        opacity: .6;
        color: black;
    }

    50% {
        opacity: .7;
        color: red;
    }

    100% {
        opacity: 1;
        color: var(--btn-danger-color);
    }
}

.ErrorPage .PanelContainer {
    /*background:url('../images/ErrorPagePanel1.jpeg' ) no-repeat;*/
    /*background:url('../images/bluePanel.jpeg' ) no-repeat;*/
    /*background:url('../images/ErrorTheme.jpeg' ) no-repeat;*/
    background-size: cover;
}

/* custom checkbox */
.Customcontainer {
    /*display: block;*/
    display: inline-block;
    position: relative;
    padding-left: 30px !important;
    margin-bottom: 12px;
    /*cursor: pointer;*/
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .Customcontainer input {
        position: absolute;
        opacity: 0;
        /*cursor: pointer;*/
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid gray;
    background-color: #fff;
    /*margin-top:3px;*/
    margin-top: 7px;
}

/* On mouse-over, add a grey background color */
.Customcontainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.Customcontainer input:checked ~ .checkmark {
    background-color: green;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.Customcontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.Customcontainer .checkmark:after {
    /*left: 8px;
    top: 4px;
         top: 4px;
    width: 8px;
    height: 15px;*/
    left: 6px;
    top: 1px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* Radio button */
.panel-title .checkmark {
    border-radius: 50%;
    margin-top: 5px;
}

.panel-title .Customcontainer {
    font-size: unset;
}

    .panel-title .Customcontainer .checkmark:after {
        top: 4px;
        left: 4px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: white;
    }

.area .panel-body .uppersection .smallDevice ul li:last-child {
    text-align: unset;
}

.left-menu .sideMemu-Container .card i span {
    padding: 0px 0px 0px 1px;
}

#add-Dependent-modal .modal-header,
#editDependentModal .modal-header, #enrollment .modal-header, #dependentReviewMessage .modal-header {
    background-color: var(--main-primary-bg-color);
    padding: 6px;
    color: var(--btn-heading-text-color);
    text-transform: uppercase;
    font-weight: 800;
}

    #add-Dependent-modal .modal-header .modal-title,
    #editDependentModal .modal-header .modal-title {
        font-family: 'oswald';
    }

#add-Dependent-modal .modal-body,
#editDependentModal .modal-body {
    padding-top: 0px;
}






.cmsContent {
    font-size: 14px;
    line-height: 1.5;
}

    .cmsContent div.collapse:not(.show) {
        height: 30px !important;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .cmsContent div.collapsing {
        min-height: 42px !important;
    }

    .cmsContent > a.collapsed:after {
        content: '+ Read More';
    }

    .cmsContent > a:not(.collapsed):after {
        content: '- Read Less';
    }


.planArea {
    margin: 10px 10px 10px 10px;
    border: none;
}

.plantop {
    margin-top: 5px;
}


.modal-sidebar {
    position: absolute;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    margin: 0;
    background-color: #fff;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-right: 5%;
}

.modal-sm {
    width: 500px;
}


@media screen and (min-width: 576px) {
    .modal-sm {
        max-width: 500px;
    }

    .cmsPopupModel {
        margin-right: 9%;
    }
}


.modal-dialog {
    width: auto;
    margin: auto;
}

.modal.show .modal-dialog.modal-sidebar {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}

.modal.fade .modal-dialog.modal-sidebar {
    -webkit-transform: translate(25%,0);
    transform: translate(25%,0);
}

.modal-sidebar .modal-content {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
}

.modal-content {
    border: none;
}


.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
}
/*Dependent Modal(pop-up) header on Health Plan Page*/
#modal-header {
    background-color: var(--main-primary-bg-color);
    color: white;
}

.cmsPopupModel {
    margin-right: 9%;
    /*border-radius: 25px;*/
}

.cmsPageBottom {
    margin-bottom: 1%;
}

.cmsPageTop {
    margin-top: 1%;
}

.cmsPageCaveatButton {
    margin-bottom: 2%;
}

.cmsButton {
    width: 200px;
    margin-right: 100px;
}

.cms-scroll-content {
    max-height: 300px;
    overflow-y: auto;
    height: 100rem;
}

.cmsContentwithVideo {
    max-height: 300px;
    height: 100rem;
}

.cms-scroll-PTcontent {
    max-height: 250px;
    overflow-y: auto;
    height: 100rem;
}

.cmsContentwithPTVideo {
    max-height: 250px;
    height: 100rem;
}

.EmployeePCP, .PCPNumber {
    height: 100%;
    width: 100%;
}


/*active retiree tab*/
.activeRetiree {
    border: 2px solid var(--main-primary-bg-color);
    padding-bottom: 42px;
}

.current-coverage-container {
    /*border: 2px solid var(--main-primary-bg-color);*/
}

/*#nav-home-tab:hover {
    color: var(--content-background-color);
    background-color: var(--main-alternate-secondary-color);
}

#nav-profile-tab:hover {
    background-color: var(--main-alternate-secondary-color);
}*/

#nav-home-tab, #nav-profile-tab {
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: capitalize;
}

.nav-tabs .nav-link {
    color: var(--main-primary-bg-color);
}

#nav-home-tab.active {
    color: var(--main-secondary-bg-color)
}

#nav-profile-tab.active {
    color: var(--main-secondary-bg-color)
}

#nav-home-tab.active:hover {
    background-color: #fff;
}

#nav-home-tab:hover {
    background-color: var(--main-alternate-secondary-color);
    color: var(--main-primary-bg-color);
}

#nav-profile-tab:hover {
    background-color: var(--main-alternate-secondary-color);
    color: var(--main-primary-bg-color);
}

#nav-profile-tab.active:hover {
    background-color: #fff;
}

/*active retiree tab - end*/

/*Yearly Benefit tab*/
#nav-currenYear-tab.nav-link:hover {
    background-color: var(--main-primary-bg-color);
    color: white !important;
    transform: scale(1.1);
}

#nav-currenYear-tab.nav-link.active:hover {
    background-color: var(--main-secondary-bg-color);
    color: white !important;
    /*transform: scale(1.1);*/
}

#nav-currenYear-tab.nav-link {
    transition: all .2s ease-in-out;
}

    #nav-currenYear-tab.nav-link.active {
        color: white !important;
        background-color: var(--main-secondary-bg-color);
    }

#nav-previousYear-tab.nav-link:hover {
    background-color: var(--main-primary-bg-color);
    color: white !important;
    transform: scale(1.1);
}

#nav-previousYear-tab.nav-link.active:hover {
    background-color: var(--main-secondary-bg-color);
    transform: scale(1.1);
}

#nav-previousYear-tab.nav-link {
    transition: all .2s ease-in-out;
}

    #nav-previousYear-tab.nav-link.active {
        color: white !important;
        background-color: var(--main-secondary-bg-color);
    }
/*Yearly Benefit tab - end*/
/*pankaj css*/
.effective-date-btn {
    color: var(--btn-heading-text-color) !important;
    background-color: var(--main-primary-bg-color);
    border: none;
    padding: 5px 15px;
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21);
    float: right;
    margin-right: 42px;
}

.custom_accordion {
    margin: 0 -15px;
}

    .custom_accordion .card {
        border-radius: 0;
    }

.bg_orange {
    background-color: var(--main-primary-bg-color);
    color: #fff;
}

.bg_grey {
    background-color: #ccc;
}

.toggle_button {
    line-height: 37px;
}

.text_line {
    line-height: 37px;
}
/*plan comparsion css*/

/*planCoenrollmentmparisonModal*/
#planComparisonModal .modal-dialog {
    margin-top: 15%;
}

#planComparisonModal .modal-header {
    background-color: var(--main-primary-bg-color);
    padding: 6px;
    color: var(--btn-heading-text-color);
    font-weight: 800;
    text-transform: uppercase;
}

#planComparisonModal .modal-dialog {
    width: auto;
    margin: 5% auto 0;
    padding-left: 92px;
}

#PlanComparisionTble, th, td {
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    width: 230px;
    border-left-color: rgba(0, 0, 0, 0.03);
    border-right-color: rgba(0, 0, 0, 0.03);
}

#PlanComparisionTble {
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
    border: none;
}

    #PlanComparisionTble td {
        /*font-family: "lato";*/
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    }

    #PlanComparisionTble tbody {
        overflow-y: auto;
        border: none;
    }

input[type="checkbox"].disabled:hover {
    cursor: not-allowed !important;
}

input#ComparePlansBtn {
    padding: 5px 15px;
    box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21);
    background: var(--main-primary-bg-color);
    color: #fff;
    border: none;
    /*font-family: "lato";*/
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 700;
    text-transform: uppercase;
}

.compare-label {
    color: var(--main-primary-bg-color);
    text-transform: uppercase;
}

.planComparision-modal .modal-body {
    padding: 0px;
    margin: 15px 20px;
}

.planComparision-modal .modal-dialog {
    max-width: 75%;
}

#margin-right-0 {
    margin-right: 0rem !important;
}

#PlanComparisionTble td, #PlanComparisionTble th {
    border-right: 0 !important;
    border-left: 0 !important;
}

/*ends*/

#nav-previousYear-tab.nav-link.active {
    color: white !important;
    background-color: var(--main-secondary-bg-color);
}
/*Yearly Benefit tab - end*/

.YTD-Button {
    border: none;
    background: var(--main-secondary-bg-color);
    color: var(--btn-heading-text-color) !important;
    padding: 5px 15px;
    display: inline-block;
    cursor: pointer;
    border-radius: 0;
    text-align: left;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: 0 0 2px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.21);
    margin-top: 1%;
}


/*-Yatin Nanda | June 7, 2020-*/
.p-a-02 {
    padding: 2px;
    font-size:14px;
}

.p-a-03 {
    padding: 3px;
}

.p-a-04-force {
    padding: 4px !important;
}

.p-a-05-force {
    padding: 5px !important;
}

.p-a-08-force {
    padding: 8px !important;
}

.p-a-0 {
    padding: 5px;
}

.p-a-1 {
    padding: 10px;
}

.p-a-2 {
    padding: 20px;
}

.p-r-1 {
    padding-right: 10px;
}

.p-l-3 {
    padding-left: 30px;
}

.p-a-1-force {
    padding: 10px !important;
    margin: 0px !important;
}

.m-0-force {
    margin: 0px !important;
}

.m-t-2 {
    margin-top: 20px;
}
.bgSecondary {
    background-color: var(--main-secondary-bg-color);
}
.bgPrimary {
    background-color: var(--main-primary-bg-color);
}
.colorPrimary {
    color: var(--main-primary-bg-color);
}
.w-44-percent {
    width: 44% !important;
}

.w-60-percent {
    width: 60% !important;
}

.w-64-percent {
    width: 64% !important;
}

.w-67-percent {
    width: 67% !important;
}

.w-80-percent {
    width: 80% !important;
}

.w-91-percent {
    width: 91% !important;
}

.w-92-percent {
    width: 92% !important;
}

.w-97-percent {
    width: 97% !important;
}

.w-98-percent {
    width: 98% !important;
}

.font-13 {
    font-size: 13px !important;
}

.font-16 {
    font-size: 16px !important;
}

.font-98-percent {
    font-size: 98% !important;
}

.font-lato {
    font-family: Lato !important;
}



.bg-orange {
    background-color: #ffa631;
}

/*.bg-green {
    background-color: #28e1a5;
}*/

.text-white {
    color: white;
}

.oswald-Force-Font {
    font-family: oswald !important;
}


.normalize-font {
    font-size: 16px !important;
}

.float-right {
    float: right;
}

.h4-force {
    text-transform: uppercase !important;
    font-family: oswald !important;
}

.h4-2-force {
    text-transform: uppercase !important;
    font-family: Lato !important;
}

.OrangeCard {
    border: 2px solid #c60521;
}

/*----------Code Yatin Nanda Ends------------*/
.nav-tabs {
    border-bottom: 1px solid #ddd;
    margin-top: 15px !important;
}

p.Normal {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 40px;
}