@media(min-width: 768px) {

    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }

    .col-sm-1 {
        width: 8.3333333333%
    }

    .col-sm-2 {
        width: 16.6666666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.3333333333%
    }

    .col-sm-5 {
        width: 41.6666666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.3333333333%
    }

    .col-sm-8 {
        width: 66.6666666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.3333333333%
    }

    .col-sm-11 {
        width: 91.6666666667%
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-pull-1 {
        right: 8.3333333333%
    }

    .col-sm-pull-2 {
        right: 16.6666666667%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-4 {
        right: 33.3333333333%
    }

    .col-sm-pull-5 {
        right: 41.6666666667%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-7 {
        right: 58.3333333333%
    }

    .col-sm-pull-8 {
        right: 66.6666666667%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-10 {
        right: 83.3333333333%
    }

    .col-sm-pull-11 {
        right: 91.6666666667%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-push-1 {
        left: 8.3333333333%
    }

    .col-sm-push-2 {
        left: 16.6666666667%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-4 {
        left: 33.3333333333%
    }

    .col-sm-push-5 {
        left: 41.6666666667%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-7 {
        left: 58.3333333333%
    }

    .col-sm-push-8 {
        left: 66.6666666667%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-10 {
        left: 83.3333333333%
    }

    .col-sm-push-11 {
        left: 91.6666666667%
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-offset-0 {
        margin-left: 0%
    }

    .col-sm-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-sm-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-sm-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-sm-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-sm-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media(min-width: 992px) {

    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }

    .col-md-1 {
        width: 8.3333333333%
    }

    .col-md-2 {
        width: 16.6666666667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.3333333333%
    }

    .col-md-5 {
        width: 41.6666666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.3333333333%
    }

    .col-md-8 {
        width: 66.6666666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.3333333333%
    }

    .col-md-11 {
        width: 91.6666666667%
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-pull-1 {
        right: 8.3333333333%
    }

    .col-md-pull-2 {
        right: 16.6666666667%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-4 {
        right: 33.3333333333%
    }

    .col-md-pull-5 {
        right: 41.6666666667%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-7 {
        right: 58.3333333333%
    }

    .col-md-pull-8 {
        right: 66.6666666667%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-10 {
        right: 83.3333333333%
    }

    .col-md-pull-11 {
        right: 91.6666666667%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-push-1 {
        left: 8.3333333333%
    }

    .col-md-push-2 {
        left: 16.6666666667%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-4 {
        left: 33.3333333333%
    }

    .col-md-push-5 {
        left: 41.6666666667%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-7 {
        left: 58.3333333333%
    }

    .col-md-push-8 {
        left: 66.6666666667%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-10 {
        left: 83.3333333333%
    }

    .col-md-push-11 {
        left: 91.6666666667%
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-offset-0 {
        margin-left: 0%
    }

    .col-md-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-md-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-md-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-md-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-md-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media(min-width: 1200px) {

    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }

    .col-lg-1 {
        width: 8.3333333333%
    }

    .col-lg-2 {
        width: 16.6666666667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.3333333333%
    }

    .col-lg-5 {
        width: 41.6666666667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.3333333333%
    }

    .col-lg-8 {
        width: 66.6666666667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.3333333333%
    }

    .col-lg-11 {
        width: 91.6666666667%
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-pull-1 {
        right: 8.3333333333%
    }

    .col-lg-pull-2 {
        right: 16.6666666667%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-4 {
        right: 33.3333333333%
    }

    .col-lg-pull-5 {
        right: 41.6666666667%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-7 {
        right: 58.3333333333%
    }

    .col-lg-pull-8 {
        right: 66.6666666667%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-10 {
        right: 83.3333333333%
    }

    .col-lg-pull-11 {
        right: 91.6666666667%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-push-1 {
        left: 8.3333333333%
    }

    .col-lg-push-2 {
        left: 16.6666666667%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-4 {
        left: 33.3333333333%
    }

    .col-lg-push-5 {
        left: 41.6666666667%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-7 {
        left: 58.3333333333%
    }

    .col-lg-push-8 {
        left: 66.6666666667%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-10 {
        left: 83.3333333333%
    }

    .col-lg-push-11 {
        left: 91.6666666667%
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-offset-0 {
        margin-left: 0%
    }

    .col-lg-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-lg-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-lg-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-lg-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-lg-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }
}

.login-security-update-note {
    background-color: #EBFAFF;
    border-radius: 4px;
    padding: 24px 10px 24px 10px;
    text-align: left;
    font: normal normal normal 14px/20px Roboto;
    letter-spacing: 0px;
    color: #0A437C;
    opacity: 1;
    font-weight: 500;
}

.thankyouHeading {
    color: #0A437C;
    font-weight: 300;
    font-family: Atlas Grotesk, Light;
}

.divTermsHeading {
    color: #0A437C;
    font-weight: 500
}

.divTerms {
    padding-top: 12px;
    padding-left: 12px;
    height: 216px;
    overflow-y: scroll;
    border: 1px solid #54565B;
    border-radius: 2px !important;
}

.dropDownMenu {
    padding: 0px;
    border: none !important
}

.footerbackground {
    background-color: #fff
}
.footer-container{padding:10vh 0;}

footer{position:relative; z-index:1; min-height:300px; background:transparent!important;}

.cancel-button-outline {
    font: normal normal bold 16px / 21px Atlas Grotesk;
    letter-spacing: 0px;
    color: #002E4D;
    text-align: center;
    padding: 16px 65px;
    border: 1px solid #002E4D;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    margin-top: 20px;
}

.canc-block {
    display: block !important;
}

.title-margin-bottom {
    margin-bottom: 28px;
}

.ping-alert {
    margin: 15px auto;
    text-align: left;
    font-size: 16px;
}

.ping-alert .ping-warning-icon {
    display: block;
    margin: 0 auto 30px auto;
    height: 30px;
    width: 30px;
    background: transparent url("../images/icon-alert.png") no-repeat;
    background-size: 30px 30px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .ping-alert .ping-warning-icon {
        background-image: url("../images/icon-alert.png");
    }
}

.ping-alert .ping-success-icon {
    display: block;
    margin: 0 auto 30px auto;
    height: 70px;
    width: 70px;
    background: transparent url("../images/icon-success.70.gif") no-repeat 0 1px;
    background-size: 70px 70px;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .ping-alert .ping-success-icon {
        background-image: url("../images/icon-success.140.gif");
    }
}


/* mobile view styles */
@media (min-width: 768px) {
    .login-container .form-container {
        width: 475px;
        margin: auto;
    }

    .login-container {
        padding: 48px;
    }

    .login-container .thankyou {
        margin-top: 154px;
    }
}

@media (max-width: 767.99px) {
    #login-container.container {
        padding: 0px;
    }

    .login-container .thankyou {
        margin-top: 62px;
    }

    #login-container.container {
        padding: 0px;
    }

    .login-container {
        padding: 24px 15px;
        width: 100%;
        text-align: left;
    }
}

@media (max-width: 767.99px) {
    .wizard li.active .text {
        position: absolute;
        top: -54px;
        left: 50%;
        transform: translateX(-50%);
        white-space: normal;
        font: normal normal bold 14px/20px Atlas Grotesk;
        letter-spacing: 0px;
        color: #0A437C;
        width: 100px;
        text-align: center;
    }

    .wizard li .text {
        position: absolute !important;
        top: -54px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        white-space: normal !important;
        font: normal normal normal 14px/20px Atlas Grotesk !important;
        letter-spacing: 0px !important;
        color: #707070 !important;
        width: 100px !important;
        text-align: center !important;
    }

    .wizard {
        width: 100%;
        padding: 0px;
        margin: 58px 0px 48px;
        display: flex;
        height: 8px;
        border-radius: 16px;
        background-color: #E9E9E9;
    }
}

@font-face {
    font-family: 'Atlas Grotesk';
    src: url('../fonts/memberAtlasGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Atlas Grotesk';
    src: url('../fonts/memberAtlasGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Atlas Grotesk';
    src: url('../fonts/memberAtlasGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Atlas Grotesk';
    src: url('../fonts/memberAtlasGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Atlas Grotesk';
    src: url('../fonts/memberAtlasGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Atlas Grotesk';
    src: url('../fonts/memberAtlasGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sentinel';
    src: url('../fonts/memberSentinel-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



button,
input,
optgroup,
select,
textarea {
    margin-top: 5px;
    margin-bottom: 5px;
}

.form-group.error-state label.checkbox-container {
    color: #54565B !important;
}

.form-group.error-state label.checkbox-container .checkmark {
    border: 2px solid #CE3636;
    background-color: #FAD8D8;
}

.form-group.error-state label.checkbox-container {
    margin-bottom: 10px !important;
}

.form-container .error-state .form-control,
.form-container .form-control.error-state {
    background: #FAD8D8;
    border: 0px;
    border-bottom: 2px solid #CE3636;
    color: #130C0E;
    font-weight: 500;
}

.form-group.error-state label {
    color: #CE3636 !important;
}

error-state .checkbox input[type="checkbox"] {
    border-radius: 2px;
    outline: 2px solid #BC3434;
}

.error-state .checkbox label {
    color: #54565B !important;
}


/*forgot username and password styles*/
.form-container h6 {
    font: normal normal 500 26px/34px Sentinel;
    letter-spacing: 0px;
    color: #0A437C;
    margin-top: 0px;
    margin-bottom: 0px;
}

.mb-22 {
    margin-bottom: 22px !important;
}

.wizard.AccountRecovery {
    background-color: #E9E9E9 !important;
}


.wizard.AccountRecovery li.active .number {
    color: #0a437c !important;
    background: #FFFFFF;
    border: 2px solid #0a437c !important;
}

.wizard.AccountRecovery li.completed .tickmark {
    color: #ffffff !important;
    background: #0a437c;
    border: 2px solid #0a437c !important;
}

.wizard.AccountRecovery li.active {
    background: linear-gradient(to right, #0a437c 0% 50%, #E9E9E9 50% 100%);
}

.wizard li.completed {
    background-color: #0a437c !important;
}

.wizard li.completed:first-child {
    background-color: #0a437c !important;
}

.wizard.AccountRecovery li.active:first-child,
.wizard li.completed:first-child {
    border-radius: 16px 0px 0px 16px !important;
}

.wizard.AccountRecovery li.active:last-child {
    border-radius: 0px 16px 16px 0px !important;
}

.wizard.AccountRecovery li.active {
    border-radius: 0px !important;
}

.wizard.AccountRecovery li.completed .number {
    display: none !important;
}

.wizard.AccountRecovery li .tickmark {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    background: #FFFFFF;
    border: 2px solid #E9E9E9;
    border-radius: 50%;
    font: normal normal 300 16px/14px Atlas Grotesk;
    letter-spacing: 0px;
    color: #707070;
}

.wizard.AccountRecovery li .tickmark span {
    font: normal normal 500 16px/14px Atlas Grotesk;
    letter-spacing: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.form-container h6 {
    font: normal normal 500 26px/34px Sentinel;
    letter-spacing: 0px;
    color: #0A437C;
    margin-top: 0px;
    margin-bottom: 0px;
}

.contactinfo-container .page-header h1,
.login-container h1 {
    font-size: 32px;
    margin: 0px;
    padding: 0px;
    line-height:1.2em;
}

.login-container h1 {
    font: normal normal 300 42px/58px Atlas Grotesk;
    letter-spacing: 0px;
    margin-top: 46px;
    margin-bottom: 0px;
    color: #0A437C;
}

.margin-top-Logo-header-text-48 {
    margin-top: 48px !important;
}


.cancel-button-outline {
    font: normal normal bold 16px / 21px Atlas Grotesk;
    letter-spacing: 0px;
    color: #002E4D;
    text-align: center;
    padding: 16px 65px;
    border: 1px solid #002E4D;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    margin-top: 20px;
}

.canc-block {
    display: block !important;
}

a.score-button:hover {
    background-color: #017CA5;
}

.login-container .score-button-outline:hover {
    color: #ffffff;
    background-color: #0086B3;
    border: 1px solid #0086B3;
}

.login-container .score-button-outline:focus {
    color: #ffffff;
    background-color: #0086B3;
    border: 1px solid #0086B3;
}

/* The switch - the box around the slider */

.remember-text {
    margin-left: 40px;
    margin-top: -17px;
    color: #54565B;
    font-weight: 400;
}

.form-check-input[type=checkbox] {
    display: none;
}

.form-check-label {
    display: block;
    border-radius: 5em;
    position: relative;
    background-color: #ededf0;
    width: 2em;
    height: 0.8em;
    transition: background 0.2s;
}


.form-check-label::before {
    content: "";
    border-radius: 50%;
    position: absolute;
    transition: left 0.2s;
    display: inline-block;
    background-color: #a8a8aa;
    top: -0.2em;
    left: -0.25em;
    width: 1.2em;
    height: 1.2em;
}

input[type="checkbox"]:checked+.form-check-label {
    background: #85c8de;
}

input[type="checkbox"]:checked+.form-check-label::before {
    left: 1em;
    background-color: #0a437c;
}

/*Forgot-password*/

.wizard {
    width: 100%;
    padding: 0px;
    margin: 48px 0px 64px;
    display: flex;
    height: 8px;
    border-radius: 16px;
    background-color: #E9E9E9 !important;
}

.wizard li {
    list-style: none;
    width: 50%;
    position: relative;
}

.wizard li.active {
    border-radius: 16px;
    background-color: #0a437c !important;
}

.wizard li .number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    background: #FFFFFF;
    border: 2px solid #E9E9E9;
    border-radius: 50%;
    font: normal normal 300 16px/14px Atlas Grotesk;
    letter-spacing: 0px;
    color: #707070;
}

.wizard li .number span {
    font: normal normal 500 16px/14px Atlas Grotesk;
    letter-spacing: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.wizard li.active .number {
    color: #ffffff;
    background: #0A437C;
    border: 2px solid #0A437C;
}

.wizard li .text {
    position: absolute;
    top: -34px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    font: normal normal normal 14px/20px Atlas Grotesk;
    letter-spacing: 0px;
    color: #707070;
}

.wizard li.active .text {
    position: absolute;
    top: -34px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    font: normal normal bold 14px/20px Atlas Grotesk;
    letter-spacing: 0px;
    color: #0A437C;
}

.form-container .form-control {
    background: #EDEDF0 0% 0% no-repeat padding-box;
    border-radius: 4px 4px 0px 0px !important;
    height: 55px;
    padding: 6px 16px;
    font: normal normal normal 16px/18px Roboto;
    color: #707070;
    border: 0px;
    border-bottom: 2px solid #54565B;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
}

.form-container input.form-control:valid {
    color: #000000;
    font-weight: 500;
}

.form-container .form-group label {
    font: normal normal normal 16px/18px Atlas Grotesk;
    letter-spacing: 0px;
    color: #54565B;
}

.form-container .form-group label span {
    display: inline-block;
}

.form-container .form-group .form-control::placeholder {
    font: normal normal normal 16px/18px Atlas Grotesk;
    color: #54565B;
    font-weight: 400;
}

.form-container .form-group .form-control:-ms-input-placeholder {
    /*Internet Explorer 10-11 */
    font: normal normal normal 16px/18px Atlas Grotesk;
    color: #54565B !important;
    font-weight: 300 !important;
}

#login-container .login-bg {
    background-image: url("data:image/svg+xml,%3Csvg width='1944' height='1010' viewBox='0 0 1944 1010' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1161.89 39.2077C1264.09 50.716 1370.26 76.1301 1399.03 117.368C1427.8 158.606 1379.19 215.668 1367.28 269.373C1356.37 323.558 1381.17 373.907 1340.49 405.075C1299.81 436.722 1193.64 448.71 1102.36 479.878C1012.07 511.047 936.664 561.395 873.163 551.805C809.662 542.694 758.067 473.165 624.12 453.985C491.165 434.804 277.841 465.013 148.855 442.956C19.8681 421.378 -24.781 347.054 12.9227 283.279C51.6187 219.504 171.675 166.757 265.935 116.409C361.186 66.0602 431.633 18.1091 526.884 4.68277C621.143 -9.22304 742.192 11.396 851.335 20.5067C960.477 29.6174 1059.7 27.2199 1161.89 39.2077Z' fill='%23EBFAFF'/%3E%3Cpath d='M1735.5 797.21C1643.98 796.563 1497.57 739.749 1354.71 743.695C1210.81 747.861 1070.34 813.224 931.784 802.964C793.226 792.704 657.305 707.912 651.239 636.879C645.172 565.845 769.896 508.788 854.212 468.565C939.566 428.123 984.615 404.076 1022.37 343.749C1059.1 283.64 1087.6 187.031 1161.17 188.555C1234.74 190.078 1353.49 289.297 1470.77 356.823C1587.12 424.131 1702.95 459.966 1774.2 509.355C1845.35 559.182 1873.7 623.438 1868.63 683.107C1864.49 742.995 1827.02 797.858 1735.5 797.21Z' fill='%23E2F5FC'/%3E%3C/svg%3E%0A");
    width: 100%;
    background-size: cover;
    background-position: 70% center;
    min-height: 100vh;
    display: none;
    position:fixed; inset:0; z-index:0;
}

@media (min-width: 767.99px) {
    #login-container .login-bg {
        display: block;
    }

    .page-messages {
        width: 540px;
    }
}


#login-container .navbar-brand {
    padding: 0px;
    height: auto;
    float: none !important;;
}

.login-container {
    font: normal normal normal 16px/24px Atlas Grotesk;
    background-color: #fff;
    position:relative; z-index:1;
}

#login-container .navbar-brand img {
    width: 184px;
    display: block!important;
    margin:0 auto;
}

#login-container .form-group {
    margin-bottom: 24px;
}

.login-container h1 {
    font: normal normal 300 42px/58px Atlas Grotesk;
    letter-spacing: 0px;
    margin-top: 46px;
    margin-bottom: 0px;
    color: #0A437C;
}

.form-container a.score-button {
    margin: 0px !important;
}

.error-state .error {
    font: normal normal normal 14px/24px Atlas Grotesk;
    letter-spacing: 0px;
    color: #E02F0C;
    margin-top: -5px;
}

.login-container .score-button,
.login-container .score-button-secondary {
    width: 100%;
    display: block;
    text-align: center;
}

.login-container .score-button {
    background: #0086B3;
    border-radius: 4px;
}

.login-container .score-button-outline {
    font: normal normal bold 16px/21px Atlas Grotesk;
    letter-spacing: 0px;
    color: #002E4D;
    text-align: center;
    padding: 16px;
    border: 1px solid #002E4D;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
}

.d-block {
    display: block !important;
}

.form-container .score-button {
    font: normal normal bold 16px/19px Atlas Grotesk;
    letter-spacing: 0px;
    padding: 18px;
}



.login-container {
    padding: 32px;
    box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
    margin-bottom:40px;
}

@media only screen and (max-width: 768px) {
    .login-container {
        padding: 16px;
    }
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

a {
    background-color: transparent;
}

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

img {
    border: 0;
}

hr {
    box-sizing: content-box;
    height: 0;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

input {
    line-height: normal;
}

textarea {
    overflow: auto;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333333;
    background-color: #F5FCFF;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #0099cc;
    text-decoration: none;
}

img {
    vertical-align: text-top;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.panel .panel-body .h3,
.score-accordion-panel .panel-body .h3,
.score-panel .panel-body .h3,
.panel .panel-body .h3>span,
.score-accordion-panel .panel-body .h3>span,
.score-panel .panel-body .h3>span,
.h4,
.h5,
.link-list-group .list-item.list-item-header,
.h6 {
    font-family: inherit;
    font-weight: 300;
    line-height: 1.6;
    color: inherit;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
.panel .panel-body .h3,
.score-accordion-panel .panel-body .h3,
.score-panel .panel-body .h3,
.panel .panel-body .h3>span,
.score-accordion-panel .panel-body .h3>span,
.score-panel .panel-body .h3>span {
    margin-top: 20px;
    margin-bottom: 10px;
}

h1,
.h1 {
    font-size: 36px;
}

.text-center,
.score-center-text {
    text-align: center;
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 10px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container:before,
.container:after {
    content: " ";
    display: table;
}

.container:after {
    clear: both;
}

.container {
    width: 750px;
}

.container {
    width: 970px;
}

.container {
    width: 1170px;
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.container-fluid:before,
.container-fluid:after {
    content: " ";
    display: table;
}

.container-fluid:after {
    clear: both;
}

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

.row:before,
.row:after {
    content: " ";
    display: table;
}

.row:after {
    clear: both;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-12 {
    width: 100%;
}

.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
    float: left;
}

.col-sm-12 {
    width: 100%;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #999999;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control::-webkit-input-placeholder {
    color: #999;
}

.form-group {
    margin-bottom: 15px;
}

.btn,
.score-button,
.score-split-button-menu .dropdown-toggle,
.score-alert {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-default,
.score-button,
.score-split-button-menu .dropdown-toggle,
.score-alert {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn-primary,
.score-button {
    color: #fff;
    background-color: #0099cc;
    border-color: #0086b3;
}

.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
    height: 50px;
}

.navbar-brand>img {
    display: block;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.page-wrapper {
    width: 100%;
}

div[class^="score-column"],
div[class*=" score-column"] {
    margin-left: -15px;
    margin-right: -15px;
}

div[class^="score-column"]:before,
div[class^="score-column"]:after,
div[class*=" score-column"]:before,
div[class*=" score-column"]:after {
    content: " ";
    display: table;
}

div[class^="score-column"]:after,
div[class*=" score-column"]:after {
    clear: both;
}

div[class^="score-column"].score-column1>.score-center,
div[class*=" score-column"].score-column1>.score-center {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

div[class^="score-column"].score-column1>.score-center,
div[class*=" score-column"].score-column1>.score-center {
    float: left;
    width: 100%;
}

.score-content-spot {
    margin-bottom: 30px;
}

body {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.panel .panel-body .h3,
.score-accordion-panel .panel-body .h3,
.score-panel .panel-body .h3,
.panel .panel-body .h3>span,
.score-accordion-panel .panel-body .h3>span,
.score-panel .panel-body .h3>span,
.h4,
.h5,
.link-list-group .list-item.list-item-header,
.link-list-group .list-item.list-item-header,
.h6 {
    font-weight: 300;
}

a,
a img {
    outline: none !important;
}

.container {
    width: 100%;
    max-width: 1020px;
}

label {
    line-height: 180%;
}

.form-group {
    margin-bottom: 18px;
    /*@media ($screen-xs-min) {*/
}

.form-group label {
    padding-top: 6px;
}

button,
input,
optgroup,
select,
textarea {
    margin-top: 5px;
    margin-bottom: 5px;
}

a.score-button {
    margin: 0px 5px;
}

label span {
    display: block;
    font-size: 15px;
}

.score-button {
    border: none;
    padding: 8px 15px;
}

.score-content-spot {
    color: #767676;
}

.container.contactinfo-container .form-control,
.form-container .form-control {
    height: 51px;
    padding: 6px 12px;
    font: normal normal normal 16px/18px Atlas Grotesk;
    letter-spacing: 0px;
    color: #130C0E !important;
}

.contactinfo-container .page-header h1,
.login-container h1 {
    font-size: 32px;
    margin: 0px;
    padding: 0px;
}

.error {
    color: #BC3434;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.justify-content-center{justify-content:center!important;}

.EditInfo-panel .form-group label,
.form-container .form-group label {
    color: #54565B;
    font-weight: 400;
    padding-top: 0 !important;
    margin-bottom: 0 !important;
}

/*forgot-password-change*/

.form-container .form-control:hover,
.form-container .form-control:active {
    background: #EEEEEE;
    border: 0px;
    border-bottom: 2px solid #0086B3;
    color: #54565B;
    font-weight: 500;
}

.form-container .form-control:focus {
    background: #E6F3F7;
    border: 0px;
    border-bottom: 2px solid #0086B3;
    color: #54565B;
    font-weight: 500;
}

.PasswordRequirementslable {
    font: normal normal normal 16px/24px Atlas Grotesk;
    letter-spacing: 0px;
    color: #130C0E;
    cursor: pointer;
}

.PasswordRequirementslable img {
    margin-left: 8px;
    position: relative;
    bottom: 2px;
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.dropup,
.dropdown,
.score-megamenu-dropdown {
    position: relative;
}

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

.success {
    color: #4BB543;
    font: normal normal normal 14px/16px Roboto;
}

/*forgot-password-error*/

h4,
.h4,
h5,
.h5,
.link-list-group .list-item.list-item-header,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h6,
.h6 {
    font-size: 12px;
}

/*forgot-password-success*/

h4,
.h4,
h5,
.h5,
.link-list-group .list-item.list-item-header,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h6,
.h6 {
    font-size: 12px;
}

/*form login template*/

.container.contactinfo-container .form-control.disabled,
.container.contactinfo-container .form-control[disabled],
.container.contactinfo-container .form-control[readonly],
.form-container .form-control.disabled,
.form-container .form-control[disabled],
.form-container .form-control[readonly],
fieldset[disabled] .form-control {
    background: #EEEEEE;
    border: 0px;
    border-bottom: 2px solid #c3c4c6;
    color: #c3c4c6 !important;
    font-weight: 500;
}

.login-container h4 {
    font: normal normal 500 26px/48px Sentinel;
    letter-spacing: 0px;
    color: #0A437C;
    margin-top: 10px;
    margin-bottom: 10px;
}

.input-group-container {
    position: relative;
}

.form-container .input-group-container .form-control {
    padding-right: 50px !important;
}

.input-group-container .addon-img {
    position: absolute;
    padding: 20px 28px;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    cursor: pointer;
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-position: center center;
}

.input-group-container .addon-img.Visibility-Off {
    background-image: url('../images/memberIcon-Toggle-Visibility-Off.png');
}

.input-group-container .addon-img.Visibility-On {
    background-image: url('../images/memberIcon-Toggle-Visibility_on.png');
}

form-container hr {
    margin-top: 36px;
    border: 1px solid #E9E9E9;
    margin-bottom: 25px;
}

.mt-0 {
    margin-top: 0px !important;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

h4,
.h4,
h5,
.h5,
.link-list-group .list-item.list-item-header,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h4,
.h4 {
    font-size: 18px;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eeeeee;
    opacity: 1;
}

.form-control[disabled],
fieldset[disabled] .form-control {
    cursor: not-allowed;
}

.container.contactinfo-container .form-control.disabled,
.container.contactinfo-container .form-control[disabled],
.container.contactinfo-container .form-control[readonly],
.form-container .form-control.disabled,
.form-container .form-control[disabled],
.form-container .form-control[readonly],
fieldset[disabled] .form-control {
    background: #EDEDED 0% 0% no-repeat padding-box;
    border: 1px solid #EDEDED;
    color: #000000;
    font-weight: 500;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 3px 0 0;
}

/*email verification sent*/

.login-container h5 {
    font: normal normal 500 26px/34px Sentinel;
    letter-spacing: 0px;
    color: #0A437C;
    margin-top: 32px;
    margin-bottom: 16px;
}

.login-container p {
    font: normal normal normal 16px/24px Atlas Grotesk;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 24px;
}

.login-container .thankyou {
    margin-top: 154px;
}

h5,
.h5,
.link-list-group .list-item.list-item-header {
    font-size: 14px;
}

p {
    margin: 0 0 10px;
}

/*email verification success*/

/*registration*/

.form-container .text-indicates {
    font: normal normal normal 16px/24px Atlas Grotesk;
}

.login-container .score-button-secondary {
    font: normal normal normal 16px/19px Atlas Grotesk;
    letter-spacing: 0px;
    color: #0086B3;
    padding: 18px;
    border: 0px;
}

.form-container .checkbox label {
    font: normal normal normal 16px/24px Atlas Grotesk;
}

button,
select {
    text-transform: none;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

h4,
.h4,
h5,
.h5,
.link-list-group .list-item.list-item-header,
h6,
.h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h4,
.h4 {
    font-size: 18px;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
}

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
    line-height: 34px;
}

.radio,
.checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.radio label,
.checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 0;
}

.radio-inline,
.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 25px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.show {
    display: block !important;
}

* select {
    border-radius: 0px !important;
}

.close {
    color: #606061;
    position: absolute;
    right: 12px;
    text-align: center;
    top: 8px;
    font-weight: bold;
    opacity: 1;
    height: 12px;
    cursor: pointer;
}

.score-button-secondary {
    color: #767676;
    border: 1px solid #707070;
    border-radius: 4px;
    padding: 8px 15px;
    margin: 0px 5px;
    text-decoration: none !important;
}

option:checked {
    background: #EBFAFF 0% 0% no-repeat padding-box;
    font-weight: 500;
    color: #130C0E;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    margin-left: -25px;
    height: 18px;
    width: 18px;
}

.radio label,
.checkbox label {
    padding-left: 25px;
    margin-bottom: 0;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 3px 0 0;
}

.page-messages {
    position: relative;
    z-index: 1;
    top: 0;
    left: 0px;
    right: 0;
    color: #fff;
    padding: 0;
    text-align: center;
    z-index:99999;
    margin:0 auto;
}

.page-messages.full .message {
    padding: 7px 35px 7px 10px;
    text-align: left !important;
    color: white;
}

.page-messages.full .message {
    padding: 15px;
    text-align: left;
    padding-top: 8px;
    background-color: #FFE8E8;
    border-bottom:4px solid #D22121;
    color:#130C0E;
}

.page-image-warning {
    float: left;
}

.page-message-text {
    margin: 5px 40px 7px 45px;
}

.page-messages .close:after {
    font-size: 20px;
    content: '\78';
    font-family: sans-serif;
}

.page-messages .message {
    position: relative;
    overflow: hidden;
    padding: 12px 50px 9px 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
    line-height: 1.3;
    -webkit-animation: fade-in 0.7s;
    -moz-animation: fade-in 0.7s;
    -o-animation: fade-in 0.7s;
    animation: fade-in 0.7s;
}

.page-messages.full .message {
    padding: 7px 35px 7px 10px;
    text-align: left;
}

.page-messages.full .message .close {
    top: 16.5px;
    color: #130C0E;
}

.page-messages .message {
    padding: 7px 35px 7px 10px;
    text-align: left;
}

.page-messages .message .close {
    top: 9px;
}

.serverside-validation-ui-close {
    background-color: green;
    background-image: url('/assets/images/memberIcon-Navigation-Close.png');
    top: 12px;
}

/*username recovery*/
.login-container .score-button-secondary {
    font: normal normal normal 16px/19px Atlas Grotesk;
    letter-spacing: 0px;
    color: #0086B3;
    padding: 18px;
    border: 0px;
}

/*password requirements dropdown popup*/
.dropup,
.dropdown,
.score-megamenu-dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    transform: translate3d(0px, 24px, 0px) !important;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.PasswordRequirements {
    position: relative;
    background-color: #fff;
    position: relative;
    border: 2px solid red;
    font: normal normal normal 16px/32px Atlas Grotesk;
    letter-spacing: 0px;
    color: #130C0E;
    padding: 34px 18px 18px;
    border-radius: 4px;
    box-shadow: 0px 4px 24px #0086B333;
    border: 1px solid #E9E9E9;
    width: 360px;
}

.PasswordRequirements:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #ffffff;
    border: 1px solid #E9E9E9;
}

.PasswordRequirementslabel {
    font: normal normal normal 16px/24px Atlas Grotesk;
    letter-spacing: 0px;
    color: #130C0E;
    cursor: pointer;
}

.PasswordRequirementslabel img {
    margin-left: 2px;
}

.PasswordRequirements h3 {
    font: normal normal 500 22px/26px Sentinel;
    letter-spacing: 0px;
    color: #002E4D;
    margin-top: 0px;
    margin-bottom: 16px;
}

.PasswordRequirements .close_icon {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 16px;
}

.hide {
    display: none;
}

.passwordReqInnerTxt {
    margin-left: -20px !important;
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
}

/*tool tip*/
/*tooltip Box*/
.form-tooltip {
    position: absolute;
    top: 20%;
    right: 3%;
    background-image: url('../images/memberInfo-circle.svg');
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    cursor: pointer;
}

/*tooltip styles */
.tooltip {
    opacity: 0;
    z-index: 1;
    padding: 24px 34px 24px 24px;
    background: #0A437C;
    position: absolute;
    width: 348px;
    height: auto;
    border-radius: 4px;
    transition: opacity all 0.3s ease-in-out;
    box-sizing: border-box;
    top: -50%;
    left: 100%;
}

/* tooltip  arrow*/
.tooltip::after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12.5px 0 12.5px;
    border-color: #0A437C transparent transparent transparent;
    position: absolute;
    left: 40%;
}

.tootip.tooltip-alt {
    display:none;
}

.tooltip-phone-number {
    display: block;
}

.form-tooltip+.tooltip span {
    text-align: left;
    font: normal normal normal 13px/21px Atlas Grotesk;
    font-weight: 400;
    letter-spacing: 0px;
    color: #fff;
}

/* Align right side*/
.right+.tooltip::after {
    top: 44%;
    left: -4%;
    /*left: -5%;*/
    transform: rotate(90deg);
}

/* close icon styles*/
.close-icon {
    position: absolute;
    right: -3%;
    top: 4%;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.close-icon::before,
.close-icon::after {
    position: absolute;
    content: ' ';
    height: 14px;
    width: 2px;
    background-color: #fff;
    left: 5px;
}

.close-icon::before {
    transform: rotate(45deg);
}

.close-icon::after {
    transform: rotate(-45deg);
}

/* close icon styles*/

/* mobile styles */
@media only screen and (max-width: 768px) {

    
    .contactinfo-container .page-header h1, 
    .login-container h1 {
        font-size:24px;
    }


    .form-tooltip {
        display: none;
    }

    .close-icon {
        display: none;
    }

    .tooltip {
        opacity: 1 !important;
        position: unset;
        margin: 20px 0;
        width: 100%;
        height: auto;
        display: none;
    }

    .tooltip.tooltip-alt {
        display: block;
        color: white;
        font-size: 14px;
        padding: 16px;
        margin: 0;
    }

    .right+.tooltip::after {
        display: none;
    }
}

.email-verification-success-img {
    text-align: center;
    margin-bottom: 10px;
}

.email-verification-success-img img {
    height: 38px;
}

.email-verification-success-title {
    text-align: center;
    margin-bottom: 3px;
}

.email-verification-success-text {
    text-align: center;
    color: #130C0E;
    font-weight: 300;
}

@media (max-width: 428px) {
    .email-verification-success-text {
        left: 5px;
        font-size: 16px;
    }
}

/* Registration Page changes*/

.wizard.registration {
    width: 103%;
    margin: 80px 0 67px;
}

.wizard.registration li {
    background-color: #004370;
    border-radius: 7px;
    margin-left: -4px;
}

.wizard.registration li .number {
    width: 30px;
    height: 30px;
    border: 2px solid #004370;
    font: normal normal bold 12px/16px Atlas Grotesk;
}

.wizard.registration li .number span {
    color: #004370;
    font: normal normal bold 12px/16px Atlas Grotesk;
}

.wizard.registration li .text {
    top: -52px;
    margin-left: 6px;
    white-space: normal;
    color: #004370;
    font: normal normal normal 12px/16px Atlas Grotesk;
}

.wizard.registration li.active .number span {
    color: #ffffff !important;
    background: #004370;
    border: 2px solid #004370 !important;
}

.wizard.registration li.active .text {
    font-weight: bold;
}

@media (max-width: 767.99px) {
    .wizard.registration li .text {
        font: normal normal normal 12px/16px Atlas Grotesk !important;
        margin-left: 0px;
        color: #004370 !important;
        width: 66px !important;
    }

    .wizard.registration li.active .text {
        font-weight: bold !important;
    }
}

.login-container .signUpInfoText {
    text-align: center;
    color: #130C0E;
    font: normal normal normal 16px/24px Atlas Grotesk;
    margin-top: -5px;
    margin-bottom: 20px;
}

/*updated loginPage styles with email verification*/
.banner-message {
    position: relative;
    top: -23px;
    left: 0px;
    right: 0;
    color: #ffffff;
    border-left: 10px solid #DE9D0B;
    padding: 0px;
    text-align: center;
}

@media (min-width: 767.99px) {
    .banner-message {
        width: 500px;
    }
}

.banner-message .message {
    padding: 25px 35px 25px 10px;
    text-align: left;
    color: #130C0E;
    background: #FFEFCB;
}

.banner-message .banner-image {
    width: 30px;
    float: left;
    margin-right: 10px;
    margin-top: -2px;
}

.banner-message-text {
    font: normal normal normal 16px/22px Atlas Grotesk;
}


.banner-message .message .close-icon {
    top: 27px;
    right: 0px;
}

@media only screen and (max-width: 767.99px) {
    .banner-message .message .close-icon {
        display: block;
    }
}

.banner-message .message .close-icon::before,
.banner-message .message .close-icon::after {
    height: 18px;
    width: 2px;
    background-color: #130C0E;
    left: 5px;
}

a:hover,
a:focus {
    color: #004666;
    text-decoration: underline;
}

.change-button-pointer {
    pointer-events: none;
}

@media (min-width: 768px) {
    .dropdown-menu.dropDownMenu {
        left: 60px !important;
    }
}

.primary-alert {
    background-color: rgba(0, 46, 77, .95);
    position: fixed;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 2em;
    z-index: 1000;
}

@media only screen and (max-width: 800px) {
    .primary-alert {
        padding: 1em;
    }
}

.primary-alert p.small {
    color: #fff;
    margin-bottom: 1em;
}

.primary-alert .btn.btn-primary.inverted {
    background: #fff;
    color: #002E4D;
    border: 1px solid #fff;
}

.primary-alert .btn.btn-primary.inverted:hover {
    background: #00ADE0;
    border: 1px solid #00ADE0;
    color: #fff;
}

.primary-alert .btn.btn-primary.btn-ghost.inverted {
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
}

.primary-alert .btn.btn-primary.btn-ghost.inverted:hover {
    border: 1px solid #007BB2;
    background: #007BB2;
}