body {
    margin: 0 auto;
    font-family: Assistant;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    color: #4F4D47;
}

.blue-rec {
    height: 6px;
    left: 0px;
    right: 0px;
    top: 0px;
    /* Gradients / Light Blue */
    background: linear-gradient(90deg, #5BBBEB 2.04%, #007DD7 98.66%);
}

.gray-rec {
    height: 1px;
}

.rainbow-rec {
    height: 3px;
    background: linear-gradient(90deg, #D1DD4A 2.04%, #5BBBEB 98.66%);
}

.hide {
    display: none;
}

.table-header {
    /* Copy / Normal (16px) / Bold */
    font-family: Assistant;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    /* identical to box height */
    /* Primary / Dark Gray */
    color: #4F4D47;
}

.card {
    /* White / 00 White */
    background: #FFFFFF;
    /* Grays / 03 Gray Card Stroke */
    border: 1px solid #DBDBDA;
    box-sizing: border-box;
    border-radius: 6px;
}

.modal-header h5 {
    /* Heading / M (25px) / Bold */
    font-family: Assistant;
    font-style: normal;
    font-weight: bold;
    font-size: 25.888px;
    line-height: 34px;
    /* Primary / Swift Blue */
    color: #0677D1;
}


.card-title {
    /* Heading / M (25px) / Bold */
    font-family: Assistant;
    font-style: normal;
    font-weight: bold;
    font-size: 25px;
    line-height: 33px;
    /* Primary / Swift Blue */
    color: #0677D1;
}

.card-content {
    margin-right: 32px;
    margin-left: 16px;
}

/* START: Remove after done. Outlining rows */
/* div.row { 
    border: 1px solid;
    border-bottom: 0px;
}
.container div.row:last-child {
    border-bottom: 1px solid;
} */
/* END: Remove */


html, body {
    overflow-x: hidden;
}

.page-title {
    /* Heading / XL (41px) / Bold */
    font-family: Assistant;
    font-style: normal;
    font-weight: bold;
    font-size: 41px;
    line-height: 54px;
    /* identical to box height */
    text-align: center;
    /* Primary / Dark Gray */
    color: #4F4D47;
}

.text {
    /* Copy / Normal (16px) / Regular */
    font-family: Assistant;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    /* Primary / Dark Gray */
    color: #4F4D47;
}

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

.content-background {
    background-color: #F5F5F4;
}

.footer-background {
    background: linear-gradient(90deg, #007DD7 2.04%, #035BAB 98.66%);
    background-repeat: no-repeat;
}

a.underline.green:hover {
    color: #8ABF2E;
}

footer-header {
    color: #47525a;
}

.header-dropdown {
    font-family: Assistant;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    /* Primary / Dark Gray */
    color: #4F4D47;
}

span#ctl00_header_userFullName {
    color: #4F4D47;
    font-weight: 600;
}

.navbar-nav .nav-link {
    color: #4F4D47;
    font-weight: 600;
}


.navbar-nav .nav-item .nav-link .active {
    color: #0677D1;
    font-weight: 500;
}

/* Required Field Validator */
.v-wrapper {
    position: relative;
}

    .v-wrapper > .rfv {
        position: absolute;
    }

.rfv {
    font-size: 12px;
}

/*.modal-backdrop {
    visibility: hidden !important;
}*/

.modal.in {
    background-color: rgba(0,0,0,0.5);
}

.modal {
    padding: 0px;
}

.modal-backdrop {
    /*position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;*/
    background-color: #0677D1;
}

.icon {
    margin-right: 6px;
}

.bold {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

.symetra-blue {
    color: #0677D1;
}

.btn {
    /* Copy / Normal (16px) / Bold */
    font-family: Assistant;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    /* identical to box height */
    text-align: center;
    /* vertical-align: -webkit-baseline-middle; */
    display: inline-block;
    /* Primary / Swift Blue */
    color: #0677D1;
    min-width: 166px;
    height: 56px;
    /* Grays / 03 Gray Card Stroke */
    border: 1px solid #DBDBDA;
    box-sizing: border-box;
    border-radius: 8px;
    text-decoration: none;
}

.popUp-btn {
    width: 80px;
    height: 50px;
    /* Copy / Normal (16px) / Bold */
    font-family: Assistant;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    display: inline-block;
    border: 1px solid #DBDBDA;
    box-sizing: border-box;
    border-radius: 8px;
    color: #0677D1;
    background-color: white;
    text-decoration: none;
}

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

.modal-footer {
    border-top: 0 none;
}

.input {
    height: 56px;
    padding-left: 15px;
    padding-right: 10px;
    /* Copy / Normal (16px) / Regular */
    font-family: Assistant;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    /* identical to box height */
    /* Grays / 05 Cloudy */
    color: #96989A;
    background: #FFFFFF;
    /* Grays / 03 Gray Card Stroke */
    border: 1px solid #DBDBDA;
    box-sizing: border-box;
    border-radius: 8px;
}


.go-text {
    /* Copy / Normal (16px) / Regular */
    font-family: Assistant;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #4F4D47;
}

.copyright-text {
    font-family: Assistant;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    /* Primary / Dark Gray */
    color: #4F4D47;
}

.footer-link {
    font-family: Assistant;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 21px;
    /* Primary / Swift Blue */
    color: #0677D1;
}

.phone-text {
    font-family: Assistant;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 42px;
    /* identical to box height */
    /* Primary / Swift Blue */
    color: #0677D1;
}


.page-head {
    /* Heading / XL (41px) / Bold */
    font-family: Assistant;
    font-style: normal;
    font-weight: bold;
    font-size: 41px;
    line-height: 54px;
    /* Primary / Swift Blue */
    color: #0677D1;
}

.policy-head {
    /* Copy / Normal (16px) / Bold */
    font-family: Assistant;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 21px;
    /* identical to box height */
    /* Primary / Dark Gray */
    color: #4F4D47;
}

.alternate {
    background-color: #F5F5F4;
}

/*.hyperlink-btn {
    color: #0677D1;
    text-decoration: none;
}*/

a:not([href]) {
    color: #0677D1;
    text-decoration: none;
}



/*a:hover {
    background-color: #0677D1;
    color: white;
}*/

#survey:hover {
    color: #6F808D;
}

#surveyLink:hover {
    color: #6F808D;
}


#survey:active {
    color: #6F808D;
}

#surveyLink:active {
    color: #6F808D;
}

.btn:hover, .btn:active, .modal-btn:hover, .modal-btn:active, .popUp-btn:hover, .popUp-btn:active {
    color: #FFFFFF;
    background-color: #0677D1;
    text-decoration: none;
    box-shadow: 0 0 11px rgba(33,33,33,.2);
}

.navbar-nav > li {
    float: left;
    position: relative;
}

.nav-link {
    /*Dark Gray*/
    color: #4F4D47;
}




.navbar .navbar-nav a:hover {
    color: #0677D1;
}

.underline {
    text-decoration: underline;
}

/* set a max-width for horizontal fluid layout and make it centered */
/*.container-fluid {
    max-width: 1440px;
}*/

a.nav-link.active {
    color: #0677D1;
    font-weight: 700;
}

@media (min-width: 1024px) {
    .navbar .navbar-nav .active a::after {
        border-bottom: 10px solid #0677D1;
        bottom: -10px;
        content: " ";
        left: 0;
        position: absolute;
        right: 0;
        color: #0677D1;
        font-weight: 400;
    }

    .logoutButton {
        display: none;
    }

    .nav-contact {
        display: none;
    }

    .footerbar-mobile {
        display: none;
    }

    .modal-btn {
        width: 90px;
        height: 55px;
        /* Copy / Normal (16px) / Bold */
        font-family: Assistant;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        /* identical to box height */
        text-align: center;
        /* vertical-align: -webkit-baseline-middle; */
        display: inline-block;
        /* Primary / Swift Blue */
        /*color: #0677D1;*/
        /* Grays / 03 Gray Card Stroke */
        border: 1px solid #DBDBDA;
        box-sizing: border-box;
        border-radius: 8px;
        color: #0677D1;
        background-color: white;
        text-decoration: none;
    }

    .modal-dialog {
        max-width: 600px;
    }

    .modal-content {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media (max-width: 350px) {

    img#logo-img {
        width: 190px;
    }
}

@media only screen and (min-width: 351px) and (max-width: 375px) {
    img#logo-img {
        width: 200px;
    }
}



@media (max-width: 768px) {

    .page-title {
        display: none;
    }

    div#main-nav {
        display: none;
    }

    ul#userNameNav {
        display: none;
    }

    .footerbar-desktop {
        display: none;
    }

    .btn, .btn-group {
        width: 100%;
        text-align: center;
        height: 40px;
    }

    .popUp-btn {
        width: 100px;
        font-family: Assistant;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        text-align: center;
        display: inline-block;
        border: 1px solid #DBDBDA;
        box-sizing: border-box;
        border-radius: 8px;
        color: #0677D1;
        background-color: white;
    }

    .modal-btn {
        width: 100px;
        font-family: Assistant;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 21px;
        text-align: center;
        display: inline-block;
        border: 1px solid #DBDBDA;
        box-sizing: border-box;
        border-radius: 8px;
        color: #0677D1;
        background-color: white;
    }

    .page-head {
        font-size: 25px;
        display: none;
    }

    .input {
        width: 100%;
    }

    img {
        display: block;
        max-width: 288px;
        max-height: 27px;
        width: auto;
        height: auto;
    }

    .policy-background {
        /*background-color: #F5F5F4;*/
        border-top: 1px solid #DBDBDA;
        border-bottom: 1px solid #DBDBDA;
    }
}

.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(6,119,209, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-nav > li {
    float: left;
    position: relative;
}

.navbar .navbar-collapse .navbar-nav .active a::after {
    border-bottom: 5px solid #0677D1;
    bottom: -10px;
    /*content: " ";*/
    left: 0;
    position: absolute;
    right: 0;
}



/*.custom-toggler.navbar-toggler {
    border-color: #0677D1;
}*/

.errormessage {
    font-weight: bold;
    color: red;
    background-color: #ffffff;
}

form ul {
    margin: 0;
    list-style: none outside none;
}

ul {
    margin: 0;
    padding: 0;
}

fieldset {
    border: solid 0 #fff;
    margin: 10px 0 0 0;
}

    fieldset legend {
        font-size: 13px;
        font-weight: bold;
        color: #B5B2B5;
    }

.bordered {
    border: solid 1px #ddd;
    margin: 10px;
}

h2.blue {
    color: #396e8e;
    font-size: 16pt;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

h3.gray {
    color: #3d3d3d;
    font-size: 13pt;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

.hint {
    font-size: 10px;
}

.caption {
    padding: 10px;
    font-size: 15px;
    color: #b5b2b5;
    font-weight: bold;
}

.required {
    font-size: 10px;
    font-weight: bold;
}

.validation-summary {
    border-top: 1px #b5b2b5 solid;
    border-bottom: 1px #b5b2b5 solid;
    border-left: 0;
    border-right: 0;
    padding: 10px 5px 10px 80px;
    color: #FF0000;
    background: #fefbdd url(../Shared/images/error_lrg.gif) 40px center no-repeat;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 10px;
    list-style-position: outside;
    color: Red;
}

    .validation-summary ul {
        margin: 0;
        padding: 0;
        margin-left: 20px;
        list-style-type: disc;
    }

/* Clear Floated Elements */

iframe {
    overflow: hidden;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

* html .clearfix {
    height: 1%;
}