/* Minification failed. Returning unminified contents.
(19466,28): run-time error CSS1039: Token not allowed after unary operator: '-token-primary'
(19574,22): run-time error CSS1039: Token not allowed after unary operator: '-Colors-Card-Secondary-Default'
(19575,75): run-time error CSS1039: Token not allowed after unary operator: '-ColorsBorderDefault'
(19575,126): run-time error CSS1039: Token not allowed after unary operator: '-ColorsBorderDefault'
(19575,176): run-time error CSS1039: Token not allowed after unary operator: '-ColorsBorderDefault'
(19575,227): run-time error CSS1039: Token not allowed after unary operator: '-ColorsBorderDefault'
(19596,32): run-time error CSS1039: Token not allowed after unary operator: '-Colors-Border-Secondary'
(19601,26): run-time error CSS1039: Token not allowed after unary operator: '-Colors-Fill-Tertiary-Default'
(19611,30): run-time error CSS1039: Token not allowed after unary operator: '-Colors-Fill-Tertiary-Default'
(19713,32): run-time error CSS1039: Token not allowed after unary operator: '-token-primary'
(19799,24): run-time error CSS1039: Token not allowed after unary operator: '-token-primary'
(20092,32): run-time error CSS1039: Token not allowed after unary operator: '-token-primary'
(20903,32): run-time error CSS1039: Token not allowed after unary operator: '-token-primary'
(20992,28): run-time error CSS1039: Token not allowed after unary operator: '-token-primary'
(22925,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22926,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22927,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22928,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22929,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22930,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22931,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22932,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22933,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(22969,17): run-time error CSS1039: Token not allowed after unary operator: '-text-muted'
(22998,16): run-time error CSS1039: Token not allowed after unary operator: '-icon-left'
(22999,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-size'
(23000,19): run-time error CSS1039: Token not allowed after unary operator: '-icon-opacity'
(23023,46): run-time error CSS1039: Token not allowed after unary operator: '-input-padding-left'
(23024,25): run-time error CSS1039: Token not allowed after unary operator: '-input-radius'
(23025,34): run-time error CSS1039: Token not allowed after unary operator: '-input-border'
(23026,22): run-time error CSS1039: Token not allowed after unary operator: '-input-bg'
(23033,28): run-time error CSS1039: Token not allowed after unary operator: '-input-focus-border'
(23108,28): run-time error CSS1039: Token not allowed after unary operator: '-token-primary'
 */
@charset "UTF-8";
/* Create a step size.*/
/* This is the percentage each heading will be reduced by. */
/* The mixin */
.your-points-history,
.your-report,
.your-assessment,
.earn-points,
.responsive-tables {
    display: block;
}

    .your-points-history tbody,
    .your-report tbody,
    .your-assessment tbody,
    .earn-points tbody,
    .responsive-tables tbody {
        border: none;
    }

    .your-points-history tbody,
    .your-report tbody,
    .your-assessment tbody,
    .earn-points tbody,
    .responsive-tables tbody, .your-points-history th,
    .your-report th,
    .your-assessment th,
    .earn-points th,
    .responsive-tables th, .your-points-history td,
    .your-report td,
    .your-assessment td,
    .earn-points td,
    .responsive-tables td, .your-points-history tr,
    .your-report tr,
    .your-assessment tr,
    .earn-points tr,
    .responsive-tables tr, .your-points-history tfoot,
    .your-report tfoot,
    .your-assessment tfoot,
    .earn-points tfoot,
    .responsive-tables tfoot {
        display: block;
    }

    .your-points-history thead,
    .your-report thead,
    .your-assessment thead,
    .earn-points thead,
    .responsive-tables thead {
        display: none;
    }

    .your-points-history tr,
    .your-report tr,
    .your-assessment tr,
    .earn-points tr,
    .responsive-tables tr {
        float: left;
        width: 100%;
        margin: 0 0 1em;
        border: 1px solid #CCCCCC;
        box-shadow: 0px 2px 5px 0px #CCCCCC;
        border-radius: 4px;
    }

        .your-points-history tr td,
        .your-report tr td,
        .your-assessment tr td,
        .earn-points tr td,
        .responsive-tables tr td {
            padding: 0.5em 0;
            float: left;
            width: 100%;
        }

            .your-points-history tr td:before,
            .your-report tr td:before,
            .your-assessment tr td:before,
            .earn-points tr td:before,
            .responsive-tables tr td:before {
                width: 50%;
                display: block;
                float: left;
                padding: 0.5em;
                clear: both;
                margin: -0.5em 0.5em 0 0;
                font-size: 1em;
                font-weight: bold;
            }

@media screen and (max-width: 767px) {
    .your-points-history tr td:before,
    .your-report tr td:before,
    .your-assessment tr td:before,
    .earn-points tr td:before,
    .responsive-tables tr td:before {
        content: attr(data-header);
    }
}

@media screen and (min-width: 767px) {
    .your-points-history,
    .your-report,
    .your-assessment,
    .earn-points,
    .responsive-tables {
        display: table;
        border: none;
    }

        .your-points-history th,
        .your-report th,
        .your-assessment th,
        .earn-points th,
        .responsive-tables th, .your-points-history td,
        .your-report td,
        .your-assessment td,
        .earn-points td,
        .responsive-tables td {
            display: table-cell;
            text-align: center;
        }

        .your-points-history tr,
        .your-report tr,
        .your-assessment tr,
        .earn-points tr,
        .responsive-tables tr {
            display: table-row;
            border: none;
            border-bottom: 1px solid #eee;
            float: none;
            margin: 0;
            box-shadow: none;
        }

            .your-points-history tr td,
            .your-report tr td,
            .your-assessment tr td,
            .earn-points tr td,
            .responsive-tables tr td {
                padding: 0.75em 0 0.75em 0.25em;
                float: none;
                width: auto;
            }

                .your-points-history tr td:before,
                .your-report tr td:before,
                .your-assessment tr td:before,
                .earn-points tr td:before,
                .responsive-tables tr td:before {
                    padding: 0 !important;
                }

        .your-points-history thead,
        .your-report thead,
        .your-assessment thead,
        .earn-points thead,
        .responsive-tables thead {
            display: table-header-group;
        }

        .your-points-history tbody,
        .your-report tbody,
        .your-assessment tbody,
        .earn-points tbody,
        .responsive-tables tbody, .your-points-history tfoot,
        .your-report tfoot,
        .your-assessment tfoot,
        .earn-points tfoot,
        .responsive-tables tfoot {
            display: table-row-group;
        }
}

.close-goal {
    display: none;
}

    .close-goal .alert-overlay {
        position: fixed;
        left: 0;
        width: 100%;
        height: 100%;
        top: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 7;
    }

.custom-alerts {
    margin-bottom: 10px;
}

    .custom-alerts .alert-success,
    .custom-alerts .alert-info,
    .custom-alerts .alert-warning,
    .custom-alerts .alert-danger {
        color: #ffffff;
        padding: 0.8em;
        position: relative;
        margin-bottom: 0;
        z-index: 8;
    }

        .custom-alerts .alert-success .icon-size,
        .custom-alerts .alert-info .icon-size,
        .custom-alerts .alert-warning .icon-size,
        .custom-alerts .alert-danger .icon-size {
            font-size: 2.5em;
        }

        .custom-alerts .alert-success button.close,
        .custom-alerts .alert-info button.close,
        .custom-alerts .alert-warning button.close,
        .custom-alerts .alert-danger button.close {
            color: #ffffff;
            opacity: 0.8;
            position: absolute;
            top: 5px;
            right: 10px;
            z-index: 9;
        }

            .custom-alerts .alert-success button.close:hover,
            .custom-alerts .alert-info button.close:hover,
            .custom-alerts .alert-warning button.close:hover,
            .custom-alerts .alert-danger button.close:hover {
                opacity: 1;
            }

    .custom-alerts .alert-success {
        background: #509e2f;
    }

    .custom-alerts .alert-info {
        background: #00a9e0;
    }

    .custom-alerts .alert-warning {
        background: #ffb81c;
    }

    .custom-alerts .alert-danger {
        background: #a6192e;
    }

.notifications .alert-success {
    background: #f2fff7;
    border-color: #215e39;
}

    .notifications .alert-success p {
        color: #215e39;
    }

.notifications .alert-info {
    background: #f0feff;
    border-color: #02538b;
}

    .notifications .alert-info p {
        color: #02538b;
    }

.notifications .alert-danger {
    border-color: #a6192e;
}

    .notifications .alert-danger p {
        color: #a6192e;
    }

.notifications .field-validation-error {
    position: static;
    width: auto;
    display: inline-block;
    margin: 0;
}

    .notifications .field-validation-error span {
        background: none;
        border: none;
        position: static;
        text-align: left;
    }

.notifications-new .alert-success {
    background: #366d4c;
}

    .notifications-new .alert-success .alert-icon-wrapper {
        margin-right: 0.5em;
        display: inline-block;
    }

    .notifications-new .alert-success p {
        color: #ffffff;
    }

.notifications-new .alert-danger {
    background: #a6192e;
}

    .notifications-new .alert-danger .alert-icon-wrapper {
        margin-right: 0.5em;
        display: inline-block;
    }

    .notifications-new .alert-danger p {
        color: #ffffff;
    }

    .notifications-new .alert-danger.fixed-notification {
        position: fixed;
        width: 50%;
        left: 25%;
        top: 0;
    }

.style-2018 .List__Item {
    position: relative;
    padding-left: 14px;
}

    .style-2018 .List__Item::before {
        position: absolute;
        top: 8px;
        left: 2px;
        width: 6px;
        height: 6px;
        background-color: #00528a;
        border-radius: 50%;
        content: "";
    }

.style-2018 .banner-area {
    max-height: 280px;
    overflow: hidden;
}

.style-2018 .table-bordered > thead > tr > th {
    border: 0;
}

.style-2018 .nav-pills > li.active > a,
.style-2018 .nav-pills > li.active > a:focus,
.style-2018 .nav-pills > li.active > a:hover {
    background-color: #525252;
    color: #ffffff;
}

.style-2018 .points-card {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 1;
    width: 56px;
    height: auto;
    min-width: inherit;
    border: 2px solid #ffffff;
    border-radius: 6px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.2;
    padding: 3px;
    text-align: center;
}

.style-2018 .points-card-number {
    width: auto;
    height: auto;
    background: none;
    display: block;
    font-size: 20px;
    float: none;
    line-height: 1;
    margin-top: 2px;
}

.style-2018 .collapsible-heading {
    cursor: pointer;
}

.style-2018 .ha-prompt-icon {
    width: 120px;
    background-color: #00528a;
    color: #ffffff;
    font-size: 4.6em;
    float: right;
    line-height: 1;
    margin-left: 24px;
    padding: 16px 8px;
    text-align: center;
}

@media (min-width: 992px) {
    .style-2018 .ha-prompt-icon {
        width: 200px;
        font-size: 6.4em;
        margin-left: 36px;
        padding-top: 48px;
        padding-bottom: 48px;
    }
}

.style-2018 .ha-prompt-icon .onlife-icon-assessment {
    width: 68px;
    height: 74px;
}

@media (min-width: 992px) {
    .style-2018 .ha-prompt-icon .onlife-icon-assessment {
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 768px) {
    .style-2018 .coach-wrapper .coach-heading {
        text-align: left;
        visibility: hidden;
    }

        .style-2018 .coach-wrapper .coach-heading h1 {
            font-size: 28px;
            line-height: 1.6;
        }
}

.style-2018 label {
    font-weight: normal;
    color: #00528a;
}

    .style-2018 label.error {
        margin-top: 6px;
    }

.style-2018 select {
    background-color: #f3f3f3;
    border: 1px solid #ccc;
    border-radius: 6px;
}

.style-2018 .error {
    border-color: #b01f58;
    color: #b01f58;
}

.style-2018 .Form {
    margin-bottom: 24px;
}

.style-2018 .Form--float-label .Form__Group.Active .Form__Label {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.style-2018 .Form--float-label .Form__Label {
    position: absolute;
    top: 2px;
    z-index: 2;
    color: #0cc0de;
    font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 10px;
    letter-spacing: 0.4px;
    opacity: 0;
    padding-left: 6px;
    pointer-events: none;
    text-transform: uppercase;
    -webkit-transform: translateY(15%);
    -moz-transform: translateY(15%);
    -ms-transform: translateY(15%);
    -o-transform: translateY(15%);
    transform: translateY(15%);
    -webkit-transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -moz-transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -ms-transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.style-2018 .Form--float-label .Form__Input {
    position: relative;
    z-index: 1;
    width: 100%;
    border: 1px solid #aaaaaa;
    -webkit-transition: border-color .3s cubic-bezier(0.215, 0.61, 0.355, 1), padding-top .3s linear;
    -moz-transition: border-color .3s cubic-bezier(0.215, 0.61, 0.355, 1), padding-top .3s linear;
    -ms-transition: border-color .3s cubic-bezier(0.215, 0.61, 0.355, 1), padding-top .3s linear;
    -o-transition: border-color .3s cubic-bezier(0.215, 0.61, 0.355, 1), padding-top .3s linear;
    transition: border-color .3s cubic-bezier(0.215, 0.61, 0.355, 1), padding-top .3s linear;
}

    .style-2018 .Form--float-label .Form__Input:focus {
        border-color: #0cc0de;
    }

.style-2018 .Form--float-label .Form__Help {
    padding-top: 0.43em;
}

.style-2018 .Form__Group {
    position: relative;
    margin-bottom: 8px;
}

.style-2018 .Form__Help {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    width: 30px;
    color: #525252;
    cursor: help;
    padding-top: 12px;
    text-align: center;
}

.style-2018 .Form-validation {
    margin-top: 18px;
    opacity: 0;
    height: 0;
    visibility: hidden;
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    -ms-transform: translateY(12px);
    -o-transform: translateY(12px);
    transform: translateY(12px);
    -webkit-transition: opacity .4s linear, transform .4s ease-out;
    -moz-transition: opacity .4s linear, transform .4s ease-out;
    -ms-transition: opacity .4s linear, transform .4s ease-out;
    -o-transition: opacity .4s linear, transform .4s ease-out;
    transition: opacity .4s linear, transform .4s ease-out;
}

    .style-2018 .Form-validation.Active {
        opacity: 1;
        visibility: visible;
        height: auto;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

.style-2018 .Form-validation-icon {
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    margin-right: 6px;
}

    .style-2018 .Form-validation-icon.Success {
        background-image: url("../../../Images/green-check.png");
    }

    .style-2018 .Form-validation-icon.Fail {
        background-image: url("../../../Images/red-x.png");
    }

.style-2018 .Form-validation-msg {
    color: #525252;
    font-size: 16px;
    vertical-align: middle;
}

.style-2018 .Form .field-validation-error {
    color: #b01f58;
    font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 14px;
}

.style-2018 .program-summary .incentives-heading {
    font-size: 30px;
}

.style-2018 .points-divider {
    width: 100%;
    height: 1px;
    background-color: #aaaaaa;
    margin-top: 3em;
    margin-bottom: 3em;
}

.style-2018 .table-layout table.points-table {
    margin-top: 3em;
}

    .style-2018 .table-layout table.points-table .table-bordered > tbody > tr > td,
    .style-2018 .table-layout table.points-table .table-bordered > tbody > tr > th,
    .style-2018 .table-layout table.points-table .table-bordered > tfoot > tr > td,
    .style-2018 .table-layout table.points-table .table-bordered > tfoot > tr > th,
    .style-2018 .table-layout table.points-table .table-bordered > thead > tr > td,
    .style-2018 .table-layout table.points-table .table-bordered > thead > tr > th {
        border-right: 0;
        border-left: 0;
    }

    .style-2018 .table-layout table.points-table thead th {
        padding: 1em 0;
    }

    .style-2018 .table-layout table.points-table tbody tr td {
        padding: 0.8em 1em;
    }

.style-2018 .activity {
    min-height: 14em;
    display: flex;
    flex: 1 0 100%;
}

@media (max-width: 767px) {
    .style-2018 .activity {
        display: block;
    }
}

.style-2018 .activity-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.style-2018 .activity-type {
    position: relative;
    color: #ffffff;
    display: flex;
    flex: 0 1 30%;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1.2;
    padding: 0.4em;
    text-align: center;
}

    .style-2018 .activity-type.purple {
        background-color: #682566;
    }

    .style-2018 .activity-type.blue {
        background-color: #00528a;
    }

    .style-2018 .activity-type.orange {
        background-color: #d04416;
    }

    .style-2018 .activity-type.green {
        background-color: #215e39;
    }

    .style-2018 .activity-type.red {
        background-color: #b01f58;
    }

@media (max-width: 767px) {
    .style-2018 .activity-type {
        padding-top: 0.6em;
        padding-bottom: 0.6em;
    }
}

@supports (-ms-ime-align: auto) {
    .style-2018 .activity-type .incentives-icon {
        filter: invert(1);
    }
}

.style-2018 .activity-icon {
    font-size: 72px;
}

.style-2018 .activity-details {
    display: flex;
    flex: 0 1 70%;
}

@media (max-width: 767px) {
    .style-2018 .activity-details {
        display: block;
    }
}

.style-2018 .activity-points {
    color: #00528a;
    flex: 0 0 auto;
    font-size: 1.2em;
    line-height: 1;
    padding: 1.6em 2em 1em;
    text-align: center;
    text-transform: uppercase;
    min-width: 180px;
}

@media (max-width: 767px) {
    .style-2018 .activity-points {
        padding-top: 1em;
        text-align: center;
    }
}

.style-2018 .activity-points__number {
    font-size: 2.8em;
}

.style-2018 .activity-points-divider {
    border-bottom: 1px solid #aaaaaa;
    margin: 1em 0;
}

@media (max-width: 767px) {
    .style-2018 .activity-points-divider {
        margin: 0.4em 0;
    }
}

.style-2018 .activity-points--small {
    font-size: 0.8em;
}

.style-2018 .activity-points .incentives-badge {
    font-size: 3em;
}

.style-2018 .activity-description {
    position: relative;
    width: 100%;
    font-size: 1.1em;
    padding: 1.5em 2em 2em 0;
    min-height: 14em;
}

@media (max-width: 767px) {
    .style-2018 .activity-description {
        padding: 0 1.2em 1.2em;
    }
}

.style-2018 .activity-description__list {
    margin-bottom: 1em;
}

.style-2018 .activity-description__list-item {
    position: relative;
    padding-left: 1.2em;
}

    .style-2018 .activity-description__list-item::before {
        position: absolute;
        top: 3px;
        left: 0;
        width: 12px;
        height: 12px;
        content: "";
        border: 1px solid #525252;
        border-radius: 50%;
    }

    .style-2018 .activity-description__list-item.complete::before {
        background: url(../../../Images/svg/OnlifeIcons_Checkmark-Circle.svg) no-repeat;
        -webkit-mask: url(../../../Images/svg/OnlifeIcons_Checkmark-Circle.svg) no-repeat;
        mask: url(../../../Images/svg/OnlifeIcons_Checkmark-Circle.svg) no-repeat;
        -webkit-mask-size: cover;
        mask-size: cover;
        background-size: 100%;
        width: 13px;
        height: 13px;
        background: #525252;
        -webkit-mask-position: center;
        mask-position: center;
    }

@supports (-ms-ime-align: auto) {
    .style-2018 .activity-description__list-item.complete::before {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Checkmark-Circle.png) no-repeat center center;
        background-size: cover;
        width: 13px;
        height: 13px;
        margin-bottom: 0;
    }

    .button-new:hover .style-2018 .activity-description__list-item.complete::before, .button-new:active .style-2018 .activity-description__list-item.complete::before, .button-new:focus .style-2018 .activity-description__list-item.complete::before {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Checkmark-Circle.png) no-repeat center center;
        background-size: cover;
    }
}

@media screen\0 {
    .style-2018 .activity-description__list-item.complete::before {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Checkmark-Circle.png) no-repeat center center;
        background-size: cover;
        width: 13px;
        height: 13px;
        margin-bottom: 0;
    }

    .button-new:hover .style-2018 .activity-description__list-item.complete::before, .button-new:active .style-2018 .activity-description__list-item.complete::before, .button-new:focus .style-2018 .activity-description__list-item.complete::before {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Checkmark-Circle.png) no-repeat center center;
        background-size: cover;
    }
}

@supports (-ms-ime-align: auto) {
    .style-2018 .activity-description__list-item.complete::before {
        border: 0;
    }
}

@media screen\0 {
    .style-2018 .activity-description__list-item.complete::before {
        border: 0;
    }
}

.style-2018 .activity-heading {
    color: #00528a;
    font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 20px;
    margin-bottom: 1em;
    text-transform: uppercase;
}

.style-2018 .activity-button {
    min-width: 100px;
    min-height: 35px;
    font-size: 1.2em;
    text-transform: initial;
}

@media (max-width: 767px) {
    .style-2018 .activity-button {
        position: relative;
        bottom: auto;
        display: block;
        margin: 1em auto 0;
    }
}

.style-2018 .olh-accordion-container {
    padding: 1em;
    border: 1px solid #CCCCCC;
    border-radius: 0.5em;
    margin: 0 0 1em 0;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.42);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.42);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.42);
}

    .style-2018 .olh-accordion-container .activity {
        border: 0;
        margin-bottom: 0;
        box-shadow: none;
    }

.style-2018 .olh-accordion-header {
    cursor: pointer;
}

@media (max-width: 1000px) {
    .style-2018 .olh-accordion-header {
        text-align: center;
    }
}

.style-2018 .olh-accordion-header.active-accordion {
    margin: 0 0 1em 0;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 1em;
}

    .style-2018 .olh-accordion-header.active-accordion .olh-accordion-header-active {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.style-2018 .olh-accordion-header .eligible-activity {
    overflow: hidden;
    align-items: center;
}

@media (min-width: 1000px) {
    .style-2018 .olh-accordion-header .eligible-activity {
        display: flex;
    }
}

.style-2018 .olh-accordion-header .eligible-activity .eligible-column {
    flex: 1;
    position: relative;
    align-items: baseline;
}

.style-2018 .olh-accordion-header .eligible-activity .eligible-column--points {
    font-size: 1em;
    padding: 0.5em;
    line-height: 1;
    text-align: center;
}

@media (min-width: 1000px) {
    .style-2018 .olh-accordion-header .eligible-activity .eligible-column--points {
        max-width: 25%;
        display: flex;
    }
}

@media (max-width: 1000px) {
    .style-2018 .olh-accordion-header .eligible-activity .eligible-column--points {
        text-align: center;
    }
}

.style-2018 .olh-accordion-header .eligible-activity .eligible-column--points .points-column {
    flex: 1;
}

.style-2018 .olh-accordion-header .eligible-activity .eligible-column--points .incentives-badge {
    font-size: 2.2em;
}

@media (min-width: 1000px) {
    .style-2018 .olh-accordion-header .eligible-activity .eligible-column--points .incentives-badge {
        flex: 1;
    }
}

@media (min-width: 1000px) {
    .style-2018 .olh-accordion-header .eligible-activity .eligible-column--actions {
        max-width: 30%;
        min-height: 2em;
    }
}

.style-2018 .olh-accordion-header .eligible-activity .eligible-column--number {
    font-size: 2.8em;
}

@media (max-width: 1000px) {
    .style-2018 .olh-accordion-header .eligible-activity .eligible-column--number {
        text-align: center;
    }
}

.style-2018 .olh-accordion-header .eligible-activity .eligible-column--descriptor {
    vertical-align: baseline;
    font-size: 0.4em;
}

@media (max-width: 1000px) {
    .style-2018 .olh-accordion-header .eligible-activity .eligible-column--descriptor {
        text-align: center;
    }
}

.style-2018 .olh-accordion-header-active {
    text-align: center;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    line-height: 2.5;
}

@media (min-width: 1000px) {
    .style-2018 .olh-accordion-header-active {
        position: absolute;
        right: 0;
        top: 0;
    }
}

.style-2018 .olh-accordion-heading {
    margin: 0;
}

.style-2018 .olh-accordion-content {
    display: none;
}

.style-2018 .history-header {
    margin-bottom: 3em;
}

    .style-2018 .history-header .tab-view.button-tabs .nav-tabs {
        margin-bottom: 0;
    }

    .style-2018 .history-header .daterangepicker.openscenter:before,
    .style-2018 .history-header .daterangepicker.openscenter:after {
        left: 0;
    }

@media (min-width: 767px) {
    .style-2018 .history-header .daterangepicker.openscenter:before,
    .style-2018 .history-header .daterangepicker.openscenter:after {
        left: 300px;
    }
}

.style-2018 .history-year {
    color: #00528a;
    font-size: 2.4em;
    font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 1;
    margin-bottom: 0.4em;
}

.style-2018 .history-month {
    color: #00528a;
    font-size: 1.4em;
    line-height: 1;
    margin-bottom: 0.2em;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .style-2018 .history-month {
        display: inline-block;
    }
}

.style-2018 .history-day {
    color: #00528a;
    font-size: 2em;
    font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 1;
}

@media (max-width: 767px) {
    .style-2018 .history-day {
        display: inline-block;
    }
}

.style-2018 .history-section {
    margin-bottom: 3em;
}

.style-2018 .history-custom {
    position: relative;
    display: none;
}

.style-2018 .history-custom-from::before {
    position: absolute;
    top: 5px;
    right: -23px;
    content: "—";
    font-size: 1.2em;
}

@media (max-width: 767px) {
    .style-2018 .history-custom-from::before {
        display: none;
    }
}

.style-2018 .history-item {
    position: relative;
    align-items: center;
    border: 1px solid #aaaaaa;
    background-color: #ffffff;
    color: #525252;
    display: none;
    margin-bottom: 1em;
    overflow: hidden;
}

.style-2018 .history-item-table {
    display: table;
    width: 100%;
    height: 100%;
}

.style-2018 .history-item.active {
    display: flex;
}

@media (max-width: 736px) {
    .style-2018 .history-item.active {
        display: block;
    }
}

.style-2018 .history-item-points {
    position: relative;
    z-index: 2;
    text-align: left;
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .style-2018 .history-item-points {
        padding: 1em 0;
    }
}

.style-2018 .history-item-points:nth-child(2), .style-2018 .history-item-points:nth-child(4) {
    background-color: mediumvioletred;
}

.style-2018 .history-item-points .history-item-points-cap {
    border-bottom: 7rem solid #f3f3f3;
    border-left: 7rem solid #f3f3f3;
}

.style-2018 .history-item-points .card-three {
    background: #00528a;
    width: 10%;
}

.style-2018 .history-item-points .history-item-points-cap {
    border-bottom: 7rem solid #f3f3f3;
    border-left: 7rem solid #f3f3f3;
}

    .style-2018 .history-item-points .history-item-points-cap.first {
        border-left-color: #215e39;
        border-bottom-color: #215e39;
    }

    .style-2018 .history-item-points .history-item-points-cap.second {
        border-left-color: #682566;
        border-bottom-color: #682566;
    }

    .style-2018 .history-item-points .history-item-points-cap.three {
        border-left-color: #00528a;
        border-bottom-color: #00528a;
    }

.style-2018 .history-item-points-cap {
    position: absolute;
    top: 50%;
    right: -47px;
    z-index: 0;
    border: 20px solid transparent;
    content: "";
    margin-top: -46px;
    transform: rotate(45deg);
}

@media (max-width: 736px) {
    .style-2018 .history-item-points-cap {
        display: none;
    }
}

.style-2018 .history-item-points-cap.first {
    border-left-color: #215e39;
    border-bottom-color: #215e39;
}

.style-2018 .history-item-points--number {
    position: relative;
    z-index: 2;
    display: inline-block;
    font-family: "Helvetica Neue LT W01_41488878", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 54px;
    vertical-align: middle;
    padding: 0 1em;
}

@media (max-width: 767px) {
    .style-2018 .history-item-points--number {
        font-size: 42px;
    }
}

@media (max-width: 736px) {
    .style-2018 .history-item-points--number {
        font-size: 22px;
    }
}

.style-2018 .history-item-points--number.multi {
    padding-right: 10px;
    padding-left: 16px;
}

.style-2018 .history-item-points--small {
    font-size: 0.4em;
    text-transform: uppercase;
    font-weight: normal;
}

@media (max-width: 736px) {
    .style-2018 .history-item-points--small {
        font-size: 1em;
    }
}

.style-2018 .history-item-points--small.efi-enabled-left {
    text-transform: none;
    display: inline-block;
    line-height: 1.3;
}

.style-2018 .history-item-goal {
    padding: 1em;
    text-transform: none;
    display: table;
    width: 100%;
    height: 100%;
}

.style-2018 .history-item-goal-content {
    font-size: 1em;
    line-height: 1.2;
    display: table-cell;
    vertical-align: middle;
}

    .style-2018 .history-item-goal-content.single-content {
        padding-left: 2em;
    }

    .style-2018 .history-item-goal-content .history-points {
        position: relative;
        padding-right: 0.8em;
        line-height: 1;
    }

        .style-2018 .history-item-goal-content .history-points .history-item-points--small {
            position: absolute;
            bottom: 0.15em;
            right: 0;
        }

@media (max-width: 767px) {
    .style-2018 .history-item-goal-content .history-points .history-item-points--small {
        position: static;
    }
}

.style-2018 .history-item-goal .incentives-badge {
    font-size: 1em;
    margin-right: 0.1em;
    vertical-align: middle;
}

.style-2018 .vertical-align {
    font-size: 0;
}

    .style-2018 .vertical-align::before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.style-2018 .vertical-align-content {
    display: inline-block;
    vertical-align: middle;
}

.style-2018 #incentivePartial .history-section, .style-2018 #incentiveHistoryPartial .history-section {
    display: block;
}

    .style-2018 #incentivePartial .history-section:nth-child(4n+1) aside {
        background-color: #00528a;
    }

        .style-2018 #incentivePartial .history-section:nth-child(4n+1) aside.box-EFI-history {
            background-color: #00528a;
            color: #ffffff;
            padding: 1em 0.625em;
            position: relative;
            display: flex;
            align-items: center;
        }

            .style-2018 #incentivePartial .history-section:nth-child(4n+1) aside.box-EFI-history:before, .style-2018 #incentivePartial .history-section:nth-child(4n+1) aside.box-EFI-history:after {
                width: 1.25em;
                height: 50%;
                position: absolute;
                left: 100%;
                content: "";
            }

            .style-2018 #incentivePartial .history-section:nth-child(4n+1) aside.box-EFI-history:before {
                top: 0;
                background: linear-gradient(to right top, #00528a 50%, transparent 53%);
            }

            .style-2018 #incentivePartial .history-section:nth-child(4n+1) aside.box-EFI-history:after {
                top: 50%;
                background: linear-gradient(to right bottom, #00528a 50%, transparent 53%);
            }

    .style-2018 #incentivePartial .history-section:nth-child(4n+2) aside {
        background-color: #215e39;
    }

        .style-2018 #incentivePartial .history-section:nth-child(4n+2) aside.box-EFI-history {
            background-color: #215e39;
            color: #ffffff;
            padding: 1em 0.625em;
            position: relative;
            display: flex;
            align-items: center;
        }

            .style-2018 #incentivePartial .history-section:nth-child(4n+2) aside.box-EFI-history:before, .style-2018 #incentivePartial .history-section:nth-child(4n+2) aside.box-EFI-history:after {
                width: 1.25em;
                height: 50%;
                position: absolute;
                left: 100%;
                content: "";
            }

            .style-2018 #incentivePartial .history-section:nth-child(4n+2) aside.box-EFI-history:before {
                top: 0;
                background: linear-gradient(to right top, #215e39 50%, transparent 53%);
            }

            .style-2018 #incentivePartial .history-section:nth-child(4n+2) aside.box-EFI-history:after {
                top: 50%;
                background: linear-gradient(to right bottom, #215e39 50%, transparent 53%);
            }

    .style-2018 #incentivePartial .history-section:nth-child(4n+3) aside {
        background-color: #682566;
    }

        .style-2018 #incentivePartial .history-section:nth-child(4n+3) aside.box-EFI-history {
            background-color: #682566;
            color: #ffffff;
            padding: 1em 0.625em;
            position: relative;
            display: flex;
            align-items: center;
        }

            .style-2018 #incentivePartial .history-section:nth-child(4n+3) aside.box-EFI-history:before, .style-2018 #incentivePartial .history-section:nth-child(4n+3) aside.box-EFI-history:after {
                width: 1.25em;
                height: 50%;
                position: absolute;
                left: 100%;
                content: "";
            }

            .style-2018 #incentivePartial .history-section:nth-child(4n+3) aside.box-EFI-history:before {
                top: 0;
                background: linear-gradient(to right top, #682566 50%, transparent 53%);
            }

            .style-2018 #incentivePartial .history-section:nth-child(4n+3) aside.box-EFI-history:after {
                top: 50%;
                background: linear-gradient(to right bottom, #682566 50%, transparent 53%);
            }

    .style-2018 #incentivePartial .history-section:nth-child(4n+4) aside {
        background-color: #525252;
    }

        .style-2018 #incentivePartial .history-section:nth-child(4n+4) aside.box-EFI-history {
            background-color: #525252;
            color: #ffffff;
            padding: 1em 0.625em;
            position: relative;
            display: flex;
            align-items: center;
        }

            .style-2018 #incentivePartial .history-section:nth-child(4n+4) aside.box-EFI-history:before, .style-2018 #incentivePartial .history-section:nth-child(4n+4) aside.box-EFI-history:after {
                width: 1.25em;
                height: 50%;
                position: absolute;
                left: 100%;
                content: "";
            }

            .style-2018 #incentivePartial .history-section:nth-child(4n+4) aside.box-EFI-history:before {
                top: 0;
                background: linear-gradient(to right top, #525252 50%, transparent 53%);
            }

            .style-2018 #incentivePartial .history-section:nth-child(4n+4) aside.box-EFI-history:after {
                top: 50%;
                background: linear-gradient(to right bottom, #525252 50%, transparent 53%);
            }

    .style-2018 #incentivePartial .history-section .centered-text {
        font-size: 1.2em;
        color: #00528a;
    }

.style-2018 #incentivePartial .desc {
    margin-left: 3.5em;
}

@media (max-width: 768px) {
    .style-2018 #incentivePartial .desc {
        margin: auto;
        padding: 0 1em;
    }
}

.style-2018 #incentivePartial .panel-collapse {
    background-color: #f3f3f3;
}

.style-2018 #incentivePartial .rewards-eligibility .accordion-wrapper {
    padding: 0.5em 2em;
}

@media (max-width: 768px) {
    .style-2018 #incentivePartial .rewards-eligibility .accordion-wrapper {
        padding: 0.5em 0;
    }
}

.style-2018 #incentivePartial .rewards-eligibility .accordion-wrapper .accordion-heading {
    padding: 0.5em 0.8em;
}

    .style-2018 #incentivePartial .rewards-eligibility .accordion-wrapper .accordion-heading .accordion-title a {
        color: #525252;
        text-decoration: none;
    }

        .style-2018 #incentivePartial .rewards-eligibility .accordion-wrapper .accordion-heading .accordion-title a:hover {
            text-decoration: none;
        }

.style-2018 #incentivePartial .wrapper {
    display: flex;
    width: 100%;
}

@media (max-width: 767px) {
    .style-2018 #incentivePartial .wrapper {
        display: block;
    }
}

.style-2018 #incentivePartial .card-keys {
    padding-bottom: 1.25em;
    font-size: 1.7rem;
    text-transform: none;
}

    .style-2018 #incentivePartial .card-keys div.card-values {
        display: inline-block;
        margin: 0 0 0.3em 0;
    }

.style-2018 #incentivePartial .card-values {
    font-size: 1em;
}

.style-2018 #incentivePartial .panel-heading {
    background: #f3f3f3;
}

.style-2018 #incentivePartial .value-font {
    font-size: 3rem;
}

.style-2018 #incentiveHistoryPartial .custom-list li {
    list-style-type: disc;
    font-size: 1.5rem;
    margin-bottom: 0.5em;
}

.style-2018 #incentiveHistoryPartial .card-one-left {
    font-size: 2rem;
    text-align: left;
}

.style-2018 #incentiveHistoryPartial .card-desc {
    font-size: 1em;
    text-align: left;
    font-size: 1.7rem;
    font-weight: 100;
    width: 12em;
}

.style-2018 #incentiveHistoryPartial .incentive-name {
    margin-bottom: 0;
}

.style-2018 #incentiveHistoryPartial .history-item-points {
    text-align: left;
}

.style-2018 #incentiveHistoryPartial ul.custom-list {
    padding: 0 2em;
    font-weight: 100;
    padding-bottom: 2em;
    text-transform: initial;
}

.style-2018 #incentiveHistoryPartial .card-desc.redeem-card {
    font-size: 3rem;
}

.style-2018 .wrapper .aside {
    flex: 2;
}

.style-2018 .wrapper article.main {
    flex: 4;
}

.style-2018 .wrapper article .history-item-goal-content {
    font-size: 1.38em;
}

.style-2018 .wrapper article .accordion-content .history-item-goal-content {
    width: 37em;
}

@media (max-width: 767px) {
    .style-2018 .wrapper article .accordion-content .history-item-goal-content {
        width: 100%;
    }
}

.style-2018 .wrapper .redemption-text {
    font-size: 1em;
    margin-bottom: 0;
}

.style-2018 .achievement {
    position: relative;
    border-radius: 0;
    text-align: center;
}

.style-2018 .achievement-banner {
    padding: 3.6em 1em 1.4em;
}

.style-2018 .achievement .achievement-badge.incentives-badge {
    width: 110px;
    height: 110px;
    font-size: 7em;
    margin: 0 auto 0.4em;
}

.style-2018 .achievement-heading {
    font-size: 1.8em;
    line-height: 1.2;
    margin-bottom: 0.6em;
    margin-top: 0.6em;
}

.style-2018 .achievement-completed {
    margin-top: 1.2em;
    text-transform: uppercase;
}

.style-2018 .achievement-check-circle.incentives-icon.check-circle {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 50px;
    height: 50px;
}

.style-2018 .achievement-tasks {
    font-size: 0.9em;
    line-height: 1.2;
    padding: 2em 1em;
    text-align: left;
}

.style-2018 .achievement-more {
    background-color: #f3f3f3;
    border-color: #DDDDDD;
}

    .style-2018 .achievement-more .achievement-banner {
        color: #00528a;
        font-size: 18px;
        padding-top: 4.4em;
    }

    .style-2018 .achievement-more .incentives-badge.blank {
        width: 80px;
        height: 80px;
        margin-bottom: 20px;
    }

    .style-2018 .achievement-more .incentives-task-button {
        background: transparent;
        border-color: #00528a;
        color: #00528a;
        font-size: 16px;
        line-height: 1.4;
        margin-top: 40px;
    }

.style-2018 .achievement.complete .achievement-banner {
    background-color: #ffffff;
}

.style-2018 .achievement.incomplete .achievement-banner {
    color: #ffffff;
}

    .style-2018 .achievement.incomplete .achievement-banner p {
        color: #ffffff;
    }

.style-2018 .achievement.incomplete .achievement-tasks {
    background-color: #ffffff;
}

.style-2018 .tab-view.button-tabs .nav-tabs {
    background-color: #ffffff;
    margin-bottom: 3em;
    padding: 0;
}

    .style-2018 .tab-view.button-tabs .nav-tabs li {
        width: 100%;
        float: none;
        margin-bottom: 1em;
    }

        .style-2018 .tab-view.button-tabs .nav-tabs li#export .dropdown-menu {
            min-width: auto;
            margin-top: 0.25em;
        }

            .style-2018 .tab-view.button-tabs .nav-tabs li#export .dropdown-menu li {
                margin-left: 0;
            }

@media (min-width: 550px) {
    .style-2018 .tab-view.button-tabs .nav-tabs li {
        width: calc(50% - 1em);
        float: left;
        margin-right: 0.5em;
        margin-left: 0.5em;
    }
}

@media (min-width: 768px) {
    .style-2018 .tab-view.button-tabs .nav-tabs li {
        width: auto;
        margin-right: 1em;
        margin-left: 0;
    }
}

.style-2018 .tab-view.button-tabs .nav-tabs li a {
    background-color: #ffffff;
    border: 1px solid #525252;
    border-radius: 6px;
    color: #525252;
    display: block;
    font-family: "Helvetica Neue LT W01_55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: initial;
    padding-left: 20px;
    padding-right: 20px;
    text-transform: initial;
}

    .style-2018 .tab-view.button-tabs .nav-tabs li a:hover, .style-2018 .tab-view.button-tabs .nav-tabs li a:active, .style-2018 .tab-view.button-tabs .nav-tabs li a:focus {
        background-color: rgb(82.765, 82.765, 82.765);
        border: 1px solid rgb(82.765, 82.765, 82.765);
        color: #ffffff;
    }

@media (max-width: 736px) {
    .style-2018 .tab-view.button-tabs .nav-tabs li a {
        width: 96%;
        margin: 0 auto;
        padding-left: 0.2em;
        padding-right: 0.2em;
    }
}

.style-2018 .tab-view.button-tabs .nav-tabs li a .icon {
    position: relative;
    top: 1px;
    margin-right: 4px;
}

.style-2018 .tab-view.button-tabs .nav-tabs li a.button-new-purple {
    border: 1px solid #682566;
    color: #682566;
}

    .style-2018 .tab-view.button-tabs .nav-tabs li a.button-new-purple:hover, .style-2018 .tab-view.button-tabs .nav-tabs li a.button-new-purple:active {
        background-color: rgb(105.1285106383, 37.4014893617, 103.1068085106);
        border: 1px solid rgb(105.1285106383, 37.4014893617, 103.1068085106);
        color: #ffffff;
    }

.style-2018 .tab-view.button-tabs .nav-tabs li.active a {
    background-color: #525252;
    border: 1px solid #525252;
    color: #ffffff;
}

    .style-2018 .tab-view.button-tabs .nav-tabs li.active a.button-new-purple {
        background-color: #682566;
        border: 1px solid #682566;
    }

.style-2018 .tab-view.button-tabs .nav-tabs .dropdown-menu li {
    margin: 0;
    width: 100%;
}

    .style-2018 .tab-view.button-tabs .nav-tabs .dropdown-menu li a {
        border: 0;
        border-radius: 0;
        padding: 4px 20px;
    }

.style-2018 .incentive-tabs {
    width: 100%;
    display: table;
    padding: 0;
    table-layout: fixed;
    text-align: center;
    margin: 0 auto;
}

    .style-2018 .incentive-tabs.custom-tab-one {
        width: 16%;
    }

    .style-2018 .incentive-tabs.custom-tab-one-align {
        text-align: left;
    }

    .style-2018 .incentive-tabs.custom-tab-two, .style-2018 .incentive-tabs.custom-tab-three {
        width: 25%;
    }

    .style-2018 .incentive-tabs.custom-tab-two-align, .style-2018 .incentive-tabs.custom-tab-three-align {
        text-align: left;
    }

    .style-2018 .incentive-tabs::before, .style-2018 .incentive-tabs::after {
        content: none;
    }

@media (max-width: 736px) {
    .style-2018 .incentive-tabs {
        padding: 0 2px;
    }
}

.style-2018 .incentive-tabs > li {
    display: table-cell;
    float: none;
    margin-right: 0;
}

@media (max-width: 736px) {
    .style-2018 .incentive-tabs > li {
        display: block;
    }
}

@media (max-width: 920px) {
    .style-2018 .incentive-tabs > li > a {
        padding-left: 8px;
        padding-right: 8px;
    }
}

.style-2018 .incentive-tabs > li:hover {
    background: rgba(0, 82, 138, 0.1);
}

.style-2018 .incentives-header {
    text-transform: capitalize;
}

.style-2018 .incentives-heading {
    color: #00528a;
}

    .style-2018 .incentives-heading sup {
        top: -16px;
    }

.style-2018 .incentives-task-row {
    line-height: 1.4;
    margin-bottom: 0.8em;
}

    .style-2018 .incentives-task-row .incentives-icon.check-circle {
        width: 24px;
        height: 24px;
        background-color: #525252;
    }

.style-2018 .incentives-task-button {
    background: transparent;
    font-size: 1.2em;
    text-transform: initial;
}

@media (max-width: 868px) {
    .style-2018 .incentives-task-button {
        margin-top: 0.4em;
        padding: 0.5em 0;
    }
}

.style-2018 .incentives-task-text {
    margin-right: 84px;
}

.style-2018 .incentives-small-text {
    font-size: 1em;
}

.style-2018 .incentives-icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.style-2018 .incentives-icon-lock {
    background: url(../../../Images/svg/OnlifeIcons_Lock.svg) no-repeat;
    -webkit-mask: url(../../../Images/svg/OnlifeIcons_Lock.svg) no-repeat;
    mask: url(../../../Images/svg/OnlifeIcons_Lock.svg) no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-size: 100%;
    width: 40px;
    height: 40px;
    background: #ffffff;
    -webkit-mask-position: center;
    mask-position: center;
    position: absolute;
    top: 14px;
    left: 14px;
}

@supports (-ms-ime-align: auto) {
    .style-2018 .incentives-icon-lock {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Lock.png) no-repeat center center;
        background-size: cover;
        width: 40px;
        height: 40px;
        margin-bottom: 0;
    }

    .button-new:hover .style-2018 .incentives-icon-lock, .button-new:active .style-2018 .incentives-icon-lock, .button-new:focus .style-2018 .incentives-icon-lock {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Lock.png) no-repeat center center;
        background-size: cover;
    }
}

@media screen\0 {
    .style-2018 .incentives-icon-lock {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Lock.png) no-repeat center center;
        background-size: cover;
        width: 40px;
        height: 40px;
        margin-bottom: 0;
    }

    .button-new:hover .style-2018 .incentives-icon-lock, .button-new:active .style-2018 .incentives-icon-lock, .button-new:focus .style-2018 .incentives-icon-lock {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Lock.png) no-repeat center center;
        background-size: cover;
    }
}

.style-2018 .incentives-icon.assessment {
    background: url(../../../Images/svg/OnlifeIcons_Health-Assessment.svg) no-repeat;
    -webkit-mask: url(../../../Images/svg/OnlifeIcons_Health-Assessment.svg) no-repeat;
    mask: url(../../../Images/svg/OnlifeIcons_Health-Assessment.svg) no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-size: 100%;
    width: 100px;
    height: 100px;
    background: #ffffff;
    -webkit-mask-position: center -6px;
    mask-position: center -6px;
}

@supports (-ms-ime-align: auto) {
    .style-2018 .incentives-icon.assessment {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Health-Assessment.png) no-repeat center center;
        background-size: cover;
        width: 100px;
        height: 100px;
        margin-bottom: 0;
    }

    .button-new:hover .style-2018 .incentives-icon.assessment, .button-new:active .style-2018 .incentives-icon.assessment, .button-new:focus .style-2018 .incentives-icon.assessment {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Health-Assessment.png) no-repeat center center;
        background-size: cover;
    }
}

@media screen\0 {
    .style-2018 .incentives-icon.assessment {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Health-Assessment.png) no-repeat center center;
        background-size: cover;
        width: 100px;
        height: 100px;
        margin-bottom: 0;
    }

    .button-new:hover .style-2018 .incentives-icon.assessment, .button-new:active .style-2018 .incentives-icon.assessment, .button-new:focus .style-2018 .incentives-icon.assessment {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Health-Assessment.png) no-repeat center center;
        background-size: cover;
    }
}

.style-2018 .incentives-icon.wellness {
    background: url(../../../Images/svg/OnlifeIcons_Assessments.svg) no-repeat;
    -webkit-mask: url(../../../Images/svg/OnlifeIcons_Assessments.svg) no-repeat;
    mask: url(../../../Images/svg/OnlifeIcons_Assessments.svg) no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-size: 100%;
    width: 100px;
    height: 100px;
    background: #ffffff;
    -webkit-mask-position: center -6px;
    mask-position: center -6px;
}

@supports (-ms-ime-align: auto) {
    .style-2018 .incentives-icon.wellness {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Assessments.png) no-repeat center center;
        background-size: cover;
        width: 100px;
        height: 100px;
        margin-bottom: 0;
    }

    .button-new:hover .style-2018 .incentives-icon.wellness, .button-new:active .style-2018 .incentives-icon.wellness, .button-new:focus .style-2018 .incentives-icon.wellness {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Assessments.png) no-repeat center center;
        background-size: cover;
    }
}

@media screen\0 {
    .style-2018 .incentives-icon.wellness {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Assessments.png) no-repeat center center;
        background-size: cover;
        width: 100px;
        height: 100px;
        margin-bottom: 0;
    }

    .button-new:hover .style-2018 .incentives-icon.wellness, .button-new:active .style-2018 .incentives-icon.wellness, .button-new:focus .style-2018 .incentives-icon.wellness {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Assessments.png) no-repeat center center;
        background-size: cover;
    }
}

.style-2018 .incentives-icon.reports {
    background: url(../../../Images/svg/OnlifeIcons_Reports.svg) no-repeat;
    -webkit-mask: url(../../../Images/svg/OnlifeIcons_Reports.svg) no-repeat;
    mask: url(../../../Images/svg/OnlifeIcons_Reports.svg) no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-size: 100%;
    width: 100px;
    height: 100px;
    background: #ffffff;
    -webkit-mask-position: center;
    mask-position: center;
    margin-bottom: 10px;
}

@supports (-ms-ime-align: auto) {
    .style-2018 .incentives-icon.reports {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Reports.png) no-repeat center center;
        background-size: cover;
        width: 100px;
        height: 100px;
        margin-bottom: 0;
    }

    .button-new:hover .style-2018 .incentives-icon.reports, .button-new:active .style-2018 .incentives-icon.reports, .button-new:focus .style-2018 .incentives-icon.reports {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Reports.png) no-repeat center center;
        background-size: cover;
    }
}

@media screen\0 {
    .style-2018 .incentives-icon.reports {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Reports.png) no-repeat center center;
        background-size: cover;
        width: 100px;
        height: 100px;
        margin-bottom: 0;
    }

    .button-new:hover .style-2018 .incentives-icon.reports, .button-new:active .style-2018 .incentives-icon.reports, .button-new:focus .style-2018 .incentives-icon.reports {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Reports.png) no-repeat center center;
        background-size: cover;
    }
}

.style-2018 .incentives-icon.star {
    background: url(../../../Images/svg/OnlifeIcons_Star-48.svg) no-repeat;
    -webkit-mask: url(../../../Images/svg/OnlifeIcons_Star-48.svg) no-repeat;
    mask: url(../../../Images/svg/OnlifeIcons_Star-48.svg) no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-size: 100%;
    width: 100px;
    height: 100px;
    background: #ffffff;
    -webkit-mask-position: center -6px;
    mask-position: center -6px;
}

@supports (-ms-ime-align: auto) {
    .style-2018 .incentives-icon.star {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Star-48.png) no-repeat center center;
        background-size: cover;
        width: 100px;
        height: 100px;
        margin-bottom: 0;
    }

    .button-new:hover .style-2018 .incentives-icon.star, .button-new:active .style-2018 .incentives-icon.star, .button-new:focus .style-2018 .incentives-icon.star {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Star-48.png) no-repeat center center;
        background-size: cover;
    }
}

@media screen\0 {
    .style-2018 .incentives-icon.star {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Star-48.png) no-repeat center center;
        background-size: cover;
        width: 100px;
        height: 100px;
        margin-bottom: 0;
    }

    .button-new:hover .style-2018 .incentives-icon.star, .button-new:active .style-2018 .incentives-icon.star, .button-new:focus .style-2018 .incentives-icon.star {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Star-48.png) no-repeat center center;
        background-size: cover;
    }
}

.style-2018 .incentives-icon.symptoms {
    background: url(../../../Images/svg/OnlifeIcons_Symptom-Checker.svg) no-repeat;
    -webkit-mask: url(../../../Images/svg/OnlifeIcons_Symptom-Checker.svg) no-repeat;
    mask: url(../../../Images/svg/OnlifeIcons_Symptom-Checker.svg) no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-size: 100%;
    width: 100px;
    height: 100px;
    background: #ffffff;
    -webkit-mask-position: center -4px;
    mask-position: center -4px;
    margin-bottom: 4px;
}

@supports (-ms-ime-align: auto) {
    .style-2018 .incentives-icon.symptoms {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Symptom-Checker.png) no-repeat center center;
        background-size: cover;
        width: 100px;
        height: 100px;
        margin-bottom: 0;
    }

    .button-new:hover .style-2018 .incentives-icon.symptoms, .button-new:active .style-2018 .incentives-icon.symptoms, .button-new:focus .style-2018 .incentives-icon.symptoms {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Symptom-Checker.png) no-repeat center center;
        background-size: cover;
    }
}

@media screen\0 {
    .style-2018 .incentives-icon.symptoms {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Symptom-Checker.png) no-repeat center center;
        background-size: cover;
        width: 100px;
        height: 100px;
        margin-bottom: 0;
    }

    .button-new:hover .style-2018 .incentives-icon.symptoms, .button-new:active .style-2018 .incentives-icon.symptoms, .button-new:focus .style-2018 .incentives-icon.symptoms {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Symptom-Checker.png) no-repeat center center;
        background-size: cover;
    }
}

.style-2018 .incentives-icon.trackers {
    background: url(../../../Images/svg/OnlifeIcons_Trackers.svg) no-repeat;
    -webkit-mask: url(../../../Images/svg/OnlifeIcons_Trackers.svg) no-repeat;
    mask: url(../../../Images/svg/OnlifeIcons_Trackers.svg) no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-size: 100%;
    width: 100px;
    height: 100px;
    background: #ffffff;
    -webkit-mask-position: center -6px;
    mask-position: center -6px;
}

@supports (-ms-ime-align: auto) {
    .style-2018 .incentives-icon.trackers {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Trackers.png) no-repeat center center;
        background-size: cover;
        width: 100px;
        height: 100px;
        margin-bottom: 0;
    }

    .button-new:hover .style-2018 .incentives-icon.trackers, .button-new:active .style-2018 .incentives-icon.trackers, .button-new:focus .style-2018 .incentives-icon.trackers {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Trackers.png) no-repeat center center;
        background-size: cover;
    }
}

@media screen\0 {
    .style-2018 .incentives-icon.trackers {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Trackers.png) no-repeat center center;
        background-size: cover;
        width: 100px;
        height: 100px;
        margin-bottom: 0;
    }

    .button-new:hover .style-2018 .incentives-icon.trackers, .button-new:active .style-2018 .incentives-icon.trackers, .button-new:focus .style-2018 .incentives-icon.trackers {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Trackers.png) no-repeat center center;
        background-size: cover;
    }
}

.style-2018 .incentives-icon.coaching {
    background: url(../../../Images/svg/OnlifeIcons_Coaching.svg) no-repeat;
    -webkit-mask: url(../../../Images/svg/OnlifeIcons_Coaching.svg) no-repeat;
    mask: url(../../../Images/svg/OnlifeIcons_Coaching.svg) no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-size: 100%;
    width: 100px;
    height: 100px;
    background: #ffffff;
    -webkit-mask-position: center -6px;
    mask-position: center -6px;
}

@supports (-ms-ime-align: auto) {
    .style-2018 .incentives-icon.coaching {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Coaching.png) no-repeat center center;
        background-size: cover;
        width: 100px;
        height: 100px;
        margin-bottom: 0;
    }

    .button-new:hover .style-2018 .incentives-icon.coaching, .button-new:active .style-2018 .incentives-icon.coaching, .button-new:focus .style-2018 .incentives-icon.coaching {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Coaching.png) no-repeat center center;
        background-size: cover;
    }
}

@media screen\0 {
    .style-2018 .incentives-icon.coaching {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Coaching.png) no-repeat center center;
        background-size: cover;
        width: 100px;
        height: 100px;
        margin-bottom: 0;
    }

    .button-new:hover .style-2018 .incentives-icon.coaching, .button-new:active .style-2018 .incentives-icon.coaching, .button-new:focus .style-2018 .incentives-icon.coaching {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Coaching.png) no-repeat center center;
        background-size: cover;
    }
}

.style-2018 .incentives-icon.courses {
    background: url(../../../Images/svg/OnlifeIcons_Courses.svg) no-repeat;
    -webkit-mask: url(../../../Images/svg/OnlifeIcons_Courses.svg) no-repeat;
    mask: url(../../../Images/svg/OnlifeIcons_Courses.svg) no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-size: 100%;
    width: 100px;
    height: 100px;
    background: #ffffff;
    -webkit-mask-position: center;
    mask-position: center;
}

@supports (-ms-ime-align: auto) {
    .style-2018 .incentives-icon.courses {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Courses.png) no-repeat center center;
        background-size: cover;
        width: 100px;
        height: 100px;
        margin-bottom: 0;
    }

    .button-new:hover .style-2018 .incentives-icon.courses, .button-new:active .style-2018 .incentives-icon.courses, .button-new:focus .style-2018 .incentives-icon.courses {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Courses.png) no-repeat center center;
        background-size: cover;
    }
}

@media screen\0 {
    .style-2018 .incentives-icon.courses {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Courses.png) no-repeat center center;
        background-size: cover;
        width: 100px;
        height: 100px;
        margin-bottom: 0;
    }

    .button-new:hover .style-2018 .incentives-icon.courses, .button-new:active .style-2018 .incentives-icon.courses, .button-new:focus .style-2018 .incentives-icon.courses {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Courses.png) no-repeat center center;
        background-size: cover;
    }
}

.style-2018 .incentives-icon.check-circle {
    background: url(../../../Images/svg/OnlifeIcons_Checkmark-Circle.svg) no-repeat;
    -webkit-mask: url(../../../Images/svg/OnlifeIcons_Checkmark-Circle.svg) no-repeat;
    mask: url(../../../Images/svg/OnlifeIcons_Checkmark-Circle.svg) no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-size: 100%;
    width: 40px;
    height: 40px;
    background: #00528a;
    -webkit-mask-position: center;
    mask-position: center;
}

@supports (-ms-ime-align: auto) {
    .style-2018 .incentives-icon.check-circle {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Checkmark-Circle.png) no-repeat center center;
        background-size: cover;
        width: 44px;
        height: 44px;
        margin-bottom: 0.6em;
    }

    .button-new:hover .style-2018 .incentives-icon.check-circle, .button-new:active .style-2018 .incentives-icon.check-circle, .button-new:focus .style-2018 .incentives-icon.check-circle {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Checkmark-Circle.png) no-repeat center center;
        background-size: cover;
    }
}

@media screen\0 {
    .style-2018 .incentives-icon.check-circle {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Checkmark-Circle.png) no-repeat center center;
        background-size: cover;
        width: 44px;
        height: 44px;
        margin-bottom: 0.6em;
    }

    .button-new:hover .style-2018 .incentives-icon.check-circle, .button-new:active .style-2018 .incentives-icon.check-circle, .button-new:focus .style-2018 .incentives-icon.check-circle {
        background: transparent url(../../../Images/svg/fallback-png/OnlifeIcons_Checkmark-Circle.png) no-repeat center center;
        background-size: cover;
    }
}

.style-2018 .incentives-badge {
    font-size: 1em;
    line-height: 0.8;
    display: inline-block;
}

    .style-2018 .incentives-badge::before {
        font-family: "OnlifeFont";
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        speak: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .style-2018 .incentives-badge.blank::before {
        content: "u";
    }

    .style-2018 .incentives-badge.breathe-easy::before {
        content: "v";
    }

    .style-2018 .incentives-badge.challenge-complete::before {
        content: "w";
    }

    .style-2018 .incentives-badge.challenge-participate::before {
        content: "x";
    }

    .style-2018 .incentives-badge.get-fit::before {
        content: "y";
    }

    .style-2018 .incentives-badge.healthier-u::before {
        content: "z";
    }

    .style-2018 .incentives-badge.lose-weight::before {
        content: "A";
    }

    .style-2018 .incentives-badge.premium-reduction::before {
        content: "B";
    }

    .style-2018 .incentives-badge.stay-active::before {
        content: "C";
    }

    .style-2018 .incentives-badge.well-being::before {
        content: "D";
    }

.style-2018 .incentives #incentiveManagement .tab-view.button-tabs {
    background: #ffffff;
}

.style-2018 .incentives #incentiveManagement ul li {
    list-style-type: initial;
    margin-left: 2.5em;
}

.style-2018 .incentives #incentiveManagement ol li {
    list-style-type: inherit;
}

.style-2018 .redeem-counter {
    color: #00528a;
    font-family: "Helvetica Neue LT W01_41488878", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 72px;
    line-height: 1;
    margin-bottom: 52px;
}

.style-2018 .redeem-redirect {
    padding: 68px 0;
    font-size: 20px;
    line-height: 1.8;
    text-align: center;
}

.style-2018 .redeem-redirect-heading {
    font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 32px;
}

.style-2018 .incentives #incentiveManagement .tab-view.button-tabs {
    background: #ffffff;
}

.style-2018 .first-card-main {
    background: #00528a;
    height: 86vh;
}

.style-2018 .first-card-mid {
    color: #00528a;
}

.style-2018 .collapsible-title {
    margin-left: 50px;
    color: #525252;
}

.style-2018 .card-two-main {
    background: #215e39;
    height: 17.5rem;
}

.style-2018 .card-two-mid {
    color: #00528a;
}

.style-2018 .card-three-main {
    background: #682566;
    height: 92vh;
}

.style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard {
    box-shadow: 0.25rem 0.25rem 0.6rem rgba(0, 0, 0, 0.05), 0 0.5rem 1.125rem rgba(75, 0, 0, 0.05);
}

.style-2018 .tracker {
    text-align: center;
}

.style-2018 .challenges, .style-2018 .olh-challenges-details-wrapper {
    margin-bottom: 10em;
    position: relative;
}

.style-2018 .challenges-heading, .style-2018 .olh-challenges-details-wrapper-heading {
    line-height: 1;
}

.style-2018 .challenges-heading-text, .style-2018 .olh-challenges-details-wrapper-heading-text {
    margin-bottom: 16px;
}

@media (min-width: 767px) {
    .style-2018 .challenges-heading-text, .style-2018 .olh-challenges-details-wrapper-heading-text {
        float: left;
        margin-bottom: 28px;
    }
}

.style-2018 .challenges-heading-button, .style-2018 .olh-challenges-details-wrapper-heading-button {
    margin-bottom: 28px;
}

.style-2018 .challenges-heading-back, .style-2018 .olh-challenges-details-wrapper-heading-back {
    float: right;
    margin-top: 1.4em;
}

@media (max-width: 768px) {
    .style-2018 .challenges-heading-back, .style-2018 .olh-challenges-details-wrapper-heading-back {
        float: none;
        margin-top: 0;
        padding-bottom: 0.4em;
    }
}

.style-2018 .challenges-heading-back .onlife-icon-navigate-left, .style-2018 .olh-challenges-details-wrapper-heading-back .onlife-icon-navigate-left {
    width: 9px;
    height: 15px;
    margin-right: 4px;
}

.style-2018 .challenges-subheading, .style-2018 .olh-challenges-details-wrapper-subheading {
    margin-top: 2em;
    margin-bottom: 1em;
}

.style-2018 .challenges-button-group, .style-2018 .olh-challenges-details-wrapper-button-group {
    margin-top: 0.6em;
}

@media (min-width: 768px) {
    .style-2018 .challenges-button-group, .style-2018 .olh-challenges-details-wrapper-button-group {
        margin-top: 0;
    }
}

.style-2018 .challenges-button-group .button-new, .style-2018 .olh-challenges-details-wrapper-button-group .button-new {
    margin-bottom: 6px;
}

.style-2018 .challenges-enrollby, .style-2018 .olh-challenges-details-wrapper-enrollby {
    text-transform: uppercase;
}

    .style-2018 .challenges-enrollby > h4, .style-2018 .olh-challenges-details-wrapper-enrollby > h4 {
        color: #00528a;
    }

.style-2018 .challenges-about, .style-2018 .olh-challenges-details-wrapper-about {
    max-width: 700px;
    line-height: 1.6;
    margin-bottom: 2em;
}

.style-2018 .challenges-profile, .style-2018 .olh-challenges-details-wrapper-profile {
    color: #525252;
}

    .style-2018 .challenges-profile .olh-available-team-name--profile-name p, .style-2018 .olh-challenges-details-wrapper-profile .olh-available-team-name--profile-name p {
        padding-left: 3.7em;
    }

@media (max-width: 767px) {
    .style-2018 .challenges-profile .olh-available-team-name--profile-name p, .style-2018 .olh-challenges-details-wrapper-profile .olh-available-team-name--profile-name p {
        text-align: left;
    }
}

.style-2018 .challenges-profile-team.challenges-profile-image, .style-2018 .olh-challenges-details-wrapper-profile-team.challenges-profile-image {
    width: 70px;
    height: 70px;
}

    .style-2018 .challenges-profile-team.challenges-profile-image img, .style-2018 .olh-challenges-details-wrapper-profile-team.challenges-profile-image img {
        width: 100%;
    }

.style-2018 .challenges-profile-image, .style-2018 .olh-challenges-details-wrapper-profile-image {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    max-width: 90px;
    max-height: 90px;
    overflow: hidden;
    display: inline-block;
}

.style-2018 .challenges-profile-section, .style-2018 .olh-challenges-details-wrapper-profile-section {
    text-align: left;
    display: inline-block;
    max-width: 60%;
    vertical-align: top;
}

.style-2018 .challenges-profile-name, .style-2018 .olh-challenges-details-wrapper-profile-name {
    color: #00528a;
    font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.5em;
    margin-bottom: 0.5em;
}

.style-2018 .challenges-profile-standing, .style-2018 .olh-challenges-details-wrapper-profile-standing {
    color: #00528a;
    font-family: "Helvetica Neue LT W01_55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.1em;
    line-height: 1.2;
    height: 50%;
}

    .style-2018 .challenges-profile-standing *, .style-2018 .olh-challenges-details-wrapper-profile-standing * {
        vertical-align: middle;
    }

.style-2018 .challenges-profile-sharing, .style-2018 .olh-challenges-details-wrapper-profile-sharing {
    width: 100%;
    line-height: 1.2;
}

@media (max-width: 767px) {
    .style-2018 .challenges-profile-sharing, .style-2018 .olh-challenges-details-wrapper-profile-sharing {
        line-height: 3.2;
    }
}

.style-2018 .challenges-ring, .style-2018 .olh-challenges-details-wrapper-ring {
    position: relative;
    width: 1em;
    height: 1em;
    background-color: #D3F4F9;
    border-radius: 50%;
    font-size: 182px;
    margin: 0 0 0 auto;
    text-align: center;
}

@media (max-width: 767px) {
    .style-2018 .challenges-ring, .style-2018 .olh-challenges-details-wrapper-ring {
        float: none;
        margin: 0.1em auto;
    }
}

.style-2018 .challenges-ring.large, .style-2018 .olh-challenges-details-wrapper-ring.large {
    font-size: 250px;
}

.style-2018 .challenges-ring.small, .style-2018 .olh-challenges-details-wrapper-ring.small {
    font-size: 120px;
}

.style-2018 .challenges-ring-mask, .style-2018 .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring-mask, .style-2018 .olh-challenges-details-wrapper-ring-fill {
    position: absolute;
    width: 1em;
    height: 1em;
    border-radius: 50%;
}

.style-2018 .challenges-ring-mask, .style-2018 .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring-mask, .style-2018 .olh-challenges-details-wrapper-ring-fill {
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
    border-radius: 50%;
    -webkit-backface-visibility: hidden;
}

.style-2018 .challenges-ring-mask, .style-2018 .olh-challenges-details-wrapper-ring-mask {
    clip: rect(0px, 1em, 1em, 0.5em);
}

.style-2018 .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring-fill {
    background-color: #0cc0de;
    clip: rect(0px, 0.5em, 1em, 0px);
}

.style-2018 .challenges-ring-inset, .style-2018 .olh-challenges-details-wrapper-ring-inset {
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 80%;
    background-color: #ffffff;
    border-radius: 50%;
    font-size: 16px;
    line-height: 1.2;
    margin-left: 10%;
    margin-top: 10%;
}

.style-2018 .challenges-ring-number, .style-2018 .olh-challenges-details-wrapper-ring-number {
    color: #00528a;
    font-size: 16px;
    margin-top: 30%;
}

.style-2018 .challenges-ring-number--goal, .style-2018 .olh-challenges-details-wrapper-ring-number--goal {
    color: #aaaaaa;
    font-size: 32px;
    line-height: 1.2;
    margin-top: 0;
}

.style-2018 .challenges-ring-label, .style-2018 .olh-challenges-details-wrapper-ring-label {
    font-size: 16px;
}

.style-2018 .challenges-ring-goal, .style-2018 .olh-challenges-details-wrapper-ring-goal {
    position: relative;
    top: 0.5em;
    margin-top: 76px;
    text-align: center;
}

@media (max-width: 1024px) {
    .style-2018 .challenges-ring-goal, .style-2018 .olh-challenges-details-wrapper-ring-goal {
        top: auto;
        clear: both;
        margin-top: 0;
        margin-bottom: 24px;
    }
}

.style-2018 .challenges-ring[data-progress="0"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="0"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="0"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="0"] .challenges-ring-fill {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

    .style-2018 .challenges-ring[data-progress="0"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="0"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

.style-2018 .challenges-ring[data-progress="1"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="1"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="1"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="1"] .challenges-ring-fill {
    -webkit-transform: rotate(1.8deg);
    -moz-transform: rotate(1.8deg);
    -ms-transform: rotate(1.8deg);
    -o-transform: rotate(1.8deg);
    transform: rotate(1.8deg);
}

    .style-2018 .challenges-ring[data-progress="1"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="1"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(3.6deg);
        -moz-transform: rotate(3.6deg);
        -ms-transform: rotate(3.6deg);
        -o-transform: rotate(3.6deg);
        transform: rotate(3.6deg);
    }

.style-2018 .challenges-ring[data-progress="2"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="2"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="2"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="2"] .challenges-ring-fill {
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg);
}

    .style-2018 .challenges-ring[data-progress="2"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="2"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(7.2deg);
        -moz-transform: rotate(7.2deg);
        -ms-transform: rotate(7.2deg);
        -o-transform: rotate(7.2deg);
        transform: rotate(7.2deg);
    }

.style-2018 .challenges-ring[data-progress="3"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="3"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="3"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="3"] .challenges-ring-fill {
    -webkit-transform: rotate(5.4deg);
    -moz-transform: rotate(5.4deg);
    -ms-transform: rotate(5.4deg);
    -o-transform: rotate(5.4deg);
    transform: rotate(5.4deg);
}

    .style-2018 .challenges-ring[data-progress="3"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="3"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(10.8deg);
        -moz-transform: rotate(10.8deg);
        -ms-transform: rotate(10.8deg);
        -o-transform: rotate(10.8deg);
        transform: rotate(10.8deg);
    }

.style-2018 .challenges-ring[data-progress="4"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="4"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="4"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="4"] .challenges-ring-fill {
    -webkit-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg);
}

    .style-2018 .challenges-ring[data-progress="4"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="4"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(14.4deg);
        -moz-transform: rotate(14.4deg);
        -ms-transform: rotate(14.4deg);
        -o-transform: rotate(14.4deg);
        transform: rotate(14.4deg);
    }

.style-2018 .challenges-ring[data-progress="5"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="5"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="5"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="5"] .challenges-ring-fill {
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    -o-transform: rotate(9deg);
    transform: rotate(9deg);
}

    .style-2018 .challenges-ring[data-progress="5"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="5"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(18deg);
        -moz-transform: rotate(18deg);
        -ms-transform: rotate(18deg);
        -o-transform: rotate(18deg);
        transform: rotate(18deg);
    }

.style-2018 .challenges-ring[data-progress="6"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="6"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="6"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="6"] .challenges-ring-fill {
    -webkit-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg);
}

    .style-2018 .challenges-ring[data-progress="6"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="6"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(21.6deg);
        -moz-transform: rotate(21.6deg);
        -ms-transform: rotate(21.6deg);
        -o-transform: rotate(21.6deg);
        transform: rotate(21.6deg);
    }

.style-2018 .challenges-ring[data-progress="7"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="7"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="7"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="7"] .challenges-ring-fill {
    -webkit-transform: rotate(12.6deg);
    -moz-transform: rotate(12.6deg);
    -ms-transform: rotate(12.6deg);
    -o-transform: rotate(12.6deg);
    transform: rotate(12.6deg);
}

    .style-2018 .challenges-ring[data-progress="7"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="7"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(25.2deg);
        -moz-transform: rotate(25.2deg);
        -ms-transform: rotate(25.2deg);
        -o-transform: rotate(25.2deg);
        transform: rotate(25.2deg);
    }

.style-2018 .challenges-ring[data-progress="8"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="8"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="8"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="8"] .challenges-ring-fill {
    -webkit-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg);
}

    .style-2018 .challenges-ring[data-progress="8"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="8"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(28.8deg);
        -moz-transform: rotate(28.8deg);
        -ms-transform: rotate(28.8deg);
        -o-transform: rotate(28.8deg);
        transform: rotate(28.8deg);
    }

.style-2018 .challenges-ring[data-progress="9"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="9"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="9"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="9"] .challenges-ring-fill {
    -webkit-transform: rotate(16.2deg);
    -moz-transform: rotate(16.2deg);
    -ms-transform: rotate(16.2deg);
    -o-transform: rotate(16.2deg);
    transform: rotate(16.2deg);
}

    .style-2018 .challenges-ring[data-progress="9"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="9"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(32.4deg);
        -moz-transform: rotate(32.4deg);
        -ms-transform: rotate(32.4deg);
        -o-transform: rotate(32.4deg);
        transform: rotate(32.4deg);
    }

.style-2018 .challenges-ring[data-progress="10"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="10"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="10"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="10"] .challenges-ring-fill {
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg);
}

    .style-2018 .challenges-ring[data-progress="10"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="10"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(36deg);
        -moz-transform: rotate(36deg);
        -ms-transform: rotate(36deg);
        -o-transform: rotate(36deg);
        transform: rotate(36deg);
    }

.style-2018 .challenges-ring[data-progress="11"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="11"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="11"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="11"] .challenges-ring-fill {
    -webkit-transform: rotate(19.8deg);
    -moz-transform: rotate(19.8deg);
    -ms-transform: rotate(19.8deg);
    -o-transform: rotate(19.8deg);
    transform: rotate(19.8deg);
}

    .style-2018 .challenges-ring[data-progress="11"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="11"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(39.6deg);
        -moz-transform: rotate(39.6deg);
        -ms-transform: rotate(39.6deg);
        -o-transform: rotate(39.6deg);
        transform: rotate(39.6deg);
    }

.style-2018 .challenges-ring[data-progress="12"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="12"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="12"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="12"] .challenges-ring-fill {
    -webkit-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg);
}

    .style-2018 .challenges-ring[data-progress="12"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="12"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(43.2deg);
        -moz-transform: rotate(43.2deg);
        -ms-transform: rotate(43.2deg);
        -o-transform: rotate(43.2deg);
        transform: rotate(43.2deg);
    }

.style-2018 .challenges-ring[data-progress="13"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="13"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="13"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="13"] .challenges-ring-fill {
    -webkit-transform: rotate(23.4deg);
    -moz-transform: rotate(23.4deg);
    -ms-transform: rotate(23.4deg);
    -o-transform: rotate(23.4deg);
    transform: rotate(23.4deg);
}

    .style-2018 .challenges-ring[data-progress="13"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="13"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(46.8deg);
        -moz-transform: rotate(46.8deg);
        -ms-transform: rotate(46.8deg);
        -o-transform: rotate(46.8deg);
        transform: rotate(46.8deg);
    }

.style-2018 .challenges-ring[data-progress="14"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="14"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="14"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="14"] .challenges-ring-fill {
    -webkit-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg);
}

    .style-2018 .challenges-ring[data-progress="14"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="14"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(50.4deg);
        -moz-transform: rotate(50.4deg);
        -ms-transform: rotate(50.4deg);
        -o-transform: rotate(50.4deg);
        transform: rotate(50.4deg);
    }

.style-2018 .challenges-ring[data-progress="15"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="15"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="15"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="15"] .challenges-ring-fill {
    -webkit-transform: rotate(27deg);
    -moz-transform: rotate(27deg);
    -ms-transform: rotate(27deg);
    -o-transform: rotate(27deg);
    transform: rotate(27deg);
}

    .style-2018 .challenges-ring[data-progress="15"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="15"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(54deg);
        -moz-transform: rotate(54deg);
        -ms-transform: rotate(54deg);
        -o-transform: rotate(54deg);
        transform: rotate(54deg);
    }

.style-2018 .challenges-ring[data-progress="16"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="16"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="16"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="16"] .challenges-ring-fill {
    -webkit-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg);
}

    .style-2018 .challenges-ring[data-progress="16"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="16"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(57.6deg);
        -moz-transform: rotate(57.6deg);
        -ms-transform: rotate(57.6deg);
        -o-transform: rotate(57.6deg);
        transform: rotate(57.6deg);
    }

.style-2018 .challenges-ring[data-progress="17"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="17"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="17"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="17"] .challenges-ring-fill {
    -webkit-transform: rotate(30.6deg);
    -moz-transform: rotate(30.6deg);
    -ms-transform: rotate(30.6deg);
    -o-transform: rotate(30.6deg);
    transform: rotate(30.6deg);
}

    .style-2018 .challenges-ring[data-progress="17"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="17"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(61.2deg);
        -moz-transform: rotate(61.2deg);
        -ms-transform: rotate(61.2deg);
        -o-transform: rotate(61.2deg);
        transform: rotate(61.2deg);
    }

.style-2018 .challenges-ring[data-progress="18"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="18"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="18"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="18"] .challenges-ring-fill {
    -webkit-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg);
}

    .style-2018 .challenges-ring[data-progress="18"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="18"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(64.8deg);
        -moz-transform: rotate(64.8deg);
        -ms-transform: rotate(64.8deg);
        -o-transform: rotate(64.8deg);
        transform: rotate(64.8deg);
    }

.style-2018 .challenges-ring[data-progress="19"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="19"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="19"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="19"] .challenges-ring-fill {
    -webkit-transform: rotate(34.2deg);
    -moz-transform: rotate(34.2deg);
    -ms-transform: rotate(34.2deg);
    -o-transform: rotate(34.2deg);
    transform: rotate(34.2deg);
}

    .style-2018 .challenges-ring[data-progress="19"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="19"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(68.4deg);
        -moz-transform: rotate(68.4deg);
        -ms-transform: rotate(68.4deg);
        -o-transform: rotate(68.4deg);
        transform: rotate(68.4deg);
    }

.style-2018 .challenges-ring[data-progress="20"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="20"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="20"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="20"] .challenges-ring-fill {
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg);
}

    .style-2018 .challenges-ring[data-progress="20"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="20"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(72deg);
        -moz-transform: rotate(72deg);
        -ms-transform: rotate(72deg);
        -o-transform: rotate(72deg);
        transform: rotate(72deg);
    }

.style-2018 .challenges-ring[data-progress="21"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="21"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="21"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="21"] .challenges-ring-fill {
    -webkit-transform: rotate(37.8deg);
    -moz-transform: rotate(37.8deg);
    -ms-transform: rotate(37.8deg);
    -o-transform: rotate(37.8deg);
    transform: rotate(37.8deg);
}

    .style-2018 .challenges-ring[data-progress="21"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="21"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(75.6deg);
        -moz-transform: rotate(75.6deg);
        -ms-transform: rotate(75.6deg);
        -o-transform: rotate(75.6deg);
        transform: rotate(75.6deg);
    }

.style-2018 .challenges-ring[data-progress="22"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="22"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="22"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="22"] .challenges-ring-fill {
    -webkit-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg);
}

    .style-2018 .challenges-ring[data-progress="22"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="22"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(79.2deg);
        -moz-transform: rotate(79.2deg);
        -ms-transform: rotate(79.2deg);
        -o-transform: rotate(79.2deg);
        transform: rotate(79.2deg);
    }

.style-2018 .challenges-ring[data-progress="23"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="23"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="23"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="23"] .challenges-ring-fill {
    -webkit-transform: rotate(41.4deg);
    -moz-transform: rotate(41.4deg);
    -ms-transform: rotate(41.4deg);
    -o-transform: rotate(41.4deg);
    transform: rotate(41.4deg);
}

    .style-2018 .challenges-ring[data-progress="23"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="23"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(82.8deg);
        -moz-transform: rotate(82.8deg);
        -ms-transform: rotate(82.8deg);
        -o-transform: rotate(82.8deg);
        transform: rotate(82.8deg);
    }

.style-2018 .challenges-ring[data-progress="24"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="24"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="24"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="24"] .challenges-ring-fill {
    -webkit-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg);
}

    .style-2018 .challenges-ring[data-progress="24"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="24"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(86.4deg);
        -moz-transform: rotate(86.4deg);
        -ms-transform: rotate(86.4deg);
        -o-transform: rotate(86.4deg);
        transform: rotate(86.4deg);
    }

.style-2018 .challenges-ring[data-progress="25"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="25"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="25"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="25"] .challenges-ring-fill {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

    .style-2018 .challenges-ring[data-progress="25"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="25"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.style-2018 .challenges-ring[data-progress="26"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="26"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="26"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="26"] .challenges-ring-fill {
    -webkit-transform: rotate(46.8deg);
    -moz-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    -o-transform: rotate(46.8deg);
    transform: rotate(46.8deg);
}

    .style-2018 .challenges-ring[data-progress="26"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="26"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(93.6deg);
        -moz-transform: rotate(93.6deg);
        -ms-transform: rotate(93.6deg);
        -o-transform: rotate(93.6deg);
        transform: rotate(93.6deg);
    }

.style-2018 .challenges-ring[data-progress="27"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="27"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="27"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="27"] .challenges-ring-fill {
    -webkit-transform: rotate(48.6deg);
    -moz-transform: rotate(48.6deg);
    -ms-transform: rotate(48.6deg);
    -o-transform: rotate(48.6deg);
    transform: rotate(48.6deg);
}

    .style-2018 .challenges-ring[data-progress="27"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="27"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(97.2deg);
        -moz-transform: rotate(97.2deg);
        -ms-transform: rotate(97.2deg);
        -o-transform: rotate(97.2deg);
        transform: rotate(97.2deg);
    }

.style-2018 .challenges-ring[data-progress="28"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="28"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="28"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="28"] .challenges-ring-fill {
    -webkit-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg);
}

    .style-2018 .challenges-ring[data-progress="28"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="28"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(100.8deg);
        -moz-transform: rotate(100.8deg);
        -ms-transform: rotate(100.8deg);
        -o-transform: rotate(100.8deg);
        transform: rotate(100.8deg);
    }

.style-2018 .challenges-ring[data-progress="29"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="29"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="29"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="29"] .challenges-ring-fill {
    -webkit-transform: rotate(52.2deg);
    -moz-transform: rotate(52.2deg);
    -ms-transform: rotate(52.2deg);
    -o-transform: rotate(52.2deg);
    transform: rotate(52.2deg);
}

    .style-2018 .challenges-ring[data-progress="29"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="29"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(104.4deg);
        -moz-transform: rotate(104.4deg);
        -ms-transform: rotate(104.4deg);
        -o-transform: rotate(104.4deg);
        transform: rotate(104.4deg);
    }

.style-2018 .challenges-ring[data-progress="30"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="30"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="30"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="30"] .challenges-ring-fill {
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg);
}

    .style-2018 .challenges-ring[data-progress="30"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="30"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(108deg);
        -moz-transform: rotate(108deg);
        -ms-transform: rotate(108deg);
        -o-transform: rotate(108deg);
        transform: rotate(108deg);
    }

.style-2018 .challenges-ring[data-progress="31"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="31"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="31"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="31"] .challenges-ring-fill {
    -webkit-transform: rotate(55.8deg);
    -moz-transform: rotate(55.8deg);
    -ms-transform: rotate(55.8deg);
    -o-transform: rotate(55.8deg);
    transform: rotate(55.8deg);
}

    .style-2018 .challenges-ring[data-progress="31"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="31"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(111.6deg);
        -moz-transform: rotate(111.6deg);
        -ms-transform: rotate(111.6deg);
        -o-transform: rotate(111.6deg);
        transform: rotate(111.6deg);
    }

.style-2018 .challenges-ring[data-progress="32"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="32"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="32"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="32"] .challenges-ring-fill {
    -webkit-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg);
}

    .style-2018 .challenges-ring[data-progress="32"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="32"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(115.2deg);
        -moz-transform: rotate(115.2deg);
        -ms-transform: rotate(115.2deg);
        -o-transform: rotate(115.2deg);
        transform: rotate(115.2deg);
    }

.style-2018 .challenges-ring[data-progress="33"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="33"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="33"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="33"] .challenges-ring-fill {
    -webkit-transform: rotate(59.4deg);
    -moz-transform: rotate(59.4deg);
    -ms-transform: rotate(59.4deg);
    -o-transform: rotate(59.4deg);
    transform: rotate(59.4deg);
}

    .style-2018 .challenges-ring[data-progress="33"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="33"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(118.8deg);
        -moz-transform: rotate(118.8deg);
        -ms-transform: rotate(118.8deg);
        -o-transform: rotate(118.8deg);
        transform: rotate(118.8deg);
    }

.style-2018 .challenges-ring[data-progress="34"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="34"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="34"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="34"] .challenges-ring-fill {
    -webkit-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg);
}

    .style-2018 .challenges-ring[data-progress="34"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="34"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(122.4deg);
        -moz-transform: rotate(122.4deg);
        -ms-transform: rotate(122.4deg);
        -o-transform: rotate(122.4deg);
        transform: rotate(122.4deg);
    }

.style-2018 .challenges-ring[data-progress="35"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="35"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="35"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="35"] .challenges-ring-fill {
    -webkit-transform: rotate(63deg);
    -moz-transform: rotate(63deg);
    -ms-transform: rotate(63deg);
    -o-transform: rotate(63deg);
    transform: rotate(63deg);
}

    .style-2018 .challenges-ring[data-progress="35"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="35"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(126deg);
        -moz-transform: rotate(126deg);
        -ms-transform: rotate(126deg);
        -o-transform: rotate(126deg);
        transform: rotate(126deg);
    }

.style-2018 .challenges-ring[data-progress="36"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="36"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="36"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="36"] .challenges-ring-fill {
    -webkit-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg);
}

    .style-2018 .challenges-ring[data-progress="36"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="36"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(129.6deg);
        -moz-transform: rotate(129.6deg);
        -ms-transform: rotate(129.6deg);
        -o-transform: rotate(129.6deg);
        transform: rotate(129.6deg);
    }

.style-2018 .challenges-ring[data-progress="37"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="37"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="37"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="37"] .challenges-ring-fill {
    -webkit-transform: rotate(66.6deg);
    -moz-transform: rotate(66.6deg);
    -ms-transform: rotate(66.6deg);
    -o-transform: rotate(66.6deg);
    transform: rotate(66.6deg);
}

    .style-2018 .challenges-ring[data-progress="37"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="37"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(133.2deg);
        -moz-transform: rotate(133.2deg);
        -ms-transform: rotate(133.2deg);
        -o-transform: rotate(133.2deg);
        transform: rotate(133.2deg);
    }

.style-2018 .challenges-ring[data-progress="38"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="38"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="38"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="38"] .challenges-ring-fill {
    -webkit-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg);
}

    .style-2018 .challenges-ring[data-progress="38"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="38"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(136.8deg);
        -moz-transform: rotate(136.8deg);
        -ms-transform: rotate(136.8deg);
        -o-transform: rotate(136.8deg);
        transform: rotate(136.8deg);
    }

.style-2018 .challenges-ring[data-progress="39"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="39"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="39"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="39"] .challenges-ring-fill {
    -webkit-transform: rotate(70.2deg);
    -moz-transform: rotate(70.2deg);
    -ms-transform: rotate(70.2deg);
    -o-transform: rotate(70.2deg);
    transform: rotate(70.2deg);
}

    .style-2018 .challenges-ring[data-progress="39"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="39"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(140.4deg);
        -moz-transform: rotate(140.4deg);
        -ms-transform: rotate(140.4deg);
        -o-transform: rotate(140.4deg);
        transform: rotate(140.4deg);
    }

.style-2018 .challenges-ring[data-progress="40"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="40"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="40"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="40"] .challenges-ring-fill {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg);
}

    .style-2018 .challenges-ring[data-progress="40"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="40"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(144deg);
        -moz-transform: rotate(144deg);
        -ms-transform: rotate(144deg);
        -o-transform: rotate(144deg);
        transform: rotate(144deg);
    }

.style-2018 .challenges-ring[data-progress="41"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="41"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="41"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="41"] .challenges-ring-fill {
    -webkit-transform: rotate(73.8deg);
    -moz-transform: rotate(73.8deg);
    -ms-transform: rotate(73.8deg);
    -o-transform: rotate(73.8deg);
    transform: rotate(73.8deg);
}

    .style-2018 .challenges-ring[data-progress="41"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="41"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(147.6deg);
        -moz-transform: rotate(147.6deg);
        -ms-transform: rotate(147.6deg);
        -o-transform: rotate(147.6deg);
        transform: rotate(147.6deg);
    }

.style-2018 .challenges-ring[data-progress="42"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="42"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="42"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="42"] .challenges-ring-fill {
    -webkit-transform: rotate(75.6deg);
    -moz-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    -o-transform: rotate(75.6deg);
    transform: rotate(75.6deg);
}

    .style-2018 .challenges-ring[data-progress="42"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="42"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(151.2deg);
        -moz-transform: rotate(151.2deg);
        -ms-transform: rotate(151.2deg);
        -o-transform: rotate(151.2deg);
        transform: rotate(151.2deg);
    }

.style-2018 .challenges-ring[data-progress="43"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="43"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="43"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="43"] .challenges-ring-fill {
    -webkit-transform: rotate(77.4deg);
    -moz-transform: rotate(77.4deg);
    -ms-transform: rotate(77.4deg);
    -o-transform: rotate(77.4deg);
    transform: rotate(77.4deg);
}

    .style-2018 .challenges-ring[data-progress="43"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="43"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(154.8deg);
        -moz-transform: rotate(154.8deg);
        -ms-transform: rotate(154.8deg);
        -o-transform: rotate(154.8deg);
        transform: rotate(154.8deg);
    }

.style-2018 .challenges-ring[data-progress="44"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="44"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="44"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="44"] .challenges-ring-fill {
    -webkit-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg);
}

    .style-2018 .challenges-ring[data-progress="44"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="44"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(158.4deg);
        -moz-transform: rotate(158.4deg);
        -ms-transform: rotate(158.4deg);
        -o-transform: rotate(158.4deg);
        transform: rotate(158.4deg);
    }

.style-2018 .challenges-ring[data-progress="45"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="45"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="45"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="45"] .challenges-ring-fill {
    -webkit-transform: rotate(81deg);
    -moz-transform: rotate(81deg);
    -ms-transform: rotate(81deg);
    -o-transform: rotate(81deg);
    transform: rotate(81deg);
}

    .style-2018 .challenges-ring[data-progress="45"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="45"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(162deg);
        -moz-transform: rotate(162deg);
        -ms-transform: rotate(162deg);
        -o-transform: rotate(162deg);
        transform: rotate(162deg);
    }

.style-2018 .challenges-ring[data-progress="46"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="46"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="46"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="46"] .challenges-ring-fill {
    -webkit-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg);
}

    .style-2018 .challenges-ring[data-progress="46"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="46"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(165.6deg);
        -moz-transform: rotate(165.6deg);
        -ms-transform: rotate(165.6deg);
        -o-transform: rotate(165.6deg);
        transform: rotate(165.6deg);
    }

.style-2018 .challenges-ring[data-progress="47"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="47"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="47"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="47"] .challenges-ring-fill {
    -webkit-transform: rotate(84.6deg);
    -moz-transform: rotate(84.6deg);
    -ms-transform: rotate(84.6deg);
    -o-transform: rotate(84.6deg);
    transform: rotate(84.6deg);
}

    .style-2018 .challenges-ring[data-progress="47"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="47"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(169.2deg);
        -moz-transform: rotate(169.2deg);
        -ms-transform: rotate(169.2deg);
        -o-transform: rotate(169.2deg);
        transform: rotate(169.2deg);
    }

.style-2018 .challenges-ring[data-progress="48"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="48"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="48"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="48"] .challenges-ring-fill {
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg);
}

    .style-2018 .challenges-ring[data-progress="48"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="48"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(172.8deg);
        -moz-transform: rotate(172.8deg);
        -ms-transform: rotate(172.8deg);
        -o-transform: rotate(172.8deg);
        transform: rotate(172.8deg);
    }

.style-2018 .challenges-ring[data-progress="49"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="49"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="49"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="49"] .challenges-ring-fill {
    -webkit-transform: rotate(88.2deg);
    -moz-transform: rotate(88.2deg);
    -ms-transform: rotate(88.2deg);
    -o-transform: rotate(88.2deg);
    transform: rotate(88.2deg);
}

    .style-2018 .challenges-ring[data-progress="49"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="49"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(176.4deg);
        -moz-transform: rotate(176.4deg);
        -ms-transform: rotate(176.4deg);
        -o-transform: rotate(176.4deg);
        transform: rotate(176.4deg);
    }

.style-2018 .challenges-ring[data-progress="50"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="50"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="50"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="50"] .challenges-ring-fill {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

    .style-2018 .challenges-ring[data-progress="50"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="50"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.style-2018 .challenges-ring[data-progress="51"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="51"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="51"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="51"] .challenges-ring-fill {
    -webkit-transform: rotate(91.8deg);
    -moz-transform: rotate(91.8deg);
    -ms-transform: rotate(91.8deg);
    -o-transform: rotate(91.8deg);
    transform: rotate(91.8deg);
}

    .style-2018 .challenges-ring[data-progress="51"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="51"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(183.6deg);
        -moz-transform: rotate(183.6deg);
        -ms-transform: rotate(183.6deg);
        -o-transform: rotate(183.6deg);
        transform: rotate(183.6deg);
    }

.style-2018 .challenges-ring[data-progress="52"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="52"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="52"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="52"] .challenges-ring-fill {
    -webkit-transform: rotate(93.6deg);
    -moz-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    -o-transform: rotate(93.6deg);
    transform: rotate(93.6deg);
}

    .style-2018 .challenges-ring[data-progress="52"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="52"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(187.2deg);
        -moz-transform: rotate(187.2deg);
        -ms-transform: rotate(187.2deg);
        -o-transform: rotate(187.2deg);
        transform: rotate(187.2deg);
    }

.style-2018 .challenges-ring[data-progress="53"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="53"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="53"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="53"] .challenges-ring-fill {
    -webkit-transform: rotate(95.4deg);
    -moz-transform: rotate(95.4deg);
    -ms-transform: rotate(95.4deg);
    -o-transform: rotate(95.4deg);
    transform: rotate(95.4deg);
}

    .style-2018 .challenges-ring[data-progress="53"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="53"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(190.8deg);
        -moz-transform: rotate(190.8deg);
        -ms-transform: rotate(190.8deg);
        -o-transform: rotate(190.8deg);
        transform: rotate(190.8deg);
    }

.style-2018 .challenges-ring[data-progress="54"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="54"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="54"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="54"] .challenges-ring-fill {
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg);
}

    .style-2018 .challenges-ring[data-progress="54"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="54"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(194.4deg);
        -moz-transform: rotate(194.4deg);
        -ms-transform: rotate(194.4deg);
        -o-transform: rotate(194.4deg);
        transform: rotate(194.4deg);
    }

.style-2018 .challenges-ring[data-progress="55"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="55"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="55"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="55"] .challenges-ring-fill {
    -webkit-transform: rotate(99deg);
    -moz-transform: rotate(99deg);
    -ms-transform: rotate(99deg);
    -o-transform: rotate(99deg);
    transform: rotate(99deg);
}

    .style-2018 .challenges-ring[data-progress="55"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="55"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(198deg);
        -moz-transform: rotate(198deg);
        -ms-transform: rotate(198deg);
        -o-transform: rotate(198deg);
        transform: rotate(198deg);
    }

.style-2018 .challenges-ring[data-progress="56"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="56"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="56"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="56"] .challenges-ring-fill {
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg);
}

    .style-2018 .challenges-ring[data-progress="56"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="56"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(201.6deg);
        -moz-transform: rotate(201.6deg);
        -ms-transform: rotate(201.6deg);
        -o-transform: rotate(201.6deg);
        transform: rotate(201.6deg);
    }

.style-2018 .challenges-ring[data-progress="57"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="57"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="57"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="57"] .challenges-ring-fill {
    -webkit-transform: rotate(102.6deg);
    -moz-transform: rotate(102.6deg);
    -ms-transform: rotate(102.6deg);
    -o-transform: rotate(102.6deg);
    transform: rotate(102.6deg);
}

    .style-2018 .challenges-ring[data-progress="57"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="57"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(205.2deg);
        -moz-transform: rotate(205.2deg);
        -ms-transform: rotate(205.2deg);
        -o-transform: rotate(205.2deg);
        transform: rotate(205.2deg);
    }

.style-2018 .challenges-ring[data-progress="58"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="58"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="58"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="58"] .challenges-ring-fill {
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg);
}

    .style-2018 .challenges-ring[data-progress="58"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="58"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(208.8deg);
        -moz-transform: rotate(208.8deg);
        -ms-transform: rotate(208.8deg);
        -o-transform: rotate(208.8deg);
        transform: rotate(208.8deg);
    }

.style-2018 .challenges-ring[data-progress="59"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="59"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="59"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="59"] .challenges-ring-fill {
    -webkit-transform: rotate(106.2deg);
    -moz-transform: rotate(106.2deg);
    -ms-transform: rotate(106.2deg);
    -o-transform: rotate(106.2deg);
    transform: rotate(106.2deg);
}

    .style-2018 .challenges-ring[data-progress="59"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="59"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(212.4deg);
        -moz-transform: rotate(212.4deg);
        -ms-transform: rotate(212.4deg);
        -o-transform: rotate(212.4deg);
        transform: rotate(212.4deg);
    }

.style-2018 .challenges-ring[data-progress="60"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="60"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="60"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="60"] .challenges-ring-fill {
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg);
}

    .style-2018 .challenges-ring[data-progress="60"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="60"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(216deg);
        -moz-transform: rotate(216deg);
        -ms-transform: rotate(216deg);
        -o-transform: rotate(216deg);
        transform: rotate(216deg);
    }

.style-2018 .challenges-ring[data-progress="61"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="61"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="61"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="61"] .challenges-ring-fill {
    -webkit-transform: rotate(109.8deg);
    -moz-transform: rotate(109.8deg);
    -ms-transform: rotate(109.8deg);
    -o-transform: rotate(109.8deg);
    transform: rotate(109.8deg);
}

    .style-2018 .challenges-ring[data-progress="61"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="61"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(219.6deg);
        -moz-transform: rotate(219.6deg);
        -ms-transform: rotate(219.6deg);
        -o-transform: rotate(219.6deg);
        transform: rotate(219.6deg);
    }

.style-2018 .challenges-ring[data-progress="62"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="62"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="62"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="62"] .challenges-ring-fill {
    -webkit-transform: rotate(111.6deg);
    -moz-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    -o-transform: rotate(111.6deg);
    transform: rotate(111.6deg);
}

    .style-2018 .challenges-ring[data-progress="62"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="62"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(223.2deg);
        -moz-transform: rotate(223.2deg);
        -ms-transform: rotate(223.2deg);
        -o-transform: rotate(223.2deg);
        transform: rotate(223.2deg);
    }

.style-2018 .challenges-ring[data-progress="63"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="63"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="63"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="63"] .challenges-ring-fill {
    -webkit-transform: rotate(113.4deg);
    -moz-transform: rotate(113.4deg);
    -ms-transform: rotate(113.4deg);
    -o-transform: rotate(113.4deg);
    transform: rotate(113.4deg);
}

    .style-2018 .challenges-ring[data-progress="63"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="63"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(226.8deg);
        -moz-transform: rotate(226.8deg);
        -ms-transform: rotate(226.8deg);
        -o-transform: rotate(226.8deg);
        transform: rotate(226.8deg);
    }

.style-2018 .challenges-ring[data-progress="64"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="64"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="64"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="64"] .challenges-ring-fill {
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg);
}

    .style-2018 .challenges-ring[data-progress="64"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="64"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(230.4deg);
        -moz-transform: rotate(230.4deg);
        -ms-transform: rotate(230.4deg);
        -o-transform: rotate(230.4deg);
        transform: rotate(230.4deg);
    }

.style-2018 .challenges-ring[data-progress="65"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="65"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="65"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="65"] .challenges-ring-fill {
    -webkit-transform: rotate(117deg);
    -moz-transform: rotate(117deg);
    -ms-transform: rotate(117deg);
    -o-transform: rotate(117deg);
    transform: rotate(117deg);
}

    .style-2018 .challenges-ring[data-progress="65"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="65"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(234deg);
        -moz-transform: rotate(234deg);
        -ms-transform: rotate(234deg);
        -o-transform: rotate(234deg);
        transform: rotate(234deg);
    }

.style-2018 .challenges-ring[data-progress="66"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="66"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="66"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="66"] .challenges-ring-fill {
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg);
}

    .style-2018 .challenges-ring[data-progress="66"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="66"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(237.6deg);
        -moz-transform: rotate(237.6deg);
        -ms-transform: rotate(237.6deg);
        -o-transform: rotate(237.6deg);
        transform: rotate(237.6deg);
    }

.style-2018 .challenges-ring[data-progress="67"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="67"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="67"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="67"] .challenges-ring-fill {
    -webkit-transform: rotate(120.6deg);
    -moz-transform: rotate(120.6deg);
    -ms-transform: rotate(120.6deg);
    -o-transform: rotate(120.6deg);
    transform: rotate(120.6deg);
}

    .style-2018 .challenges-ring[data-progress="67"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="67"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(241.2deg);
        -moz-transform: rotate(241.2deg);
        -ms-transform: rotate(241.2deg);
        -o-transform: rotate(241.2deg);
        transform: rotate(241.2deg);
    }

.style-2018 .challenges-ring[data-progress="68"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="68"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="68"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="68"] .challenges-ring-fill {
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg);
}

    .style-2018 .challenges-ring[data-progress="68"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="68"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(244.8deg);
        -moz-transform: rotate(244.8deg);
        -ms-transform: rotate(244.8deg);
        -o-transform: rotate(244.8deg);
        transform: rotate(244.8deg);
    }

.style-2018 .challenges-ring[data-progress="69"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="69"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="69"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="69"] .challenges-ring-fill {
    -webkit-transform: rotate(124.2deg);
    -moz-transform: rotate(124.2deg);
    -ms-transform: rotate(124.2deg);
    -o-transform: rotate(124.2deg);
    transform: rotate(124.2deg);
}

    .style-2018 .challenges-ring[data-progress="69"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="69"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(248.4deg);
        -moz-transform: rotate(248.4deg);
        -ms-transform: rotate(248.4deg);
        -o-transform: rotate(248.4deg);
        transform: rotate(248.4deg);
    }

.style-2018 .challenges-ring[data-progress="70"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="70"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="70"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="70"] .challenges-ring-fill {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg);
}

    .style-2018 .challenges-ring[data-progress="70"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="70"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(252deg);
        -moz-transform: rotate(252deg);
        -ms-transform: rotate(252deg);
        -o-transform: rotate(252deg);
        transform: rotate(252deg);
    }

.style-2018 .challenges-ring[data-progress="71"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="71"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="71"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="71"] .challenges-ring-fill {
    -webkit-transform: rotate(127.8deg);
    -moz-transform: rotate(127.8deg);
    -ms-transform: rotate(127.8deg);
    -o-transform: rotate(127.8deg);
    transform: rotate(127.8deg);
}

    .style-2018 .challenges-ring[data-progress="71"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="71"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(255.6deg);
        -moz-transform: rotate(255.6deg);
        -ms-transform: rotate(255.6deg);
        -o-transform: rotate(255.6deg);
        transform: rotate(255.6deg);
    }

.style-2018 .challenges-ring[data-progress="72"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="72"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="72"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="72"] .challenges-ring-fill {
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg);
}

    .style-2018 .challenges-ring[data-progress="72"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="72"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(259.2deg);
        -moz-transform: rotate(259.2deg);
        -ms-transform: rotate(259.2deg);
        -o-transform: rotate(259.2deg);
        transform: rotate(259.2deg);
    }

.style-2018 .challenges-ring[data-progress="73"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="73"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="73"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="73"] .challenges-ring-fill {
    -webkit-transform: rotate(131.4deg);
    -moz-transform: rotate(131.4deg);
    -ms-transform: rotate(131.4deg);
    -o-transform: rotate(131.4deg);
    transform: rotate(131.4deg);
}

    .style-2018 .challenges-ring[data-progress="73"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="73"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(262.8deg);
        -moz-transform: rotate(262.8deg);
        -ms-transform: rotate(262.8deg);
        -o-transform: rotate(262.8deg);
        transform: rotate(262.8deg);
    }

.style-2018 .challenges-ring[data-progress="74"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="74"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="74"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="74"] .challenges-ring-fill {
    -webkit-transform: rotate(133.2deg);
    -moz-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    -o-transform: rotate(133.2deg);
    transform: rotate(133.2deg);
}

    .style-2018 .challenges-ring[data-progress="74"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="74"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(266.4deg);
        -moz-transform: rotate(266.4deg);
        -ms-transform: rotate(266.4deg);
        -o-transform: rotate(266.4deg);
        transform: rotate(266.4deg);
    }

.style-2018 .challenges-ring[data-progress="75"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="75"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="75"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="75"] .challenges-ring-fill {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

    .style-2018 .challenges-ring[data-progress="75"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="75"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);
    }

.style-2018 .challenges-ring[data-progress="76"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="76"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="76"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="76"] .challenges-ring-fill {
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg);
}

    .style-2018 .challenges-ring[data-progress="76"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="76"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(273.6deg);
        -moz-transform: rotate(273.6deg);
        -ms-transform: rotate(273.6deg);
        -o-transform: rotate(273.6deg);
        transform: rotate(273.6deg);
    }

.style-2018 .challenges-ring[data-progress="77"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="77"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="77"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="77"] .challenges-ring-fill {
    -webkit-transform: rotate(138.6deg);
    -moz-transform: rotate(138.6deg);
    -ms-transform: rotate(138.6deg);
    -o-transform: rotate(138.6deg);
    transform: rotate(138.6deg);
}

    .style-2018 .challenges-ring[data-progress="77"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="77"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(277.2deg);
        -moz-transform: rotate(277.2deg);
        -ms-transform: rotate(277.2deg);
        -o-transform: rotate(277.2deg);
        transform: rotate(277.2deg);
    }

.style-2018 .challenges-ring[data-progress="78"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="78"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="78"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="78"] .challenges-ring-fill {
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg);
}

    .style-2018 .challenges-ring[data-progress="78"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="78"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(280.8deg);
        -moz-transform: rotate(280.8deg);
        -ms-transform: rotate(280.8deg);
        -o-transform: rotate(280.8deg);
        transform: rotate(280.8deg);
    }

.style-2018 .challenges-ring[data-progress="79"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="79"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="79"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="79"] .challenges-ring-fill {
    -webkit-transform: rotate(142.2deg);
    -moz-transform: rotate(142.2deg);
    -ms-transform: rotate(142.2deg);
    -o-transform: rotate(142.2deg);
    transform: rotate(142.2deg);
}

    .style-2018 .challenges-ring[data-progress="79"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="79"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(284.4deg);
        -moz-transform: rotate(284.4deg);
        -ms-transform: rotate(284.4deg);
        -o-transform: rotate(284.4deg);
        transform: rotate(284.4deg);
    }

.style-2018 .challenges-ring[data-progress="80"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="80"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="80"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="80"] .challenges-ring-fill {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg);
}

    .style-2018 .challenges-ring[data-progress="80"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="80"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(288deg);
        -moz-transform: rotate(288deg);
        -ms-transform: rotate(288deg);
        -o-transform: rotate(288deg);
        transform: rotate(288deg);
    }

.style-2018 .challenges-ring[data-progress="81"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="81"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="81"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="81"] .challenges-ring-fill {
    -webkit-transform: rotate(145.8deg);
    -moz-transform: rotate(145.8deg);
    -ms-transform: rotate(145.8deg);
    -o-transform: rotate(145.8deg);
    transform: rotate(145.8deg);
}

    .style-2018 .challenges-ring[data-progress="81"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="81"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(291.6deg);
        -moz-transform: rotate(291.6deg);
        -ms-transform: rotate(291.6deg);
        -o-transform: rotate(291.6deg);
        transform: rotate(291.6deg);
    }

.style-2018 .challenges-ring[data-progress="82"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="82"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="82"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="82"] .challenges-ring-fill {
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg);
}

    .style-2018 .challenges-ring[data-progress="82"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="82"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(295.2deg);
        -moz-transform: rotate(295.2deg);
        -ms-transform: rotate(295.2deg);
        -o-transform: rotate(295.2deg);
        transform: rotate(295.2deg);
    }

.style-2018 .challenges-ring[data-progress="83"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="83"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="83"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="83"] .challenges-ring-fill {
    -webkit-transform: rotate(149.4deg);
    -moz-transform: rotate(149.4deg);
    -ms-transform: rotate(149.4deg);
    -o-transform: rotate(149.4deg);
    transform: rotate(149.4deg);
}

    .style-2018 .challenges-ring[data-progress="83"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="83"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(298.8deg);
        -moz-transform: rotate(298.8deg);
        -ms-transform: rotate(298.8deg);
        -o-transform: rotate(298.8deg);
        transform: rotate(298.8deg);
    }

.style-2018 .challenges-ring[data-progress="84"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="84"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="84"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="84"] .challenges-ring-fill {
    -webkit-transform: rotate(151.2deg);
    -moz-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    -o-transform: rotate(151.2deg);
    transform: rotate(151.2deg);
}

    .style-2018 .challenges-ring[data-progress="84"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="84"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(302.4deg);
        -moz-transform: rotate(302.4deg);
        -ms-transform: rotate(302.4deg);
        -o-transform: rotate(302.4deg);
        transform: rotate(302.4deg);
    }

.style-2018 .challenges-ring[data-progress="85"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="85"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="85"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="85"] .challenges-ring-fill {
    -webkit-transform: rotate(153deg);
    -moz-transform: rotate(153deg);
    -ms-transform: rotate(153deg);
    -o-transform: rotate(153deg);
    transform: rotate(153deg);
}

    .style-2018 .challenges-ring[data-progress="85"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="85"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(306deg);
        -moz-transform: rotate(306deg);
        -ms-transform: rotate(306deg);
        -o-transform: rotate(306deg);
        transform: rotate(306deg);
    }

.style-2018 .challenges-ring[data-progress="86"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="86"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="86"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="86"] .challenges-ring-fill {
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg);
}

    .style-2018 .challenges-ring[data-progress="86"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="86"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(309.6deg);
        -moz-transform: rotate(309.6deg);
        -ms-transform: rotate(309.6deg);
        -o-transform: rotate(309.6deg);
        transform: rotate(309.6deg);
    }

.style-2018 .challenges-ring[data-progress="87"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="87"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="87"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="87"] .challenges-ring-fill {
    -webkit-transform: rotate(156.6deg);
    -moz-transform: rotate(156.6deg);
    -ms-transform: rotate(156.6deg);
    -o-transform: rotate(156.6deg);
    transform: rotate(156.6deg);
}

    .style-2018 .challenges-ring[data-progress="87"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="87"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(313.2deg);
        -moz-transform: rotate(313.2deg);
        -ms-transform: rotate(313.2deg);
        -o-transform: rotate(313.2deg);
        transform: rotate(313.2deg);
    }

.style-2018 .challenges-ring[data-progress="88"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="88"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="88"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="88"] .challenges-ring-fill {
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg);
}

    .style-2018 .challenges-ring[data-progress="88"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="88"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(316.8deg);
        -moz-transform: rotate(316.8deg);
        -ms-transform: rotate(316.8deg);
        -o-transform: rotate(316.8deg);
        transform: rotate(316.8deg);
    }

.style-2018 .challenges-ring[data-progress="89"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="89"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="89"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="89"] .challenges-ring-fill {
    -webkit-transform: rotate(160.2deg);
    -moz-transform: rotate(160.2deg);
    -ms-transform: rotate(160.2deg);
    -o-transform: rotate(160.2deg);
    transform: rotate(160.2deg);
}

    .style-2018 .challenges-ring[data-progress="89"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="89"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(320.4deg);
        -moz-transform: rotate(320.4deg);
        -ms-transform: rotate(320.4deg);
        -o-transform: rotate(320.4deg);
        transform: rotate(320.4deg);
    }

.style-2018 .challenges-ring[data-progress="90"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="90"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="90"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="90"] .challenges-ring-fill {
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg);
}

    .style-2018 .challenges-ring[data-progress="90"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="90"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(324deg);
        -moz-transform: rotate(324deg);
        -ms-transform: rotate(324deg);
        -o-transform: rotate(324deg);
        transform: rotate(324deg);
    }

.style-2018 .challenges-ring[data-progress="91"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="91"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="91"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="91"] .challenges-ring-fill {
    -webkit-transform: rotate(163.8deg);
    -moz-transform: rotate(163.8deg);
    -ms-transform: rotate(163.8deg);
    -o-transform: rotate(163.8deg);
    transform: rotate(163.8deg);
}

    .style-2018 .challenges-ring[data-progress="91"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="91"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(327.6deg);
        -moz-transform: rotate(327.6deg);
        -ms-transform: rotate(327.6deg);
        -o-transform: rotate(327.6deg);
        transform: rotate(327.6deg);
    }

.style-2018 .challenges-ring[data-progress="92"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="92"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="92"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="92"] .challenges-ring-fill {
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg);
}

    .style-2018 .challenges-ring[data-progress="92"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="92"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(331.2deg);
        -moz-transform: rotate(331.2deg);
        -ms-transform: rotate(331.2deg);
        -o-transform: rotate(331.2deg);
        transform: rotate(331.2deg);
    }

.style-2018 .challenges-ring[data-progress="93"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="93"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="93"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="93"] .challenges-ring-fill {
    -webkit-transform: rotate(167.4deg);
    -moz-transform: rotate(167.4deg);
    -ms-transform: rotate(167.4deg);
    -o-transform: rotate(167.4deg);
    transform: rotate(167.4deg);
}

    .style-2018 .challenges-ring[data-progress="93"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="93"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(334.8deg);
        -moz-transform: rotate(334.8deg);
        -ms-transform: rotate(334.8deg);
        -o-transform: rotate(334.8deg);
        transform: rotate(334.8deg);
    }

.style-2018 .challenges-ring[data-progress="94"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="94"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="94"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="94"] .challenges-ring-fill {
    -webkit-transform: rotate(169.2deg);
    -moz-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    -o-transform: rotate(169.2deg);
    transform: rotate(169.2deg);
}

    .style-2018 .challenges-ring[data-progress="94"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="94"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(338.4deg);
        -moz-transform: rotate(338.4deg);
        -ms-transform: rotate(338.4deg);
        -o-transform: rotate(338.4deg);
        transform: rotate(338.4deg);
    }

.style-2018 .challenges-ring[data-progress="95"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="95"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="95"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="95"] .challenges-ring-fill {
    -webkit-transform: rotate(171deg);
    -moz-transform: rotate(171deg);
    -ms-transform: rotate(171deg);
    -o-transform: rotate(171deg);
    transform: rotate(171deg);
}

    .style-2018 .challenges-ring[data-progress="95"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="95"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(342deg);
        -moz-transform: rotate(342deg);
        -ms-transform: rotate(342deg);
        -o-transform: rotate(342deg);
        transform: rotate(342deg);
    }

.style-2018 .challenges-ring[data-progress="96"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="96"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="96"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="96"] .challenges-ring-fill {
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg);
}

    .style-2018 .challenges-ring[data-progress="96"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="96"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(345.6deg);
        -moz-transform: rotate(345.6deg);
        -ms-transform: rotate(345.6deg);
        -o-transform: rotate(345.6deg);
        transform: rotate(345.6deg);
    }

.style-2018 .challenges-ring[data-progress="97"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="97"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="97"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="97"] .challenges-ring-fill {
    -webkit-transform: rotate(174.6deg);
    -moz-transform: rotate(174.6deg);
    -ms-transform: rotate(174.6deg);
    -o-transform: rotate(174.6deg);
    transform: rotate(174.6deg);
}

    .style-2018 .challenges-ring[data-progress="97"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="97"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(349.2deg);
        -moz-transform: rotate(349.2deg);
        -ms-transform: rotate(349.2deg);
        -o-transform: rotate(349.2deg);
        transform: rotate(349.2deg);
    }

.style-2018 .challenges-ring[data-progress="98"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="98"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="98"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="98"] .challenges-ring-fill {
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg);
}

    .style-2018 .challenges-ring[data-progress="98"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="98"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(352.8deg);
        -moz-transform: rotate(352.8deg);
        -ms-transform: rotate(352.8deg);
        -o-transform: rotate(352.8deg);
        transform: rotate(352.8deg);
    }

.style-2018 .challenges-ring[data-progress="99"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="99"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="99"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="99"] .challenges-ring-fill {
    -webkit-transform: rotate(178.2deg);
    -moz-transform: rotate(178.2deg);
    -ms-transform: rotate(178.2deg);
    -o-transform: rotate(178.2deg);
    transform: rotate(178.2deg);
}

    .style-2018 .challenges-ring[data-progress="99"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="99"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(356.4deg);
        -moz-transform: rotate(356.4deg);
        -ms-transform: rotate(356.4deg);
        -o-transform: rotate(356.4deg);
        transform: rotate(356.4deg);
    }

.style-2018 .challenges-ring[data-progress="100"] .challenges-ring-mask.full,
.style-2018 .challenges-ring[data-progress="100"] .challenges-ring-fill, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="100"] .challenges-ring-mask.full,
.style-2018 .olh-challenges-details-wrapper-ring[data-progress="100"] .challenges-ring-fill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

    .style-2018 .challenges-ring[data-progress="100"] .challenges-ring-fill.fix, .style-2018 .olh-challenges-details-wrapper-ring[data-progress="100"] .challenges-ring-fill.fix {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }

@media (min-width: 768px) {
    .style-2018 .challenges .connection-menu, .style-2018 .olh-challenges-details-wrapper .connection-menu {
        top: 34px;
        right: 8px;
    }

        .style-2018 .challenges .connection-menu:after, .style-2018 .olh-challenges-details-wrapper .connection-menu:after {
            right: 12px;
        }
}

.style-2018 .challenges .slider .carousel .slides > li, .style-2018 .olh-challenges-details-wrapper .slider .carousel .slides > li {
    margin-right: 30px;
}

    .style-2018 .challenges .slider .carousel .slides > li.connection-menu-item, .style-2018 .olh-challenges-details-wrapper .slider .carousel .slides > li.connection-menu-item {
        margin: 0;
    }

.style-2018 .challenges .slider .flex-direction-nav, .style-2018 .olh-challenges-details-wrapper .slider .flex-direction-nav {
    margin: 0;
}

    .style-2018 .challenges .slider .flex-direction-nav a, .style-2018 .olh-challenges-details-wrapper .slider .flex-direction-nav a {
        width: 32px;
        height: 64px;
        background-color: #ffffff;
        background-size: contain;
        margin: -50px 0 0;
        -webkit-transition: background-color 0.4s linear;
        -moz-transition: background-color 0.4s linear;
        -ms-transition: background-color 0.4s linear;
        -o-transition: background-color 0.4s linear;
        transition: background-color 0.4s linear;
    }

@media (max-width: 767px) {
    .style-2018 .challenges .slider .flex-direction-nav a, .style-2018 .olh-challenges-details-wrapper .slider .flex-direction-nav a {
        background-color: transparent;
    }
}

.style-2018 .challenges .slider .flex-direction-nav a.flex-prev, .style-2018 .olh-challenges-details-wrapper .slider .flex-direction-nav a.flex-prev {
    left: 0;
}

@media (max-width: 767px) {
    .style-2018 .challenges .slider .flex-direction-nav a.flex-prev, .style-2018 .olh-challenges-details-wrapper .slider .flex-direction-nav a.flex-prev {
        left: -24px;
    }
}

.style-2018 .challenges .slider .flex-direction-nav a.flex-next, .style-2018 .olh-challenges-details-wrapper .slider .flex-direction-nav a.flex-next {
    right: 0;
}

@media (max-width: 767px) {
    .style-2018 .challenges .slider .flex-direction-nav a.flex-next, .style-2018 .olh-challenges-details-wrapper .slider .flex-direction-nav a.flex-next {
        right: -24px;
    }
}

.style-2018 .challenges .slider .flex-control-nav, .style-2018 .olh-challenges-details-wrapper .slider .flex-control-nav {
    text-align: center;
    margin: 0 auto;
    padding: 0;
}

    .style-2018 .challenges .slider .flex-control-nav li, .style-2018 .olh-challenges-details-wrapper .slider .flex-control-nav li {
        margin: 0 6px;
        display: inline-block;
        zoom: 1;
    }

    .style-2018 .challenges .slider .flex-control-nav a, .style-2018 .olh-challenges-details-wrapper .slider .flex-control-nav a {
        width: 12px;
        height: 12px;
        background-color: #ffffff;
        border: 1px solid #aaaaaa;
        border-radius: 50%;
        display: block;
        text-indent: -9999px;
    }

        .style-2018 .challenges .slider .flex-control-nav a.flex-active, .style-2018 .olh-challenges-details-wrapper .slider .flex-control-nav a.flex-active {
            background-color: #aaaaaa;
        }

.style-2018 .challenges .slider.single .carousel .slides li, .style-2018 .olh-challenges-details-wrapper .slider.single .carousel .slides li {
    margin-right: 0;
}

.style-2018 .challenges-bar, .style-2018 .olh-challenges-details-wrapper-bar {
    margin-bottom: 1em;
}

.style-2018 .challenges-bar-background, .style-2018 .olh-challenges-details-wrapper-bar-background {
    background-color: #f3f3f3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #aaaaaa;
    height: 10px;
}

.style-2018 .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar-fill {
    background-color: #0cc0de;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    height: 10px;
    margin-top: -1px;
    margin-left: -1px;
}

.style-2018 .challenges-bar-text, .style-2018 .olh-challenges-details-wrapper-bar-text {
    height: 1.7em;
}

.style-2018 .challenges-bar-text--left, .style-2018 .olh-challenges-details-wrapper-bar-text--left {
    text-align: left;
}

@media (max-width: 767px) {
    .style-2018 .challenges-bar-text--left, .style-2018 .olh-challenges-details-wrapper-bar-text--left {
        text-align: center;
    }
}

.style-2018 .challenges-bar-text--right, .style-2018 .olh-challenges-details-wrapper-bar-text--right {
    text-align: right;
}

@media (max-width: 767px) {
    .style-2018 .challenges-bar-text--right, .style-2018 .olh-challenges-details-wrapper-bar-text--right {
        text-align: center;
        margin-top: 1em;
    }
}

.style-2018 .challenges-bar[data-progress="0"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="0"] .challenges-bar-fill {
    width: 0%;
}

.style-2018 .challenges-bar[data-progress="1"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="1"] .challenges-bar-fill {
    width: 1%;
}

.style-2018 .challenges-bar[data-progress="2"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="2"] .challenges-bar-fill {
    width: 2%;
}

.style-2018 .challenges-bar[data-progress="3"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="3"] .challenges-bar-fill {
    width: 3%;
}

.style-2018 .challenges-bar[data-progress="4"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="4"] .challenges-bar-fill {
    width: 4%;
}

.style-2018 .challenges-bar[data-progress="5"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="5"] .challenges-bar-fill {
    width: 5%;
}

.style-2018 .challenges-bar[data-progress="6"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="6"] .challenges-bar-fill {
    width: 6%;
}

.style-2018 .challenges-bar[data-progress="7"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="7"] .challenges-bar-fill {
    width: 7%;
}

.style-2018 .challenges-bar[data-progress="8"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="8"] .challenges-bar-fill {
    width: 8%;
}

.style-2018 .challenges-bar[data-progress="9"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="9"] .challenges-bar-fill {
    width: 9%;
}

.style-2018 .challenges-bar[data-progress="10"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="10"] .challenges-bar-fill {
    width: 10%;
}

.style-2018 .challenges-bar[data-progress="11"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="11"] .challenges-bar-fill {
    width: 11%;
}

.style-2018 .challenges-bar[data-progress="12"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="12"] .challenges-bar-fill {
    width: 12%;
}

.style-2018 .challenges-bar[data-progress="13"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="13"] .challenges-bar-fill {
    width: 13%;
}

.style-2018 .challenges-bar[data-progress="14"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="14"] .challenges-bar-fill {
    width: 14%;
}

.style-2018 .challenges-bar[data-progress="15"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="15"] .challenges-bar-fill {
    width: 15%;
}

.style-2018 .challenges-bar[data-progress="16"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="16"] .challenges-bar-fill {
    width: 16%;
}

.style-2018 .challenges-bar[data-progress="17"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="17"] .challenges-bar-fill {
    width: 17%;
}

.style-2018 .challenges-bar[data-progress="18"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="18"] .challenges-bar-fill {
    width: 18%;
}

.style-2018 .challenges-bar[data-progress="19"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="19"] .challenges-bar-fill {
    width: 19%;
}

.style-2018 .challenges-bar[data-progress="20"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="20"] .challenges-bar-fill {
    width: 20%;
}

.style-2018 .challenges-bar[data-progress="21"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="21"] .challenges-bar-fill {
    width: 21%;
}

.style-2018 .challenges-bar[data-progress="22"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="22"] .challenges-bar-fill {
    width: 22%;
}

.style-2018 .challenges-bar[data-progress="23"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="23"] .challenges-bar-fill {
    width: 23%;
}

.style-2018 .challenges-bar[data-progress="24"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="24"] .challenges-bar-fill {
    width: 24%;
}

.style-2018 .challenges-bar[data-progress="25"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="25"] .challenges-bar-fill {
    width: 25%;
}

.style-2018 .challenges-bar[data-progress="26"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="26"] .challenges-bar-fill {
    width: 26%;
}

.style-2018 .challenges-bar[data-progress="27"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="27"] .challenges-bar-fill {
    width: 27%;
}

.style-2018 .challenges-bar[data-progress="28"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="28"] .challenges-bar-fill {
    width: 28%;
}

.style-2018 .challenges-bar[data-progress="29"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="29"] .challenges-bar-fill {
    width: 29%;
}

.style-2018 .challenges-bar[data-progress="30"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="30"] .challenges-bar-fill {
    width: 30%;
}

.style-2018 .challenges-bar[data-progress="31"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="31"] .challenges-bar-fill {
    width: 31%;
}

.style-2018 .challenges-bar[data-progress="32"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="32"] .challenges-bar-fill {
    width: 32%;
}

.style-2018 .challenges-bar[data-progress="33"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="33"] .challenges-bar-fill {
    width: 33%;
}

.style-2018 .challenges-bar[data-progress="34"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="34"] .challenges-bar-fill {
    width: 34%;
}

.style-2018 .challenges-bar[data-progress="35"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="35"] .challenges-bar-fill {
    width: 35%;
}

.style-2018 .challenges-bar[data-progress="36"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="36"] .challenges-bar-fill {
    width: 36%;
}

.style-2018 .challenges-bar[data-progress="37"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="37"] .challenges-bar-fill {
    width: 37%;
}

.style-2018 .challenges-bar[data-progress="38"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="38"] .challenges-bar-fill {
    width: 38%;
}

.style-2018 .challenges-bar[data-progress="39"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="39"] .challenges-bar-fill {
    width: 39%;
}

.style-2018 .challenges-bar[data-progress="40"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="40"] .challenges-bar-fill {
    width: 40%;
}

.style-2018 .challenges-bar[data-progress="41"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="41"] .challenges-bar-fill {
    width: 41%;
}

.style-2018 .challenges-bar[data-progress="42"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="42"] .challenges-bar-fill {
    width: 42%;
}

.style-2018 .challenges-bar[data-progress="43"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="43"] .challenges-bar-fill {
    width: 43%;
}

.style-2018 .challenges-bar[data-progress="44"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="44"] .challenges-bar-fill {
    width: 44%;
}

.style-2018 .challenges-bar[data-progress="45"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="45"] .challenges-bar-fill {
    width: 45%;
}

.style-2018 .challenges-bar[data-progress="46"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="46"] .challenges-bar-fill {
    width: 46%;
}

.style-2018 .challenges-bar[data-progress="47"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="47"] .challenges-bar-fill {
    width: 47%;
}

.style-2018 .challenges-bar[data-progress="48"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="48"] .challenges-bar-fill {
    width: 48%;
}

.style-2018 .challenges-bar[data-progress="49"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="49"] .challenges-bar-fill {
    width: 49%;
}

.style-2018 .challenges-bar[data-progress="50"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="50"] .challenges-bar-fill {
    width: 50%;
}

.style-2018 .challenges-bar[data-progress="51"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="51"] .challenges-bar-fill {
    width: 51%;
}

.style-2018 .challenges-bar[data-progress="52"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="52"] .challenges-bar-fill {
    width: 52%;
}

.style-2018 .challenges-bar[data-progress="53"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="53"] .challenges-bar-fill {
    width: 53%;
}

.style-2018 .challenges-bar[data-progress="54"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="54"] .challenges-bar-fill {
    width: 54%;
}

.style-2018 .challenges-bar[data-progress="55"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="55"] .challenges-bar-fill {
    width: 55%;
}

.style-2018 .challenges-bar[data-progress="56"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="56"] .challenges-bar-fill {
    width: 56%;
}

.style-2018 .challenges-bar[data-progress="57"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="57"] .challenges-bar-fill {
    width: 57%;
}

.style-2018 .challenges-bar[data-progress="58"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="58"] .challenges-bar-fill {
    width: 58%;
}

.style-2018 .challenges-bar[data-progress="59"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="59"] .challenges-bar-fill {
    width: 59%;
}

.style-2018 .challenges-bar[data-progress="60"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="60"] .challenges-bar-fill {
    width: 60%;
}

.style-2018 .challenges-bar[data-progress="61"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="61"] .challenges-bar-fill {
    width: 61%;
}

.style-2018 .challenges-bar[data-progress="62"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="62"] .challenges-bar-fill {
    width: 62%;
}

.style-2018 .challenges-bar[data-progress="63"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="63"] .challenges-bar-fill {
    width: 63%;
}

.style-2018 .challenges-bar[data-progress="64"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="64"] .challenges-bar-fill {
    width: 64%;
}

.style-2018 .challenges-bar[data-progress="65"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="65"] .challenges-bar-fill {
    width: 65%;
}

.style-2018 .challenges-bar[data-progress="66"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="66"] .challenges-bar-fill {
    width: 66%;
}

.style-2018 .challenges-bar[data-progress="67"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="67"] .challenges-bar-fill {
    width: 67%;
}

.style-2018 .challenges-bar[data-progress="68"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="68"] .challenges-bar-fill {
    width: 68%;
}

.style-2018 .challenges-bar[data-progress="69"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="69"] .challenges-bar-fill {
    width: 69%;
}

.style-2018 .challenges-bar[data-progress="70"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="70"] .challenges-bar-fill {
    width: 70%;
}

.style-2018 .challenges-bar[data-progress="71"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="71"] .challenges-bar-fill {
    width: 71%;
}

.style-2018 .challenges-bar[data-progress="72"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="72"] .challenges-bar-fill {
    width: 72%;
}

.style-2018 .challenges-bar[data-progress="73"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="73"] .challenges-bar-fill {
    width: 73%;
}

.style-2018 .challenges-bar[data-progress="74"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="74"] .challenges-bar-fill {
    width: 74%;
}

.style-2018 .challenges-bar[data-progress="75"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="75"] .challenges-bar-fill {
    width: 75%;
}

.style-2018 .challenges-bar[data-progress="76"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="76"] .challenges-bar-fill {
    width: 76%;
}

.style-2018 .challenges-bar[data-progress="77"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="77"] .challenges-bar-fill {
    width: 77%;
}

.style-2018 .challenges-bar[data-progress="78"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="78"] .challenges-bar-fill {
    width: 78%;
}

.style-2018 .challenges-bar[data-progress="79"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="79"] .challenges-bar-fill {
    width: 79%;
}

.style-2018 .challenges-bar[data-progress="80"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="80"] .challenges-bar-fill {
    width: 80%;
}

.style-2018 .challenges-bar[data-progress="81"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="81"] .challenges-bar-fill {
    width: 81%;
}

.style-2018 .challenges-bar[data-progress="82"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="82"] .challenges-bar-fill {
    width: 82%;
}

.style-2018 .challenges-bar[data-progress="83"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="83"] .challenges-bar-fill {
    width: 83%;
}

.style-2018 .challenges-bar[data-progress="84"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="84"] .challenges-bar-fill {
    width: 84%;
}

.style-2018 .challenges-bar[data-progress="85"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="85"] .challenges-bar-fill {
    width: 85%;
}

.style-2018 .challenges-bar[data-progress="86"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="86"] .challenges-bar-fill {
    width: 86%;
}

.style-2018 .challenges-bar[data-progress="87"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="87"] .challenges-bar-fill {
    width: 87%;
}

.style-2018 .challenges-bar[data-progress="88"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="88"] .challenges-bar-fill {
    width: 88%;
}

.style-2018 .challenges-bar[data-progress="89"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="89"] .challenges-bar-fill {
    width: 89%;
}

.style-2018 .challenges-bar[data-progress="90"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="90"] .challenges-bar-fill {
    width: 90%;
}

.style-2018 .challenges-bar[data-progress="91"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="91"] .challenges-bar-fill {
    width: 91%;
}

.style-2018 .challenges-bar[data-progress="92"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="92"] .challenges-bar-fill {
    width: 92%;
}

.style-2018 .challenges-bar[data-progress="93"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="93"] .challenges-bar-fill {
    width: 93%;
}

.style-2018 .challenges-bar[data-progress="94"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="94"] .challenges-bar-fill {
    width: 94%;
}

.style-2018 .challenges-bar[data-progress="95"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="95"] .challenges-bar-fill {
    width: 95%;
}

.style-2018 .challenges-bar[data-progress="96"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="96"] .challenges-bar-fill {
    width: 96%;
}

.style-2018 .challenges-bar[data-progress="97"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="97"] .challenges-bar-fill {
    width: 97%;
}

.style-2018 .challenges-bar[data-progress="98"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="98"] .challenges-bar-fill {
    width: 98%;
}

.style-2018 .challenges-bar[data-progress="99"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="99"] .challenges-bar-fill {
    width: 99%;
}

.style-2018 .challenges-bar[data-progress="100"] .challenges-bar-fill, .style-2018 .olh-challenges-details-wrapper-bar[data-progress="100"] .challenges-bar-fill {
    width: 100%;
}

.style-2018 .challenges-progress, .style-2018 .olh-challenges-details-wrapper-progress {
    text-align: left;
    margin: auto 0;
    line-height: 1.1;
    padding: 1.5em 0;
}

@media (max-width: 767px) {
    .style-2018 .challenges-progress, .style-2018 .olh-challenges-details-wrapper-progress {
        display: inline-block;
    }
}

.style-2018 .challenges-progress-value, .style-2018 .olh-challenges-details-wrapper-progress-value {
    color: #00528a;
    font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 2.5em;
}

    .style-2018 .challenges-progress-value.rank-pending, .style-2018 .olh-challenges-details-wrapper-progress-value.rank-pending {
        font-size: 1em;
    }

.style-2018 .challenges-progress-target, .style-2018 .olh-challenges-details-wrapper-progress-target {
    color: #00528a;
    font-family: "Helvetica Neue LT W01_55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1.9em;
}

.style-2018 .challenges-progress-personal-total, .style-2018 .challenges-progress-personal-rank, .style-2018 .olh-challenges-details-wrapper-progress-personal-total, .style-2018 .olh-challenges-details-wrapper-progress-personal-rank {
    color: #087D91;
    font-family: "Helvetica Neue LT W01_55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.style-2018 .challenges ol.leaderboard-ordered-list, .style-2018 .challenges ol.leaderboard-ordered-list-ranking, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking {
    counter-reset: gradient-counter;
    list-style: none;
    padding-left: 0;
}

    .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard {
        background: #ffffff;
        border-radius: 0.5rem;
        margin-top: 1rem;
        padding: 1rem 3rem 1rem 3rem;
        position: relative;
        display: list-item;
        border: 1px solid #CCCCCC;
    }

        .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard .leaderboard-member-details ol > div, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard .leaderboard-member-details ol > div, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard .leaderboard-member-details ol > div, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard .leaderboard-member-details ol > div {
            list-style-type: decimal;
            font-weight: bolder;
            color: #00528a;
        }

            .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard .leaderboard-member-details ol > div .olh-unordered-list-sub-item, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard .leaderboard-member-details ol > div .olh-unordered-list-sub-item, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard .leaderboard-member-details ol > div .olh-unordered-list-sub-item, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard .leaderboard-member-details ol > div .olh-unordered-list-sub-item {
                display: inline-block;
                width: 100%;
                vertical-align: middle;
            }

        .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.conditional-display, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.conditional-display, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.conditional-display, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.conditional-display {
            height: 0;
            visibility: hidden;
            margin: 0;
            padding: 0;
            overflow: hidden;
            border: 0;
        }

        .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team, .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user {
            color: #00528a;
            border: 1px solid #0cc0de;
        }

            .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team .olh-available-team-name--profile-name p, .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team::before, .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team .challenges-leaderboard-count, .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user .olh-available-team-name--profile-name p, .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user::before, .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user .challenges-leaderboard-count, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team .olh-available-team-name--profile-name p, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team::before, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team .challenges-leaderboard-count, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user .olh-available-team-name--profile-name p, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user::before, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user .challenges-leaderboard-count, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team .olh-available-team-name--profile-name p, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team::before, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team .challenges-leaderboard-count, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user .olh-available-team-name--profile-name p, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user::before, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user .challenges-leaderboard-count, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team .olh-available-team-name--profile-name p, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team::before, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team .challenges-leaderboard-count, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user .olh-available-team-name--profile-name p, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user::before, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user .challenges-leaderboard-count {
                color: #00528a;
            }

            .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team .leaderboard-member-details .olh-available-team-name--profile-name p, .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team .leaderboard-member-details::before, .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team .leaderboard-member-details .challenges-leaderboard-count, .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user .leaderboard-member-details .olh-available-team-name--profile-name p, .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user .leaderboard-member-details::before, .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user .leaderboard-member-details .challenges-leaderboard-count, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team .leaderboard-member-details .olh-available-team-name--profile-name p, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team .leaderboard-member-details::before, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team .leaderboard-member-details .challenges-leaderboard-count, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user .leaderboard-member-details .olh-available-team-name--profile-name p, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user .leaderboard-member-details::before, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user .leaderboard-member-details .challenges-leaderboard-count, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team .leaderboard-member-details .olh-available-team-name--profile-name p, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team .leaderboard-member-details::before, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team .leaderboard-member-details .challenges-leaderboard-count, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user .leaderboard-member-details .olh-available-team-name--profile-name p, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user .leaderboard-member-details::before, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user .leaderboard-member-details .challenges-leaderboard-count, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team .leaderboard-member-details .olh-available-team-name--profile-name p, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team .leaderboard-member-details::before, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team .leaderboard-member-details .challenges-leaderboard-count, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user .leaderboard-member-details .olh-available-team-name--profile-name p, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user .leaderboard-member-details::before, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user .leaderboard-member-details .challenges-leaderboard-count {
                color: #525252;
            }

            .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team .current-team-divider, .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user .current-team-divider, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team .current-team-divider, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user .current-team-divider, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team .current-team-divider, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user .current-team-divider, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team .current-team-divider, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user .current-team-divider {
                background-position: top;
                background-size: 0.7em 0.2em;
                background-repeat: repeat-x;
                height: 0.1em;
                position: absolute;
                top: -4.4em;
                right: 0;
                left: 0;
            }

            .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team.extra-margin, .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user.extra-margin, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team.extra-margin, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user.extra-margin, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team.extra-margin, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user.extra-margin, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team.extra-margin, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user.extra-margin {
                margin-top: 4.5em;
            }

            .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team.minimum-margin, .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user.minimum-margin, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team.minimum-margin, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user.minimum-margin, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team.minimum-margin, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user.minimum-margin, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team.minimum-margin, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user.minimum-margin {
                margin-top: 2em;
            }

                .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team.minimum-margin .current-team-divider, .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user.minimum-margin .current-team-divider, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team.minimum-margin .current-team-divider, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user.minimum-margin .current-team-divider, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-team.minimum-margin .current-team-divider, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.current-user.minimum-margin .current-team-divider, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-team.minimum-margin .current-team-divider, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.current-user.minimum-margin .current-team-divider {
                    top: -1em;
                }

        .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.team-above-current .extra-team-divider, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.team-above-current .extra-team-divider, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.team-above-current .extra-team-divider, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.team-above-current .extra-team-divider {
            background-image: linear-gradient(to right, #333333 10%, rgba(255, 255, 255, 0.3) 0%);
            background-position: top;
            background-size: 0.7em 0.2em;
            background-repeat: repeat-x;
            height: 0.1em;
            position: absolute;
            top: -3.75em;
            right: 0;
            left: 0;
        }

        .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard.team-above-current.extra-team-margin, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.team-above-current.extra-team-margin, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard.team-above-current.extra-team-margin, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard.team-above-current.extra-team-margin {
            margin-top: 4.5em;
        }

        .style-2018 .challenges ol.leaderboard-ordered-list > div.challenges-leaderboard + div, .style-2018 .challenges ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard + div, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list > div.challenges-leaderboard + div, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking > div.challenges-leaderboard + div {
            margin-top: 1rem;
        }

    .style-2018 .challenges ol.leaderboard-ordered-list div.challenges-custom-rankings, .style-2018 .challenges ol.leaderboard-ordered-list div.challenges-custom-team-members, .style-2018 .challenges ol.leaderboard-ordered-list-ranking div.challenges-custom-rankings, .style-2018 .challenges ol.leaderboard-ordered-list-ranking div.challenges-custom-team-members, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list div.challenges-custom-rankings, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list div.challenges-custom-team-members, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking div.challenges-custom-rankings, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking div.challenges-custom-team-members {
        color: #00528a;
        z-index: 1;
        overflow: hidden;
        position: absolute;
        height: 3rem;
        font-weight: bolder;
    }

    .style-2018 .challenges ol.leaderboard-ordered-list div.challenges-custom-rankings, .style-2018 .challenges ol.leaderboard-ordered-list-ranking div.challenges-custom-rankings, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list div.challenges-custom-rankings, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking div.challenges-custom-rankings {
        padding: 0.125em 0;
        left: 1.7rem;
        top: 1.5rem;
        width: 3rem;
    }

    .style-2018 .challenges ol.leaderboard-ordered-list div.challenges-custom-team-members, .style-2018 .challenges ol.leaderboard-ordered-list-ranking div.challenges-custom-team-members, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list div.challenges-custom-team-members, .style-2018 .olh-challenges-details-wrapper ol.leaderboard-ordered-list-ranking div.challenges-custom-team-members {
        padding: 0.625rem 0;
        left: 2.3rem;
        width: 1.2rem;
    }

.style-2018 .challenges-leaderboard, .style-2018 .olh-challenges-details-wrapper-leaderboard {
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -ms-border-radius: 0.3em;
    border-radius: 0.3em;
    -webkit-box-shadow: 0 0.1em 1em 0.4em rgba(189, 189, 189, 0.21);
    -moz-box-shadow: 0 0.1em 1em 0.4em rgba(189, 189, 189, 0.21);
    box-shadow: 0 0.1em 1em 0.4em rgba(189, 189, 189, 0.21);
    transition: all 0.25s linear;
    cursor: pointer;
    animation: fadeIn 0.5s 0.1s both;
    display: inline;
}

    .style-2018 .challenges-leaderboard .leaderboard-team .olh-available-team-name--profile-name p, .style-2018 .olh-challenges-details-wrapper-leaderboard .leaderboard-team .olh-available-team-name--profile-name p {
        padding-left: 3em;
    }

.style-2018 .challenges-leaderboard-image, .style-2018 .olh-challenges-details-wrapper-leaderboard-image {
    position: relative;
    max-width: 3em;
    height: auto;
    margin-right: 1.2em;
    border-radius: 50%;
}

.style-2018 .challenges-leaderboard-name, .style-2018 .olh-challenges-details-wrapper-leaderboard-name {
    font-size: 1.2em;
    color: #525252;
}

.style-2018 .challenges-leaderboard-count, .style-2018 .olh-challenges-details-wrapper-leaderboard-count {
    margin-bottom: 0;
    font-size: 1.1em;
    color: #525252;
    line-height: 1.8;
    display: inline-block;
    max-width: 20em;
}

@media (max-width: 767px) {
    .style-2018 .challenges-leaderboard-count, .style-2018 .olh-challenges-details-wrapper-leaderboard-count {
        margin-left: 0.5em;
    }
}

.style-2018 .challenges-leaderboard--team-members > div:first-child, .style-2018 .olh-challenges-details-wrapper-leaderboard--team-members > div:first-child {
    margin: 1em 0 0 0;
}

.style-2018 .challenges-leaderboard--team-members .captain-indicator, .style-2018 .olh-challenges-details-wrapper-leaderboard--team-members .captain-indicator {
    bottom: -0.2em;
}

.style-2018 .challenges-leaderboard--team-members .olh-available-team-name--wrapper, .style-2018 .olh-challenges-details-wrapper-leaderboard--team-members .olh-available-team-name--wrapper {
    margin: 0.2em 0;
}

.style-2018 .challenges-leaderboard .olh-action-text, .style-2018 .olh-challenges-details-wrapper-leaderboard .olh-action-text {
    float: right;
    border: 0;
    background: none;
    padding: 0.3em;
}

    .style-2018 .challenges-leaderboard .olh-action-text:focus, .style-2018 .olh-challenges-details-wrapper-leaderboard .olh-action-text:focus {
        outline: 1px solid #0897D6;
        outline-offset: 0.25em;
    }

.style-2018 .challenges-leaderboard .olh-available-team-name--profile-name p, .style-2018 .olh-challenges-details-wrapper-leaderboard .olh-available-team-name--profile-name p {
    font-size: 1em;
    line-height: 2;
    color: #525252;
    padding-left: 0.5em;
}

.style-2018 .challenges-tracker-graph-area .tracker-container, .style-2018 .olh-challenges-details-wrapper-tracker-graph-area .tracker-container {
    border: 1px solid #DCDCDC;
    -webkit-box-shadow: 0 0 0.67em 0.1em rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 0.67em 0.1em rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 0.67em 0.1em rgba(0, 0, 0, 0.08);
}

.style-2018 .challenges-tracker-graph-area .ui-datepicker, .style-2018 .olh-challenges-details-wrapper-tracker-graph-area .ui-datepicker {
    border: none;
}

.style-2018 #overallRanking .leaderboard-ordered-list-ranking .leaderboard-team .olh-available-team-name--profile-name p {
    padding-left: 0.5em;
}

.style-2018 .view-all-terms {
    margin-top: 1em;
    text-decoration: underline;
    display: block;
    margin-bottom: 2em;
}

    .style-2018 .view-all-terms:focus {
        outline: none;
        border: 0;
    }

.style-2018 .challenges-panel {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #DCDCDC;
    line-height: 1.6;
    margin-bottom: 1.25em;
    padding: 2em;
    text-align: left;
    -webkit-box-shadow: 0 0 0.67em 0.1em rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 0.67em 0.1em rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 0.67em 0.1em rgba(0, 0, 0, 0.08);
}

@media (max-width: 768px) {
    .style-2018 .challenges-panel {
        text-align: center;
    }
}

@media (max-width: 420px) {
    .style-2018 .challenges-panel {
        padding: 1em;
    }
}

.style-2018 .challenges-panel-heading {
    color: #00528a;
}

.style-2018 .challenges-panel-subheading {
    color: #525252;
    display: block;
    font-family: "Helvetica Neue LT W01_41488878", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1em;
    margin-top: 0.38em;
}

.style-2018 .challenges-panel-tall {
    height: auto;
    min-height: 19.5em;
}

.style-2018 .challenges-panel-content {
    font-size: 1.4em;
}

.style-2018 .challenges-panel-points {
    color: #00528a;
    font-size: 1.4em;
    line-height: 1.2;
}

.style-2018 .challenges-panel-number {
    font-size: 2.4em;
}

.style-2018 .challenges-panel-buttons {
    margin-top: 1.5em;
    text-align: center;
}

    .style-2018 .challenges-panel-buttons .button-new {
        margin-bottom: 0.5em;
    }

@media (max-width: 768px) {
    .style-2018 .challenges-panel-buttons .button-new {
        margin: 0 0 0.5em;
    }
}

@media (max-width: 868px) {
    .style-2018 .challenges-panel .tracker-content {
        padding: 0;
    }

    .style-2018 .challenges-panel .tracker-input-heading {
        margin-top: 1.8em;
    }
}

.style-2018 .challenges-panel .popover {
    min-width: 20em;
}

@media (max-width: 767px) {
    .style-2018 .challenges-panel .popover {
        min-width: 12em;
    }
}

.style-2018 .challenges-block {
    position: relative;
    height: auto;
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    cursor: pointer;
    line-height: 1.6;
    margin-bottom: 44px;
    opacity: 1;
    visibility: visible;
    -webkit-box-shadow: 0 0 10px 0 rgb(223, 223, 223);
    -moz-box-shadow: 0 0 10px 0 rgb(223, 223, 223);
    box-shadow: 0 0 10px 0 rgb(223, 223, 223);
    -webkit-transition: min-height .4s ease-out, opacity .4s linear;
    -moz-transition: min-height .4s ease-out, opacity .4s linear;
    -ms-transition: min-height .4s ease-out, opacity .4s linear;
    -o-transition: min-height .4s ease-out, opacity .4s linear;
    transition: min-height .4s ease-out, opacity .4s linear;
}

@media (min-width: 767px) {
    .style-2018 .challenges-block {
        min-height: 300px;
    }
}

@media (min-width: 1023px) {
    .style-2018 .challenges-block {
        min-height: 200px;
    }
}

.style-2018 .challenges-block.invisible {
    opacity: 0;
    visibility: hidden;
}

.style-2018 .challenges-block:hover, .style-2018 .challenges-block:focus {
    border: 1px solid #0897D6;
}

.style-2018 .challenges-block.stacked {
    text-align: center;
}

    .style-2018 .challenges-block.stacked .challenges-block-description {
        margin-right: 0;
    }

        .style-2018 .challenges-block.stacked .challenges-block-description .challenges-block-date {
            position: absolute;
        }

        .style-2018 .challenges-block.stacked .challenges-block-description .challenges-block-completion-date {
            left: 7.2em;
            bottom: 2.45em;
        }

        .style-2018 .challenges-block.stacked .challenges-block-description .challenges-block-continue {
            bottom: 1.075em;
            left: 6.1875em;
        }

    .style-2018 .challenges-block.stacked .challenges-block-action {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        height: 250px;
    }

.style-2018 .challenges-block.personal-challenge-view {
    height: 36em;
    /* For Screen Higher than 1400px */
}

    .style-2018 .challenges-block.personal-challenge-view .personal-challenge-details .personal-challenge-description {
        width: 100%;
        margin-right: 0;
        position: absolute;
        top: 15em;
    }

        .style-2018 .challenges-block.personal-challenge-view .personal-challenge-details .personal-challenge-description .personal-challenge-title {
            min-height: 6.5em;
        }

            .style-2018 .challenges-block.personal-challenge-view .personal-challenge-details .personal-challenge-description .personal-challenge-title a.more-link {
                text-decoration: none;
                outline: none;
                color: #525252;
            }

            .style-2018 .challenges-block.personal-challenge-view .personal-challenge-details .personal-challenge-description .personal-challenge-title .more-link:hover {
                text-decoration: underline;
            }

            .style-2018 .challenges-block.personal-challenge-view .personal-challenge-details .personal-challenge-description .personal-challenge-title .personal-challenges-heading {
                font-size: 1.25em;
                font-weight: bold;
                margin-bottom: 0.4em;
                min-height: 3.5em;
            }

            .style-2018 .challenges-block.personal-challenge-view .personal-challenge-details .personal-challenge-description .personal-challenge-title .challenge-truncate-text {
                font-size: 1em;
                color: #00528a;
                line-height: 1.4;
                margin-bottom: 1em;
            }

                .style-2018 .challenges-block.personal-challenge-view .personal-challenge-details .personal-challenge-description .personal-challenge-title .challenge-truncate-text .more-content span {
                    display: none;
                }

        .style-2018 .challenges-block.personal-challenge-view .personal-challenge-details .personal-challenge-description .personal-challenges-content {
            position: absolute;
            top: 12em;
        }

            .style-2018 .challenges-block.personal-challenge-view .personal-challenge-details .personal-challenge-description .personal-challenges-content p {
                margin-bottom: 0.3em;
            }

    .style-2018 .challenges-block.personal-challenge-view .personal-challenge-details .personal-challenge-form {
        position: absolute;
        bottom: 2.5em;
        left: 0;
        right: 0;
        z-index: 9;
        text-align: center;
    }

        .style-2018 .challenges-block.personal-challenge-view .personal-challenge-details .personal-challenge-form .personal-challenge-btn {
            font-size: 1em;
            padding: 0.2em 6em 0.2em 6em;
        }

@media (max-width: 424px) {
    .style-2018 .challenges-block.personal-challenge-view .personal-challenge-details .personal-challenge-form {
        position: absolute;
        left: 0.5em;
        right: 0.5em;
    }

        .style-2018 .challenges-block.personal-challenge-view .personal-challenge-details .personal-challenge-form .personal-challenge-btn {
            padding: 0.2em 4.5em 0.2em 4.5em;
        }
}

.style-2018 .challenges-block.personal-challenge-view .personal-challenge-details .challenge-details {
    position: absolute;
    bottom: 0em;
    left: 0.1em;
}

    .style-2018 .challenges-block.personal-challenge-view .personal-challenge-details .challenge-details p {
        text-align: center;
        text-decoration: underline;
        margin-top: 0.5em;
    }

.style-2018 .challenges-block.personal-challenge-view .personal-challenge-block {
    width: 100%;
    height: 12em;
}

    .style-2018 .challenges-block.personal-challenge-view .personal-challenge-block .challenge-img-fit {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

@media (min-width: 767px) {
    .style-2018 .challenges-block.personal-challenge-view .personal-challenge-block {
        min-height: 12em;
        padding-bottom: 60%;
    }
}

@media (max-width: 467px) {
    .style-2018 .challenges-block.personal-challenge-view .personal-challenge-description {
        top: 12.5em;
    }

        .style-2018 .challenges-block.personal-challenge-view .personal-challenge-description .personal-challenges-content {
            top: 15em;
        }
}

@media (min-width: 1441px) {
    .style-2018 .challenges-block.personal-challenge-view {
        height: 39em;
    }

        .style-2018 .challenges-block.personal-challenge-view .personal-challenge-details .personal-challenge-description {
            top: 19.5em;
        }

            .style-2018 .challenges-block.personal-challenge-view .personal-challenge-details .personal-challenge-description .personal-challenges-content {
                position: absolute;
                top: 10em;
            }
}

.style-2018 .challenges-block.completed .challenges-block-points {
    top: 32px;
    left: 0;
    background: transparent;
    font-size: 26px;
    font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-align: center;
    text-transform: capitalize;
}

@media (min-width: 735px) {
    .style-2018 .challenges-block.completed .challenges-block-points {
        font-size: 40px;
    }
}

.style-2018 .challenges-block.completed .challenges-block-points-number {
    display: block;
    font-family: "Helvetica Neue LT W01_41488878", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 100px;
    margin: 0;
}

.style-2018 .challenges-block.completed .challenges-block-goal-count {
    font-size: 28px;
}

.style-2018 .challenges-block.single .challenges-block-description {
    margin-top: 0;
    text-align: center;
}

@media (min-width: 767px) {
    .style-2018 .challenges-block.single .challenges-block-description {
        margin-left: 450px;
    }
}

.style-2018 .challenges-block.single .challenges-block-description .challenges-block-heading {
    margin-top: 0.5em;
    font-size: 1.8em;
}

.style-2018 .challenges-block.single .challenges-block-description .challenges-block-heading-type {
    text-align: left;
    font-weight: 600;
}

.style-2018 .challenges-block.single .challenges-block-description .challenges-block-completion {
    text-align: left;
    color: #00528a;
    border: 1px solid #00528a;
    border-radius: 2px;
    background-color: #f0feff;
    padding-right: 20px;
    padding-left: 20px;
}

.style-2018 .challenges-block-action, .style-2018 .challenges-block-description {
    position: relative;
    padding: 1.4em 1em 1em 1em;
}

.style-2018 .challenges-block-action {
    height: 100%;
    min-height: 180px;
    text-align: center;
    -webkit-transition: width .4s ease-out, height .4s ease-out, min-height .4s ease-out;
    -moz-transition: width .4s ease-out, height .4s ease-out, min-height .4s ease-out;
    -ms-transition: width .4s ease-out, height .4s ease-out, min-height .4s ease-out;
    -o-transition: width .4s ease-out, height .4s ease-out, min-height .4s ease-out;
    transition: width .4s ease-out, height .4s ease-out, min-height .4s ease-out;
}

@media (min-width: 767px) {
    .style-2018 .challenges-block-action {
        position: absolute;
        top: 0;
        right: 0;
        width: 350px;
        min-height: 300px;
    }
}

@media (min-width: 1023px) {
    .style-2018 .challenges-block-action {
        width: 450px;
        min-height: 180px;
    }
}

@media (min-width: 767px) {
    .style-2018 .challenges-block-description {
        margin-right: 370px;
        min-height: 300px;
    }
}

@media (min-width: 1023px) {
    .style-2018 .challenges-block-description {
        margin-right: 470px;
        min-height: 180px;
    }
}

.style-2018 .challenges-block-description p {
    font-size: 16px;
}

.style-2018 .challenges-block-heading {
    color: #00528a;
}

    .style-2018 .challenges-block-heading.aria-heading {
        font-size: 1.5em;
    }

.style-2018 .challenges-block-subheading {
    color: #00528a;
    font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 20px;
}

.style-2018 .challenges-block-form {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 100%;
    margin: -21px auto 0;
}

    .style-2018 .challenges-block-form .button-new {
        width: auto;
    }

.style-2018 .challenges-block-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

    .style-2018 .challenges-block-image > img {
        min-height: 100%;
        width: auto;
        max-width: 100%;
        height: auto;
        object-fit: cover;
    }

.style-2018 .challenges-block-goal {
    color: #525252;
    font-family: "Helvetica Neue LT W01_55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 18px;
    margin-bottom: 1.4em;
}

.style-2018 .challenges-block-goal-count {
    color: #00528a;
    font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 30px;
}

.style-2018 .challenges-block-date {
    color: #525252;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width: 735px) {
    .style-2018 .challenges-block-date {
        font-size: 18px;
    }
}

.style-2018 .challenges-block-date .icon-onlife-checkmark-circle {
    color: #0cc0de;
    display: inline-block;
    font-size: 1.2em;
    line-height: 1;
    margin-right: 4px;
    vertical-align: middle;
}

.style-2018 .challenges-block-completion-date {
    max-width: 300px;
    color: #525252;
    font-size: 16px;
    line-height: 2;
    margin: 0 auto 0.6em;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width: 735px) {
    .style-2018 .challenges-block-completion-date {
        font-size: 18px;
        line-height: 3;
    }
}

.style-2018 .challenges-block-completion-date .icon-onlife-checkmark-circle {
    color: #0cc0de;
    display: inline-block;
    font-size: 1.2em;
    line-height: 1;
    margin-right: 4px;
    vertical-align: middle;
}

.style-2018 .challenges-block-completed {
    font-size: 1.2em;
    margin-bottom: 0.6em;
    text-transform: uppercase;
}

.style-2018 .challenges-block-progress {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    border-radius: 20px;
    position: absolute;
    left: 1em;
    right: 1em;
    bottom: 1em;
    height: 25px;
    background: #aaaaaa;
    overflow: hidden;
}

.style-2018 .challenges-block-progress-amount {
    height: 25px;
    background: #0cc0de;
}

.style-2018 .challenges-block-status, .style-2018 .challenges-block-completion {
    position: absolute;
    left: 1em;
    right: 1em;
    bottom: 1em;
    color: #00528a;
    border: 1px solid #00528a;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    padding: 0.25em;
    background-color: #f0feff;
}

.style-2018 .challenges-block-continue {
    text-align: center;
    color: #525252;
    font-size: 16px;
    margin: 0 auto 0.6em;
}

.style-2018 .challenges-block-code {
    border-left: 6px solid #215e39;
    border-right: 1px solid #215e39;
    border-top: 1px solid #215e39;
    border-bottom: 1px solid #215e39;
    font-size: 16px;
}

.style-2018 .challenges-block-enrollby {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #aaaaaa;
    padding: 0.5em 1em;
    text-align: center;
}

.style-2018 .active-challenge .challenges-block.stacked {
    text-align: center;
}

    .style-2018 .active-challenge .challenges-block.stacked .challenges-block-description {
        margin-right: 0;
        height: 10.125em;
    }

        .style-2018 .active-challenge .challenges-block.stacked .challenges-block-description .challenges-block-completion-date, .style-2018 .active-challenge .challenges-block.stacked .challenges-block-description .challenges-block-continue {
            position: absolute;
        }

        .style-2018 .active-challenge .challenges-block.stacked .challenges-block-description .challenges-block-heading {
            top: 1em;
            right: 14em;
            font-size: 1.25em;
            font-weight: 900;
        }

        .style-2018 .active-challenge .challenges-block.stacked .challenges-block-description .challenges-block-date, .style-2018 .active-challenge .challenges-block.stacked .challenges-block-description .challenges-block-completion-date {
            font-size: 1em;
        }

        .style-2018 .active-challenge .challenges-block.stacked .challenges-block-description .challenges-block-progress {
            height: 1.0975em;
        }

        .style-2018 .active-challenge .challenges-block.stacked .challenges-block-description .challenges-block-completion-date {
            left: -30.2em;
            bottom: 0.75em;
        }

        .style-2018 .active-challenge .challenges-block.stacked .challenges-block-description .challenges-block-continue {
            top: 11.5em;
            left: -29.8125em;
        }

        .style-2018 .active-challenge .challenges-block.stacked .challenges-block-description .challenges-block-status, .style-2018 .active-challenge .challenges-block.stacked .challenges-block-description .challenges-block-completion {
            text-align: left;
            padding: 8px;
        }

    .style-2018 .active-challenge .challenges-block.stacked .challenges-block-action {
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        height: 10.625em;
    }

@media (min-width: 1025px) {
    .style-2018 .active-challenge .challenges-block.stacked {
        height: 23.5em;
    }
}

.style-2018 .active-challenge .challenges-block.single .challenges-block-description, .style-2018 .active-challenge .challenges-block.double .challenges-block-description {
    margin-right: 0;
    height: 100%;
}

    .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-heading, .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-completion-date, .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-continue, .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-heading, .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-completion-date, .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-continue {
        text-align: left;
    }

    .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-heading, .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-heading {
        line-height: 1.5;
        font-weight: 900;
    }

    .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-completion-date, .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-completion-date {
        font-size: 1em;
    }

    .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-continue, .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-continue {
        font-size: 1em;
    }

.style-2018 .active-challenge .challenges-block.single .challenges-block-description {
    margin-right: 0;
}

    .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-date, .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-completion-date {
        margin: 0 0 1.6em 0;
        text-align: left;
    }

    .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-continue {
        margin: 0 auto 0.6em;
    }

    .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-status, .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-completion {
        left: 0.5em;
        right: 0.5em;
        bottom: 0;
        text-align: left;
        padding: 8px;
        margin-left: 0.5em;
    }

@media (max-width: 568px) {
    .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-heading-type {
        text-align: center;
    }

    .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-heading {
        text-align: center;
        font-size: 1.25em;
    }

    .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-date {
        text-align: center;
        bottom: 0.25em;
    }
}

.style-2018 .active-challenge .challenges-block.double .challenges-block-action {
    width: 17.75em;
}

.style-2018 .active-challenge .challenges-block.double .challenges-block-description {
    margin-left: 17.75em;
    padding-left: 1.5em;
}

    .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-completion-date, .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-progress, .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-continue, .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-date {
        position: absolute;
    }

    .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-heading {
        top: 1em;
        font-size: 1.25em;
        font-weight: 900;
    }

    .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-date {
        text-align: left;
        margin-left: 1.25em;
        top: 6.8em;
    }

    .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-completion-date {
        top: 15.5em;
    }

    .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-continue {
        top: 18em;
        line-height: 1;
    }

    .style-2018 .active-challenge .challenges-block.double .challenges-block-description .connection-nav-icon {
        text-align: right;
    }

        .style-2018 .active-challenge .challenges-block.double .challenges-block-description .connection-nav-icon .icon {
            right: auto;
        }

    .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-status, .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-completion {
        left: 0.5em;
        right: 0.5em;
        bottom: 0;
        text-align: left;
        padding: 8px;
        margin-left: 1em;
    }

    .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-progress {
        left: 1.25em;
        bottom: 0.5em;
    }

@media (min-width: 568px) and (max-width: 1024px) {
    .style-2018 .active-challenge .challenges-block {
        min-height: 13.85em;
    }

        .style-2018 .active-challenge .challenges-block.single .challenges-block-action, .style-2018 .active-challenge .challenges-block.double .challenges-block-action, .style-2018 .active-challenge .challenges-block.stacked .challenges-block-action {
            width: 20em;
            height: 13.7em;
            position: absolute;
            top: auto;
            right: auto;
        }

            .style-2018 .active-challenge .challenges-block.single .challenges-block-action .challenges-block-image, .style-2018 .active-challenge .challenges-block.double .challenges-block-action .challenges-block-image, .style-2018 .active-challenge .challenges-block.stacked .challenges-block-action .challenges-block-image {
                height: 100%;
                display: inline-flex;
                justify-content: center;
                align-items: center;
            }

        .style-2018 .active-challenge .challenges-block.single .challenges-block-description, .style-2018 .active-challenge .challenges-block.double .challenges-block-description, .style-2018 .active-challenge .challenges-block.stacked .challenges-block-description {
            margin-left: 20em;
            padding-left: 1em;
            height: 13em;
            text-align: left;
        }

            .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-heading, .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-heading, .style-2018 .active-challenge .challenges-block.stacked .challenges-block-description .challenges-block-heading {
                top: 1em;
                font-size: 1.25em;
                font-weight: 900;
            }

            .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-date, .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-date, .style-2018 .active-challenge .challenges-block.stacked .challenges-block-description .challenges-block-date {
                text-align: left;
                margin-left: 1.1em;
            }

            .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-completion-date, .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-completion-date, .style-2018 .active-challenge .challenges-block.stacked .challenges-block-description .challenges-block-completion-date {
                margin: 0 0 1.6em 0;
            }

            .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-continue, .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-continue, .style-2018 .active-challenge .challenges-block.stacked .challenges-block-description .challenges-block-continue {
                margin: 0 auto 0.6em;
            }

            .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-status, .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-completion, .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-status, .style-2018 .active-challenge .challenges-block.double .challenges-block-description .challenges-block-completion, .style-2018 .active-challenge .challenges-block.stacked .challenges-block-description .challenges-block-status, .style-2018 .active-challenge .challenges-block.stacked .challenges-block-description .challenges-block-completion {
                right: 0.5em;
                text-align: left;
                padding: 0.5em;
                margin-left: 0;
            }

            .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-date {
                position: absolute;
                bottom: 1.2em;
            }

            .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-progress {
                position: absolute;
                bottom: 1.6em;
            }

            .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-status, .style-2018 .active-challenge .challenges-block.single .challenges-block-description .challenges-block-completion {
                bottom: 1em;
            }
}

@media (max-width: 568px) {
    .style-2018 .active-challenge .challenges-block .connection-menu {
        position: fixed;
        bottom: 2em;
        left: 0;
    }
}

@media (min-width: 767px) {
    .style-2018 .active-challenge .challenges-block-action {
        left: 0;
    }
}

@media (min-width: 767px) {
    .style-2018 .active-challenge .challenges-block-description {
        margin-right: 2.1875em;
    }
}

@media (min-width: 1023px) {
    .style-2018 .active-challenge .challenges-block-description {
        margin-right: 2.8125em;
    }
}

.style-2018 .active-challenge .challenges-block-date {
    bottom: 2.25em;
    left: 0;
    right: 0;
}

@media (min-width: 1200px) {
    .style-2018 .active-challenge .challenges-block-date {
        bottom: 1.5em;
    }
}

.style-2018 .active-challenge .challenges-block-progress {
    height: 1.125em;
    bottom: 1em;
}

@media (min-width: 1200px) {
    .style-2018 .active-challenge .challenges-block-progress {
        bottom: 0em;
    }
}

.style-2018 .active-challenge .challenges-block-heading-type {
    margin-bottom: -0.625em;
    font-size: 1em;
    font-weight: 600;
}

.style-2018 .active-challenge .challenges-block-heading {
    margin-top: 1em;
}

.style-2018 .active-challenge .challenges-block-heading-type + .style-2018 .active-challenge .challenges-block-heading {
    margin-top: 0.875em;
}

.style-2018 .sucessfully-completed {
    margin-bottom: 0.2em;
}

.style-2018 .successfully-completed-challenge-description {
    margin-bottom: 1.5em;
}

.style-2018 .historical-challenge.completed-team-challenge-card .challenges-block, .style-2018 .historical-challenge.corporate-completed-challenge .challenges-block, .style-2018 .historical-challenge.personal-challenge-completed .challenges-block {
    cursor: default;
}

    .style-2018 .historical-challenge.completed-team-challenge-card .challenges-block.stacked .challenges-block-description, .style-2018 .historical-challenge.corporate-completed-challenge .challenges-block.stacked .challenges-block-description, .style-2018 .historical-challenge.personal-challenge-completed .challenges-block.stacked .challenges-block-description {
        padding-bottom: 5em;
    }

        .style-2018 .historical-challenge.completed-team-challenge-card .challenges-block.stacked .challenges-block-description .challenges-block-heading, .style-2018 .historical-challenge.corporate-completed-challenge .challenges-block.stacked .challenges-block-description .challenges-block-heading, .style-2018 .historical-challenge.personal-challenge-completed .challenges-block.stacked .challenges-block-description .challenges-block-heading {
            font-size: 1.9em;
        }

        .style-2018 .historical-challenge.completed-team-challenge-card .challenges-block.stacked .challenges-block-description .challenges-block-date, .style-2018 .historical-challenge.corporate-completed-challenge .challenges-block.stacked .challenges-block-description .challenges-block-date, .style-2018 .historical-challenge.personal-challenge-completed .challenges-block.stacked .challenges-block-description .challenges-block-date {
            left: 0;
            right: 0;
            bottom: 1em;
            position: absolute;
        }

            .style-2018 .historical-challenge.completed-team-challenge-card .challenges-block.stacked .challenges-block-description .challenges-block-date p, .style-2018 .historical-challenge.corporate-completed-challenge .challenges-block.stacked .challenges-block-description .challenges-block-date p, .style-2018 .historical-challenge.personal-challenge-completed .challenges-block.stacked .challenges-block-description .challenges-block-date p {
                margin-bottom: 0.5em;
            }

@media (max-width: 467px) {
    .style-2018 .historical-challenge.completed-team-challenge-card .challenges-block.stacked .challenges-block-description .challenges-block-date, .style-2018 .historical-challenge.corporate-completed-challenge .challenges-block.stacked .challenges-block-description .challenges-block-date, .style-2018 .historical-challenge.personal-challenge-completed .challenges-block.stacked .challenges-block-description .challenges-block-date {
        top: 8.5em;
    }
}

@media (min-width: 1024px) {
    .style-2018 .historical-challenge.completed-team-challenge-card .challenges-block.stacked .challenges-block-description .challenges-block-date, .style-2018 .historical-challenge.corporate-completed-challenge .challenges-block.stacked .challenges-block-description .challenges-block-date, .style-2018 .historical-challenge.personal-challenge-completed .challenges-block.stacked .challenges-block-description .challenges-block-date {
        top: 8.4em;
    }
}

@media (max-width: 467px) {
    .style-2018 .historical-challenge.completed-team-challenge-card .challenges-block.stacked, .style-2018 .historical-challenge.corporate-completed-challenge .challenges-block.stacked, .style-2018 .historical-challenge.personal-challenge-completed .challenges-block.stacked {
        height: 30em;
    }
}

@media (min-width: 1024px) {
    .style-2018 .historical-challenge.completed-team-challenge-card .challenges-block.stacked, .style-2018 .historical-challenge.corporate-completed-challenge .challenges-block.stacked, .style-2018 .historical-challenge.personal-challenge-completed .challenges-block.stacked {
        height: 30em;
    }
}

.style-2018 .challenges-mast {
    min-height: 514px;
    padding: 3.4em 2em 2.4em;
    text-align: center;
}

@media (max-width: 767px) {
    .style-2018 .challenges-mast {
        padding-right: 1.8em;
        padding-left: 1.8em;
    }
}

.style-2018 .challenges-mast-daterange, .style-2018 .challenges-mast-heading, .style-2018 .challenges-mast-subheading {
    position: relative;
    z-index: 3;
    color: #ffffff;
    pointer-events: none;
}

.style-2018 .challenges-mast-daterange {
    text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6);
    font-size: 16px;
    margin-bottom: 1.2em;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .style-2018 .challenges-mast-daterange {
        margin-bottom: 0.4em;
    }
}

.style-2018 .challenges-mast-heading {
    text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6);
    font-size: 52px;
    margin-bottom: 0.2em;
}

@media (max-width: 767px) {
    .style-2018 .challenges-mast-heading {
        font-size: 42px;
    }
}

.style-2018 .challenges-mast-subheading {
    text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6);
    font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 26px;
    margin-bottom: 2em;
}

@media (max-width: 767px) {
    .style-2018 .challenges-mast-subheading {
        font-size: 20px;
    }
}

.style-2018 .challenges-mast-description {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 0 rgb(223, 223, 223);
    -moz-box-shadow: 0 0 10px 0 rgb(223, 223, 223);
    box-shadow: 0 0 10px 0 rgb(223, 223, 223);
    position: relative;
    z-index: 3;
    max-width: 840px;
    background: #ffffff;
    color: #525252;
    cursor: default;
    font-size: 1.2em;
    line-height: 1.4;
    margin: 0 auto;
    padding: 1.6em 2em;
}

@media (max-width: 767px) {
    .style-2018 .challenges-mast-description {
        font-size: 1em;
        padding: 1em 0.4em;
    }
}

.style-2018 .challenges-mast .challenges-enrollby {
    color: #00528a;
}

.style-2018 .challenges-mast .challenges-block-image {
    z-index: 1;
    cursor: pointer;
}

@media (max-width: 767px) {
    .style-2018 .challenges-mast .challenges-block-image {
        display: block;
    }
}

.style-2018 .challenges-mast .challenges-block-image::before {
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    content: "";
}

@media (max-width: 767px) {
    .style-2018 .challenges-mast .challenges-block-points {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        position: absolute;
        top: 0;
        right: 0;
    }
}

.style-2018 .challenges-tracker {
    position: relative;
}

    .style-2018 .challenges-tracker.initial {
        overflow: hidden;
    }

@media (max-width: 767px) {
    .style-2018 .challenges-tracker.initial {
        overflow: scroll;
        max-height: 40vh;
    }
}

.style-2018 .challenges-tracker-chart {
    width: 100%;
    max-width: 360px;
}

@media (max-width: 470px) {
    .style-2018 .challenges-tracker-chart {
        max-width: 246px;
    }
}

@media (max-width: 320px) {
    .style-2018 .challenges-tracker-chart {
        width: 206px;
    }
}

.style-2018 .challenges-tracker-list {
    width: 100%;
}

.style-2018 .challenges-tracker-item {
    width: 20%;
    float: left;
    opacity: 1;
    visibility: visible;
}

@media (max-width: 470px) {
    .style-2018 .challenges-tracker-item {
        width: 33%;
    }
}

.style-2018 .challenges-tracker-item.invisible {
    opacity: 0;
    visibility: hidden;
}

.style-2018 .challenges-tracker-graph {
    width: 14%;
    float: left;
    opacity: 1;
    visibility: visible;
}

@media (max-width: 470px) {
    .style-2018 .challenges-tracker-graph {
        width: 33%;
    }
}

.style-2018 .challenges-tracker-icon {
    padding: 10px 10px 0;
}

    .style-2018 .challenges-tracker-icon .icon {
        width: 40px;
        height: 40px;
        font-size: 2.6em;
        line-height: 1;
        margin: 0 auto;
    }

    .style-2018 .challenges-tracker-icon .icon-onlife-checkmark-circle {
        color: #0cc0de;
    }

    .style-2018 .challenges-tracker-icon .icon-onlife-x-circle {
        color: #b01f58;
    }

.style-2018 .challenges-tracker-icon-blank {
    background-color: #f3f3f3;
    border: 1px solid #aaaaaa;
    border-radius: 50%;
}

.style-2018 .challenges-tracker-group {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    margin-bottom: 32px;
}

    .style-2018 .challenges-tracker-group .challenges-tracker-item {
        width: auto;
        float: none;
    }

@media screen\0 {
    .style-2018 .challenges-tracker-group .challenges-tracker-item {
        float: left;
    }
}

.style-2018 .challenges-tracker-group .challenges-tracker-graph {
    width: auto;
    float: none;
}

@media screen\0 {
    .style-2018 .challenges-tracker-group .challenges-tracker-graph {
        float: left;
    }
}

.style-2018 .challenges-tracker-group .onlife-icon {
    width: 50px;
    height: 50px;
}

.style-2018 .challenges-tracker-group--small .onlife-icon {
    width: 30px;
    height: 30px;
}

.style-2018 .challenges-tracker-nav {
    margin: 0;
}

.style-2018 .challenges-tracker-nav-item.disabled {
    opacity: 0.3;
    cursor: default;
}

.style-2018 .challenges-tracker-nav .onlife-icon {
    width: 20px;
    height: 34px;
    background-color: #aaaaaa;
}

@supports (-ms-ime-align: auto) {
    .style-2018 .challenges-tracker-nav .onlife-icon {
        background-color: transparent;
    }
}

@media screen\0 {
    .style-2018 .challenges-tracker-nav .onlife-icon {
        background-color: transparent;
    }
}

.style-2018 .challenges-tracker-nav--prev, .style-2018 .challenges-tracker-nav--next {
    position: absolute;
    top: 45%;
    width: 20px;
    height: 34px;
    cursor: pointer;
    display: block;
    font-size: 0;
    margin: -26px 0 0;
}

    .style-2018 .challenges-tracker-nav--prev:hover .onlife-icon, .style-2018 .challenges-tracker-nav--next:hover .onlife-icon {
        background-color: #525252;
    }

@supports (-ms-ime-align: auto) {
    .style-2018 .challenges-tracker-nav--prev:hover .onlife-icon, .style-2018 .challenges-tracker-nav--next:hover .onlife-icon {
        background-color: transparent;
    }
}

@media screen\0 {
    .style-2018 .challenges-tracker-nav--prev:hover .onlife-icon, .style-2018 .challenges-tracker-nav--next:hover .onlife-icon {
        background-color: transparent;
    }
}

.style-2018 .challenges-tracker-nav--prev {
    left: -20px;
}

.style-2018 .challenges-tracker-nav--next {
    right: -20px;
}

.style-2018 .challenges-tracker-paging {
    margin: 7px 0 0;
    text-align: center;
}

.style-2018 .challenges-tracker-paging-item {
    cursor: pointer;
    display: inline;
    margin: 0 7px;
}

    .style-2018 .challenges-tracker-paging-item:hover .challenges-tracker-paging-link, .style-2018 .challenges-tracker-paging-item.active .challenges-tracker-paging-link {
        background-color: #00528a;
    }

.style-2018 .challenges-tracker-paging-link {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #aaaaaa;
    display: inline-block;
    overflow: hidden;
    width: 10px;
    height: 10px;
    padding-top: 10px;
    text-align: center;
}

.style-2018 .challenges-tracker .slider .flex-direction-nav a {
    background-color: transparent;
}

    .style-2018 .challenges-tracker .slider .flex-direction-nav a.flex-prev {
        left: -14px;
    }

    .style-2018 .challenges-tracker .slider .flex-direction-nav a.flex-next {
        right: -16px;
    }

.style-2018 .trackers-card {
    position: relative;
    width: 100%;
    height: 200px;
    background: #d9edf9;
    border: none;
    display: block;
    margin-bottom: 28px;
    opacity: 1;
    padding: 42px 12px;
    text-align: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

@media (max-width: 767px) {
    .style-2018 .trackers-card {
        height: auto;
    }
}

.style-2018 .trackers-card.box-1 {
    background: #525252;
}

    .style-2018 .trackers-card.box-1:hover {
        background: rgb(56.5, 56.5, 56.5);
    }

    .style-2018 .trackers-card.box-1:focus {
        background: rgb(56.5, 56.5, 56.5);
        border: 1px solid #0897D6;
    }

.style-2018 .trackers-card.box-2 {
    background: #00528a;
}

    .style-2018 .trackers-card.box-2:hover {
        background: rgb(0, 51.6956521739, 87);
    }

    .style-2018 .trackers-card.box-2:focus {
        background: rgb(0, 51.6956521739, 87);
        border: 1px solid #0897D6;
    }

.style-2018 .trackers-card.box-3 {
    background: #b01f58;
}

    .style-2018 .trackers-card.box-3:hover {
        background: rgb(132.6376811594, 23.3623188406, 66.3188405797);
    }

    .style-2018 .trackers-card.box-3:focus {
        background: rgb(132.6376811594, 23.3623188406, 66.3188405797);
        border: 1px solid #0897D6;
    }

.style-2018 .trackers-card.box-4 {
    background: #215e39;
}

    .style-2018 .trackers-card.box-4:hover {
        background: rgb(19.7480314961, 56.2519685039, 34.1102362205);
    }

    .style-2018 .trackers-card.box-4:focus {
        background: rgb(19.7480314961, 56.2519685039, 34.1102362205);
        border: 1px solid #0897D6;
    }

.style-2018 .trackers-card.box-0, .style-2018 .trackers-card.box-5 {
    background: #d04416;
}

    .style-2018 .trackers-card.box-0:hover, .style-2018 .trackers-card.box-5:hover {
        background: rgb(161.8782608696, 52.9217391304, 17.1217391304);
    }

    .style-2018 .trackers-card.box-0:focus, .style-2018 .trackers-card.box-5:focus {
        background: rgb(161.8782608696, 52.9217391304, 17.1217391304);
        border: 1px solid #0897D6;
    }

.style-2018 .trackers-card .recommended {
    position: absolute;
    top: 15px;
    left: -5px;
    z-index: 9;
    background: #215e39;
    color: #ffffff;
    padding: 0.1em 1em;
    font-size: 0.7em;
    text-transform: uppercase;
}

.style-2018 .trackers-card-heading {
    color: #ffffff;
}

.style-2018 .trackers-card .recommended {
    z-index: 9;
    position: absolute;
    top: 15px;
    left: -5px;
    background: #215e39;
    color: #ffffff;
    font-size: 0.7em;
    padding: 0.1em 1em;
    text-transform: uppercase;
}

.style-2018 .trackers-card-title {
    color: #ffffff;
    display: block;
    font-size: 20px;
    opacity: 0.8;
    padding: 5px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 8 Specific */
}

@media (min-width: 767px) {
    .style-2018 .trackers-card-title {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        float: none;
        margin: 0;
        padding: 26px 5px;
    }
}

.style-2018 .trackers-card .points-btn {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 1;
    width: 56px;
    height: auto;
    min-width: inherit;
    border: 2px solid #ffffff;
    border-radius: 6px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.2;
    padding: 3px;
    text-align: center;
}

    .style-2018 .trackers-card .points-btn .round-icon {
        width: auto;
        height: auto;
        background: none;
        display: block;
        font-size: 20px;
        float: none;
        line-height: 1;
        margin-top: 2px;
    }

.style-2018 .trackers-card .connection-nav {
    top: auto;
    bottom: 0;
    color: #ffffff;
}

.style-2018 .tracker-heading {
    margin-bottom: 16px;
    text-align: center;
}

@media (min-width: 767px) {
    .style-2018 .tracker-heading {
        margin-bottom: 36px;
    }
}

.style-2018 .tracker-last-entered .tracker-container {
    position: relative;
    border: 1px solid #aaaaaa;
    border-radius: 6px;
    margin-bottom: 40px;
    padding: 14px;
}

    .style-2018 .tracker-last-entered .tracker-container:focus {
        border: 1px solid #0897D6;
    }

@media (min-width: 400px) {
    .style-2018 .tracker-last-entered .tracker-container {
        padding: 28px;
    }
}

@media (min-width: 767px) {
    .style-2018 .tracker-last-entered .tracker-container {
        padding: 0.875em;
    }
}

.style-2018 .tracker-last-entered .tracker-container .overlay-loader {
    position: absolute;
    border-radius: 6px;
}

.style-2018 .tracker-last-entered .tracker-container > label.error {
    clear: both;
    display: block;
}

.style-2018 .tracker-last-entered .tracker-container > .incentives-indicator {
    right: 0;
    bottom: 0;
    top: auto;
}

.style-2018 .tracker-content {
    padding: 0 4em;
}

.style-2018 .tracker-content--initial .tracker-heading {
    text-align: center;
}

.style-2018 .tracker-content--initial .tracker-container {
    border: 0;
}

.style-2018 .olh-sidebar .tracker-container {
    border: 0;
    margin-bottom: 0;
    padding: 0;
}

    .style-2018 .olh-sidebar .tracker-container .col-md-7,
    .style-2018 .olh-sidebar .tracker-container .col-md-5 {
        width: 100%;
        float: none;
    }

    .style-2018 .olh-sidebar .tracker-container .tracker-input-cell .slider.slider-horizontal {
        max-width: 84%;
    }

    .style-2018 .olh-sidebar .tracker-container .tracker-input-logical {
        margin-top: 0;
    }

    .style-2018 .olh-sidebar .tracker-container .input-date-container {
        margin: 0 auto 8px;
    }

.style-2018 .olh-sidebar-container .tracker-heading {
    margin-bottom: 18px;
    text-align: center;
}

.style-2018 .olh-sidebar-container--collapsible .tracker-heading {
    text-align: left;
}

.style-2018 .tracker-input-measure {
    margin: 0 auto 2em auto;
    width: 100%;
}

@media (max-width: 767px) {
    .style-2018 .tracker-input-measure {
        margin: 1.5em auto 2em;
    }
}

.style-2018 .tracker-input-measure.stress-tracker {
    border: 1px solid #CCCCCC;
    padding: 1em;
}

    .style-2018 .tracker-input-measure.stress-tracker .tracker-input-selection {
        border: 0;
        margin-bottom: 0;
        margin-top: 1em;
        display: inline-block;
    }

.style-2018 .tracker-input-date {
    margin: 0 auto;
}

@media (min-width: 992px) {
    .style-2018 .tracker-input-date {
        width: 328px;
    }
}

.style-2018 .tracker-input-cell {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.style-2018 .tracker-input-cell-container {
    display: block;
    margin: 0 auto 2em auto;
    border: 1px solid #CCCCCC;
    padding: 1em;
    border-radius: 0.4em;
}

@media (max-width: 767px) {
    .style-2018 .tracker-input-cell-container {
        justify-content: center;
    }
}

@media (min-width: 400px) {
    .style-2018 .tracker-input-cell-container {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (min-width: 400px) {
    .style-2018 .tracker-input-cell-center {
        justify-content: center;
    }
}

.style-2018 .tracker-input-cell > label.error {
    flex: 1 0 100%;
    text-align: center;
}

.style-2018 .tracker-input-cell .slider.slider-horizontal {
    width: 100%;
    height: 28px;
    max-width: 450px;
    margin: 0 auto;
}

@media (max-width: 736px) {
    .style-2018 .tracker-input-cell .slider.slider-horizontal {
        max-width: 260px;
    }
}

.style-2018 .tracker-input-cell .slider.slider-horizontal .slider-track {
    height: 8px;
    background-color: #215e39;
    background-image: none;
    margin-top: -3px;
}

.style-2018 .tracker-input-cell .slider-selection {
    background-color: #b01f58;
    background-image: none;
    border-radius: 10px;
}

.style-2018 .tracker-input-cell .slider-handle {
    top: 4px;
    background-image: linear-gradient(to bottom, #f9f9f9 0%, #e9e9e9 100%);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}

.style-2018 .tracker-input-cell .tooltip {
    position: absolute;
    float: none;
}

    .style-2018 .tracker-input-cell .tooltip .tooltip-inner {
        background-color: #0cc0de;
    }

    .style-2018 .tracker-input-cell .tooltip .tooltip-arrow {
        border-top-color: #0cc0de;
    }

.style-2018 .tracker-input-heading {
    margin-bottom: 24px;
    margin-top: 0;
}

.style-2018 .tracker-input-heading--light {
    color: #0cc0de;
}

.style-2018 .tracker-input-text {
    width: 100%;
    margin: 0.5em 0;
    text-align: left;
}

@media (min-width: 400px) {
    .style-2018 .tracker-input-text {
        flex: 1 0 auto;
    }
}

@media (min-width: 700px) {
    .style-2018 .tracker-input-text {
        width: 33%;
        flex: 0 0 33%;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 992px) {
    .style-2018 .tracker-input-text {
        padding-left: 16px;
        padding-right: 0;
    }
}

.style-2018 .tracker-input-text:only-child {
    margin-left: auto;
    margin-right: auto;
}

.style-2018 .tracker-input-text .clearfix + .form-group {
    margin-top: -8px;
    margin-bottom: 0;
}

.style-2018 .tracker-input-text label.error {
    margin-top: 0;
}

.style-2018 .tracker-input-text .field-validation-error {
    position: relative;
    top: auto;
    min-width: 0;
    max-width: 100%;
    display: inline-block;
    margin-left: 0;
}

.style-2018 .tracker-input-label {
    display: inline-block;
    width: 50%;
}

.style-2018 .tracker-input-label--center {
    text-align: center;
}

@media (min-width: 400px) {
    .style-2018 .tracker-input-label {
        line-height: 34px;
    }
}

@media (max-width: 767px) {
    .style-2018 .tracker-input-label {
        width: 100%;
    }
}

.style-2018 .tracker-input-input {
    width: 100%;
    max-width: 100px;
    border-radius: 0;
    display: inline-block;
    padding: 0.2em;
    color: #525252;
}

@media (max-width: 767px) {
    .style-2018 .tracker-input-input {
        max-width: 100%;
    }
}

.style-2018 .tracker-input-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 1em;
}

.style-2018 .tracker-input-input::-moz-placeholder { /* Firefox 19+ */
    font-size: 1em;
}

.style-2018 .tracker-input-input:-ms-input-placeholder { /* IE 10+ */
    font-size: 1em;
}

.style-2018 .tracker-input-input:-moz-placeholder { /* Firefox 18- */
    font-size: 1em;
}

.style-2018 .tracker-input-input::placeholder {
    font-size: 1em;
}

.style-2018 .tracker-input-logical {
    margin: 2.8em auto;
}

@media (max-width: 767px) {
    .style-2018 .tracker-input-logical {
        margin: 0.5em auto 1.5em auto;
    }
}

.style-2018 .tracker-input-logical li {
    display: inline-block;
}

.style-2018 .tracker-input-logical-text-field.radio label::before, .style-2018 .tracker-input-logical-text-field.radio label::after {
    display: none;
}

.style-2018 .tracker-input-logical label.error {
    display: block;
    margin-top: 14px;
}

.style-2018 .tracker-input-radio {
    font-size: 24px;
    line-height: 1.2;
}

    .style-2018 .tracker-input-radio:first-child {
        margin-right: 12px;
    }

    .style-2018 .tracker-input-radio label {
        font-size: 24px;
        padding-left: 12px;
    }

        .style-2018 .tracker-input-radio label::before {
            top: 6px;
        }

        .style-2018 .tracker-input-radio label::after {
            top: 9px;
        }

.style-2018 .tracker-input-slider {
    color: #215e39;
    font-size: 30px;
    flex: 1 0 100%;
    line-height: 1.2;
    margin-bottom: 28px;
    text-align: center;
    font-family: "Helvetica Neue LT W01_55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.style-2018 .tracker-input-slider-input {
    opacity: 0;
}

.style-2018 .tracker-input-slider.warning {
    color: #b01f58;
}

.style-2018 .tracker-input-update {
    width: auto;
}

.style-2018 .tracker-content--initial .tracker-input-cell {
    max-width: 700px;
    border: 1px solid #aaaaaa;
    border-radius: 6px;
    margin: 0 auto 60px;
    padding: 20px;
    text-align: center;
}

@media (min-width: 735px) {
    .style-2018 .tracker-content--initial .tracker-input-cell {
        padding: 40px 20px;
    }
}

.style-2018 .tracker-content--initial .tracker-input-selection {
    border-radius: 6px;
    margin: 0 auto 2em auto;
    text-align: center;
    border: 1px solid #CCCCCC;
}

@media (min-width: 700px) {
    .style-2018 .tracker-content--initial .tracker-input-selection {
        padding: 0.813em;
    }
}

@media (min-width: 992px) {
    .style-2018 .tracker-content--initial .tracker-input-selection {
        padding: 2em;
        border: 1px solid #CCCCCC;
    }
}

.style-2018 .tracker-content--initial .tracker-input-selection fieldset {
    margin: 2em auto;
}

@media (min-width: 992px) {
    .style-2018 .tracker-content--initial .tracker-input-measure {
        float: none;
        margin-top: 0;
    }
}

@media (min-width: 992px) {
    .style-2018 .tracker-content--initial .tracker-input-date {
        float: none;
    }
}

@media (min-width: 992px) {
    .style-2018 .tracker-content--initial .tracker-input-text {
        padding-left: 10px;
        padding-right: 10px;
        float: left;
    }
}

.style-2018 .tracker-content--initial .tracker-input-logical {
    margin-top: 0;
}

.style-2018 .tracker-content--initial .slider.slider-horizontal {
    max-width: 260px;
    flex: 1 0 100%;
    margin: 0 auto;
}

.style-2018 .collapsible .tracker-input-cell-container {
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 992px) {
    .style-2018 .collapsible .tracker-input-text {
        padding-left: 0;
        padding-right: 16px;
    }
}

.style-2018 .tracker-graph {
    text-align: center;
}

.style-2018 .tracker-graph-filters {
    font-size: 0;
    margin-bottom: 36px;
}

.style-2018 .tracker-graph-reportrange {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: -1;
    width: 1px;
    height: 36px;
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    margin: -1px;
    padding: 0;
    overflow: hidden;
    word-wrap: normal;
}

.style-2018 .tracker-graph-button {
    text-transform: initial;
}

@media (max-width: 736px) {
    .style-2018 .tracker-graph-button {
        width: 44%;
        margin: 0 2% 12px;
    }
}

.style-2018 .tracker-graph .daterangepicker.openscenter::before {
    left: auto;
    right: 58px;
}

@media (min-width: 735px) {
    .style-2018 .tracker-graph .daterangepicker.openscenter::before {
        right: 116px;
    }
}

@media (max-width: 369px) {
    .style-2018 .tracker-graph .daterangepicker.openscenter::before {
        left: 0;
        right: 0;
    }
}

.style-2018 .tracker-graph .daterangepicker.openscenter::after {
    left: auto;
    right: 59px;
}

@media (min-width: 735px) {
    .style-2018 .tracker-graph .daterangepicker.openscenter::after {
        right: 117px;
    }
}

@media (max-width: 369px) {
    .style-2018 .tracker-graph .daterangepicker.openscenter::after {
        left: 0;
        right: 0;
    }
}

.style-2018 .tracker-history {
    text-align: left;
}

.style-2018 .tracker-history-view {
    cursor: pointer;
    margin-bottom: 28px;
    text-align: center;
}

.style-2018 .tracker-history-view-text {
    color: #525252;
    font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 1em;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.style-2018 .tracker-history-view-icon {
    font-size: 2em;
}

.style-2018 .tracker-history-container {
    display: none;
}

.style-2018 .tracker-history-grid {
    border: 1px solid #aaaaaa;
    border-top: 4px solid #0cc0de;
    margin-bottom: 2em;
}

.style-2018 .tracker-history-row {
    border-top: 1px solid #aaaaaa;
}

    .style-2018 .tracker-history-row:first-child {
        border-top: 0;
    }

    .style-2018 .tracker-history-row:hover {
        background-color: #f3f3f3;
    }

.style-2018 .tracker-history-row--bordered {
    border-left: 0;
}

@media (min-width: 767px) {
    .style-2018 .tracker-history-row--bordered {
        border-left: 1px solid #aaaaaa;
    }
}

.style-2018 .tracker-history-heading {
    font-size: 16px;
    margin-bottom: 12px;
    text-align: left;
    margin-left: 0.6em;
    color: #00528a;
}

.style-2018 .tracker-history-date {
    font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
    padding: 0.6em 0 0 0;
}

@media (min-width: 767px) {
    .style-2018 .tracker-history-date {
        overflow: hidden;
        padding: 0.6em;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
    }
}

.style-2018 .tracker-history-description {
    padding: 0.3em;
}

@media (min-width: 767px) {
    .style-2018 .tracker-history-description {
        padding: 0.6em;
        text-align: left;
    }
}

@media (min-width: 767px) {
    .style-2018 .tracker-history-column {
        float: left;
        padding-left: 8px;
    }

        .style-2018 .tracker-history-column.history-column-1 {
            width: calc(100% / 1 - 1px);
        }

        .style-2018 .tracker-history-column.history-column-2 {
            width: calc(100% / 2 - 1px);
        }

        .style-2018 .tracker-history-column.history-column-3 {
            width: calc(100% / 3 - 1px);
        }

        .style-2018 .tracker-history-column.history-column-4 {
            width: calc(100% / 4 - 1px);
        }

        .style-2018 .tracker-history-column.history-column-5 {
            width: calc(100% / 5 - 1px);
        }

        .style-2018 .tracker-history-column.history-column-6 {
            width: calc(100% / 6 - 1px);
        }
}

.style-2018 .tracker-history-table {
    table-layout: fixed;
}

    .style-2018 .tracker-history-table thead th {
        padding: 0.6em 0 0.6em 0.6em;
    }

    .style-2018 .tracker-history-table tbody tr td:first-child {
        padding: 0 !important;
    }

    .style-2018 .tracker-history-table tbody tr td {
        padding: 0;
    }

.style-2018 .tracker-devices-start {
    padding-top: 3em;
    padding-bottom: 0.6em;
    text-align: center;
    -webkit-transition: padding .4s ease-out;
    -moz-transition: padding .4s ease-out;
    -ms-transition: padding .4s ease-out;
    -o-transition: padding .4s ease-out;
    transition: padding .4s ease-out;
}

@media (min-width: 768px) {
    .style-2018 .tracker-devices-start {
        padding-top: 80px;
        padding-bottom: 1.25em;
    }
}

.style-2018 .tracker-devices-buttons {
    margin-top: 16px;
    margin-bottom: 40px;
}

.style-2018 .tracker-devices-source {
    font-size: 20px;
    margin-bottom: 12px;
}

.style-2018 .tracker-devices-data {
    font-size: 24px;
    line-height: 1;
    padding-bottom: 18px;
    text-transform: uppercase;
}

.style-2018 .tracker-devices-amount {
    color: #00528a;
    font-size: 36px;
}

.style-2018 .goals-progress {
    width: 100%;
    text-align: center;
}

@media (min-width: 767px) {
    .style-2018 .goals-progress {
        max-width: 230px;
    }
}

.style-2018 .goals-progress-links {
    font-size: 0;
}

.style-2018 .goals-progress-track {
    margin-bottom: 12px;
}

.style-2018 .goals-progress .button-new {
    width: auto;
}

.style-2018 .goals-plan-info {
    margin-top: -18px;
}

.style-2018 .goals-plan-tracker {
    border: 1px solid #aaaaaa;
    border-radius: 6px;
    margin-bottom: 36px;
    padding: 24px 32px;
}

    .style-2018 .goals-plan-tracker:focus {
        border: 1px solid #0897D6;
    }

.style-2018 .goals-plan-select {
    width: 230px;
    margin: 0 auto 24px;
}

.style-2018 .goals-selected-item .onlife-icon-check-circle {
    background-color: #215e39;
}

@supports (-ms-ime-align: auto) {
    .style-2018 .goals-selected-item .onlife-icon-check-circle {
        background-color: transparent;
    }
}

@media screen\0 {
    .style-2018 .goals-selected-item .onlife-icon-check-circle {
        background-color: transparent;
    }
}

.style-2018 .goals-selected-item .icon-onlife-checkmark-circle {
    position: absolute;
    color: #215e39;
    left: -1.3em;
    font-size: 1.3125em;
}

.style-2018 .goals-footer {
    margin-top: 30px;
    padding-top: 60px;
}

@media (min-width: 400px) {
    .style-2018 .goals-setup .tracker-container, .style-2018 .goals-complete .tracker-container {
        padding: 28px 12px;
    }
}

@media (min-width: 768px) {
    .style-2018 .goals-setup .tracker-input-text, .style-2018 .goals-complete .tracker-input-text {
        flex: 0 0 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1017px) {
    .style-2018 .goals-setup .tracker-input-text, .style-2018 .goals-complete .tracker-input-text {
        flex: 0 0 18em;
        margin-left: 0;
        margin-right: 0;
    }

        .style-2018 .goals-setup .tracker-input-text:only-child, .style-2018 .goals-complete .tracker-input-text:only-child {
            margin-left: auto;
            margin-right: auto;
        }
}

.style-2018 .goals-setup .tracker-input-text label, .style-2018 .goals-complete .tracker-input-text label {
    width: 60%;
}

.style-2018 .goals .collapsible {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: opacity .4s linear, max-height .4s ease-out;
    -moz-transition: opacity .4s linear, max-height .4s ease-out;
    -ms-transition: opacity .4s linear, max-height .4s ease-out;
    -o-transition: opacity .4s linear, max-height .4s ease-out;
    transition: opacity .4s linear, max-height .4s ease-out;
}

    .style-2018 .goals .collapsible.active {
        max-height: 999px;
        opacity: 1;
        visibility: visible;
    }

    .style-2018 .goals .collapsible .tracker-input-measure {
        float: none;
        width: 100%;
    }

.style-2018 .goals .journal-text {
    font-size: 13px;
}

.style-2018 .goals-points-card {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 1;
    width: 56px;
    height: auto;
    min-width: inherit;
    border: 2px solid #ffffff;
    border-radius: 6px;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.2;
    padding: 3px;
    text-align: center;
    margin-right: 14px;
}

.style-2018 .goals-input-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.style-2018 .goals-overview-tracker-container {
    display: flex;
    justify-content: space-around;
    margin: 1em 0;
    padding: 1em 0;
}

@media (max-width: 767px) {
    .style-2018 .goals .tracker-input-heading {
        margin-top: 50px;
    }
}

.style-2018 #goal-container {
    margin-top: 0;
}

.style-2018 #mediaspace.media-error .program__error-tile {
    box-shadow: none;
    border: none;
}

.style-2018 .goals-selected-item button.remove-item {
    position: absolute;
    left: -1.3em;
    color: #b01f58;
    opacity: 1;
}

    .style-2018 .goals-selected-item button.remove-item:hover .icon-onlife-close-filled, .style-2018 .goals-selected-item button.remove-item:focus .icon-onlife-close-filled {
        display: none;
    }

    .style-2018 .goals-selected-item button.remove-item:hover .icon-onlife-close-o, .style-2018 .goals-selected-item button.remove-item:focus .icon-onlife-close-o {
        display: block;
        color: #b01f58;
    }

.style-2018 .Courses__Subheading {
    margin-bottom: 44px;
}

.style-2018 .Courses__Tracker {
    border: 1px solid #aaaaaa;
    border-radius: 6px;
    margin-bottom: 34px;
}

.style-2018 .Courses__Tracker__Heading {
    cursor: pointer;
    margin: 0;
    padding: 16px;
}

.style-2018 .Courses__Tracker .onlife-icon-navigate-down {
    margin-right: 24px;
}

.style-2018 .Courses__Tracker.Expand .Courses__Tracker__Body {
    max-height: 1000px;
    opacity: 1;
    overflow: auto;
    visibility: visible;
}

.style-2018 .Courses__Tracker__Body {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    -webkit-transition: max-height .4s ease-out, opacity .4s linear;
    -moz-transition: max-height .4s ease-out, opacity .4s linear;
    -ms-transition: max-height .4s ease-out, opacity .4s linear;
    -o-transition: max-height .4s ease-out, opacity .4s linear;
    transition: max-height .4s ease-out, opacity .4s linear;
}

.style-2018 .Courses__Tracker__Content {
    padding: 16px;
}

    .style-2018 .Courses__Tracker__Content .tracker-container {
        border: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }

.style-2018 .Courses .tracker-content {
    padding: 0 32px;
}

.style-2018 .Lessons {
    width: calc(100% - 124px);
    margin: 0 auto 48px;
}

@media (max-width: 768px) {
    .style-2018 .Lessons {
        width: calc(100% - 18px);
    }
}

.style-2018 .Lessons__Item {
    width: 154px;
    height: 200px;
    min-width: 154px;
    background-color: #00528a;
    color: #ffffff;
    cursor: pointer;
    font-family: "Helvetica Neue LT W01_41488878", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 20px;
    line-height: 1.2;
    padding: 24px 12px;
    text-align: center;
}

.style-2018 .Lessons__Item__Number {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 24px;
}

.style-2018 .Lessons__Item.complete {
    background-color: #682566;
}

.style-2018 .Lessons__Item.disabled {
    opacity: 0.7;
}

.style-2018 .Lessons__StartButton {
    margin-top: 12px;
}

@media (min-width: 768px) {
    .style-2018 .Lessons__StartButton {
        margin-top: 0;
        text-align: right;
    }
}

.style-2018 .Lessons__PageNumber {
    margin-top: 12px;
}

@media (min-width: 768px) {
    .style-2018 .Lessons__PageNumber {
        margin-top: 0;
    }
}

.style-2018 .Lessons .flexslider .slides {
    height: 180px;
    overflow: hidden;
}

.style-2018 .Lessons .flexslider .flex-viewport .slides {
    height: auto;
    overflow: auto;
}

.style-2018 .Lessons .flexslider .flex-direction-nav a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: white;
    margin-top: -20px;
    text-align: left;
    text-shadow: 0 0 0;
}

@media (max-width: 768px) {
    .style-2018 .Lessons .flexslider .flex-direction-nav a {
        width: 30px;
        border-radius: 0;
    }
}

.style-2018 .Lessons .flexslider .flex-direction-nav .flex-next,
.style-2018 .Lessons .flexslider .flex-direction-nav .flex-prev {
    background-color: #525252;
    background-image: none;
}

    .style-2018 .Lessons .flexslider .flex-direction-nav .flex-next::before, .style-2018 .Lessons .flexslider .flex-direction-nav .flex-next::after,
    .style-2018 .Lessons .flexslider .flex-direction-nav .flex-prev::before,
    .style-2018 .Lessons .flexslider .flex-direction-nav .flex-prev::after {
        position: absolute;
        top: 12px;
        border: 8px solid transparent;
        content: "";
        width: 0;
        height: 0;
        transform: rotate(45deg);
    }

@media (max-width: 768px) {
    .style-2018 .Lessons .flexslider .flex-direction-nav .flex-next {
        right: -32px;
    }
}

.style-2018 .Lessons .flexslider .flex-direction-nav .flex-next::before {
    left: 8px;
    z-index: 1;
    border-top: 8px solid #ffffff;
    border-right: 8px solid #ffffff;
}

.style-2018 .Lessons .flexslider .flex-direction-nav .flex-next::after {
    left: 6px;
    z-index: 2;
    border-top: 8px solid #525252;
    border-right: 8px solid #525252;
}

@media (max-width: 768px) {
    .style-2018 .Lessons .flexslider .flex-direction-nav .flex-prev {
        left: -32px;
    }
}

.style-2018 .Lessons .flexslider .flex-direction-nav .flex-prev::before {
    left: 16px;
    z-index: 1;
    border-bottom: 8px solid #ffffff;
    border-left: 8px solid #ffffff;
}

.style-2018 .Lessons .flexslider .flex-direction-nav .flex-prev::after {
    left: 18px;
    z-index: 2;
    border-bottom: 8px solid #525252;
    border-left: 8px solid #525252;
}

@media (min-width: 768px) {
    .connections {
        padding-bottom: 170px;
    }
}

.connections .challenges {
    margin-bottom: 0;
}

.connections .challenges-block.stacked {
    min-height: 380px;
}

    .connections .challenges-block.stacked .challenges-block-action {
        height: 200px;
        min-height: 0;
    }

.connections .challenges-block.completed {
    min-height: 340px;
}

    .connections .challenges-block.completed .challenges-block-goal-count {
        font-size: 20px;
    }

.connections .challenges-block-goal-count {
    font-size: 20px;
}

.connections .challenges-block-date {
    line-height: 1;
}

.connections-trackers, .connections-goals {
    background-color: #f3f3f3;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
    padding: 1.4em;
}

.connections-trackers-list .incentives-indicator {
    top: 0;
    left: 0.96em;
    right: auto;
    bottom: auto;
    padding: 0.3em 0.3em;
    border-top-left-radius: inherit;
    border-top-right-radius: unset;
}

.connections .flexslider, .connections .carousel {
    margin: 0 0 5em;
    border: 0;
    border-radius: 0;
}

    .connections .flexslider .flex-viewport, .connections .carousel .flex-viewport {
        padding: 0;
    }

    .connections .flexslider .olh-profile-points, .connections .carousel .olh-profile-points {
        background-color: #b01f58;
        background-image: -moz-linear-gradient(to right, #b01f58 0%, #d04416 100%);
        background-image: -webkit-linear-gradient(to right, #b01f58 0%, #d04416 100%);
        background-image: -o-linear-gradient(to right, #b01f58 0%, #d04416 100%);
        background-image: -ms-linear-gradient(to right, #b01f58 0%, #d04416 100%);
        background-image: linear-gradient(to right, #b01f58 0%, #d04416 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b01f58", endColorstr="#d04416", GradientType=1 );
        text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6);
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 3;
        font-size: 0.8em;
        color: #ffffff;
        line-height: 1;
        padding: 0.5em 1em;
        text-transform: uppercase;
        border: 1px solid #ffffff;
    }

        .connections .flexslider .olh-profile-points:focus, .connections .carousel .olh-profile-points:focus {
            border: 1px solid #0897D6;
        }

    .connections .flexslider .olh-profile-points-number, .connections .carousel .olh-profile-points-number {
        font-size: 2.4em;
        display: block;
    }

    .connections .flexslider .olh-profile-points.complete, .connections .flexslider .olh-profile-points.locked, .connections .carousel .olh-profile-points.complete, .connections .carousel .olh-profile-points.locked {
        background-color: #525252;
        background-image: -moz-linear-gradient(to right, #525252 0%, #525252 100%);
        background-image: -webkit-linear-gradient(to right, #525252 0%, #525252 100%);
        background-image: -o-linear-gradient(to right, #525252 0%, #525252 100%);
        background-image: -ms-linear-gradient(to right, #525252 0%, #525252 100%);
        background-image: linear-gradient(to right, #525252 0%, #525252 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#525252", endColorstr="#525252", GradientType=1 );
    }

    .connections .flexslider .olh-profile-points.badges, .connections .carousel .olh-profile-points.badges {
        font-size: 1.3em;
    }

.connections .flexslider-indicator-icon, .connections .carousel-indicator-icon {
    font-size: 2em;
    line-height: 0.7;
}

.connection {
    position: relative;
    border: 1px solid;
    border-color: #aaaaaa;
    border-top-width: 0;
    border-radius: 0;
    margin-bottom: 0;
    padding: 20px 8px;
    background: #F9F9F9;
    -webkit-box-shadow: 0 0 0 0 rgb(223, 223, 223);
    -moz-box-shadow: 0 0 0 0 rgb(223, 223, 223);
    box-shadow: 0 0 0 0 rgb(223, 223, 223);
}

@media (min-width: 350px) {
    .connection {
        padding: 24px;
    }
}

@media (min-width: 768px) {
    .connection {
        border-top-width: 1px;
        border-radius: 6px;
        margin-bottom: 20px;
        -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
    }
}

.connection:first-child {
    border-top-width: 1px;
}

.connection--none {
    background-color: #f3f3f3;
    padding: 51px 30px;
    text-align: center;
}

    .connection--none p {
        margin: 0;
        text-align: center;
    }

@media (min-width: 768px) {
    .connection--pending {
        padding-right: 6px;
        padding-left: 10px;
    }
}

@media (min-width: 1020px) {
    .connection--pending {
        padding-left: 24px;
    }
}

.connection--pending .connection-details {
    width: 100%;
    padding-top: 0;
}

.connection--pending .connection-name {
    font-size: 1.2em;
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.connection-body {
    align-items: center;
    display: flex;
    padding: 0;
}

.connection-nav {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
}

.connection-nav-icon {
    height: 30px;
    cursor: pointer;
    font-size: 2.6em;
    line-height: 1;
    overflow: hidden;
    padding: 0 10px;
    background: none;
    border: 0;
}

    .connection-nav-icon .icon {
        position: relative;
        top: -5px;
        right: 10px;
    }

.connection-menu {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    background-color: #ffffff;
    opacity: 0;
    padding: 4px 0;
    text-align: left;
    display: none;
    -webkit-box-shadow: 0 -5px 30px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 -5px 30px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 -5px 30px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: opacity .4s linear, transform .4s ease-out;
    -moz-transition: opacity .4s linear, transform .4s ease-out;
    -ms-transition: opacity .4s linear, transform .4s ease-out;
    -o-transition: opacity .4s linear, transform .4s ease-out;
    transition: opacity .4s linear, transform .4s ease-out;
}

@media (min-width: 768px) {
    .connection-menu {
        position: absolute;
        top: 36px;
        right: -28px;
        bottom: auto;
        left: auto;
        width: 300px;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    .connection-menu--narrow {
        width: 268px;
    }
}

@media (min-width: 768px) {
    .connection-menu::after {
        position: absolute;
        top: -11px;
        right: 46px;
        width: 0;
        height: 0;
        border-bottom: 13px solid white;
        border-right: 13px solid transparent;
        border-left: 13px solid transparent;
        content: "";
    }
}

.connection-menu.active {
    z-index: 99;
    opacity: 1;
    display: block;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.connection-menu-item {
    position: relative;
    width: 100% !important;
}

.connection-menu-link {
    position: relative;
    color: #525252;
    cursor: pointer;
    display: block;
    font-size: 20px;
    line-height: 2;
    padding: 12px 0 12px 80px;
}

    .connection-menu-link:hover, .connection-menu-link--highlight {
        background-color: #f3f3f3;
    }

    .connection-menu-link.checked .onlife-icon {
        background-color: #525252;
    }

    .connection-menu-link.checked .icon-onlife-check {
        opacity: 1;
        visibility: visible;
    }

    .connection-menu-link .onlife-icon {
        position: absolute;
        top: 24px;
        left: 32px;
        z-index: 1;
    }

    .connection-menu-link .icon-onlife-check {
        position: absolute;
        top: 29px;
        left: 37px;
        z-index: 2;
        color: #ffffff;
        font-size: 0.8em;
        line-height: 1;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .4s linear;
        -moz-transition: opacity .4s linear;
        -ms-transition: opacity .4s linear;
        -o-transition: opacity .4s linear;
        transition: opacity .4s linear;
    }

.connection-menu-bubble {
    color: #215e39;
    display: block;
    padding-left: 80px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
    -webkit-transition: opacity .4s linear, transform .4s ease-out;
    -moz-transition: opacity .4s linear, transform .4s ease-out;
    -ms-transition: opacity .4s linear, transform .4s ease-out;
    -o-transition: opacity .4s linear, transform .4s ease-out;
    transition: opacity .4s linear, transform .4s ease-out;
}

@media (min-width: 768px) {
    .connection-menu-bubble {
        position: absolute;
        top: 14px;
        left: -252px;
        background-color: #215e39;
        border: 1px solid rgba(255, 255, 255, 0.5);
        border-radius: 6px;
        color: #ffffff;
        padding: 12px 20px 12px 14px;
    }

        .connection-menu-bubble::before, .connection-menu-bubble::after {
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            content: "";
        }

        .connection-menu-bubble::before {
            top: 11px;
            right: -13px;
            z-index: 2;
            border-width: 10px 0 10px 14px;
            border-color: transparent transparent transparent #215e39;
        }

        .connection-menu-bubble::after {
            top: 10px;
            right: -14px;
            z-index: 1;
            border-width: 11px 0 11px 14px;
            border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
            content: "";
        }

        .connection-menu-bubble.right-caret::before {
            left: -13px;
            right: auto;
            border-width: 10px 14px 10px 0;
            border-color: transparent #215e39 transparent transparent;
        }

        .connection-menu-bubble.right-caret::after {
            left: -14px;
            right: auto;
            border-width: 11px 14px 10px 0x;
            border-color: transparent rgba(255, 255, 255, 0.5) transparent transparent;
        }
}

.connection-menu-bubble.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.connection-menu-bubble .icon {
    display: inline-block;
    line-height: 1;
    margin-right: 4px;
    vertical-align: middle;
}

.connection-menu-bubble .onlife-icon {
    position: relative;
    top: -2px;
    background-color: #215e39;
}

@media (min-width: 768px) {
    .connection-menu-bubble .onlife-icon {
        width: 16px;
        height: 12px;
        background-color: #ffffff;
    }
}

.connection-menu .onlife-icon-avatar {
    width: 21px;
    height: 25px;
    top: 22px;
    left: 34px;
}

.connection-menu .onlife-icon-message {
    width: 25px;
    height: 20px;
}

.connection-menu .onlife-icon-minus-subtract {
    width: 25px;
    height: 25px;
    top: 21px;
}

.connection-menu .onlife-icon-check-circle {
    width: 25px;
    height: 25px;
    border: 0;
    background-color: #525252;
}

.connection-avatar {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    margin-right: 28px;
}

.connection-details {
    position: relative;
    width: calc(100% - 120px);
    display: block;
}

.connection-button {
    width: 100%;
    line-height: 1.2;
    padding: 4px 16px;
    white-space: normal;
}

@media (min-width: 390px) {
    .connection-button {
        width: auto;
    }
}

@media (min-width: 768px) {
    .connection-button {
        width: 100%;
    }
}

@media (min-width: 978px) {
    .connection-button {
        width: auto;
    }
}

.connection-button + .connection-button {
    margin-top: 8px;
    margin-left: 0;
}

@media (min-width: 390px) {
    .connection-button + .connection-button {
        margin-top: 0;
        margin-left: 0.4em;
    }
}

@media (min-width: 768px) {
    .connection-button + .connection-button {
        margin-top: 8px;
        margin-left: 0;
    }
}

@media (min-width: 978px) {
    .connection-button + .connection-button {
        margin-top: 0;
        margin-left: 0.4em;
    }
}

.connection-name {
    color: #00528a;
}

.connection-updated {
    position: absolute;
    top: 2px;
    right: 0;
}

.connection-loader {
    height: 60px;
    margin-left: -15px;
    margin-right: 15px;
}

.olh-block-status {
    left: 1em;
    right: 1em;
    bottom: 1em;
    color: #00528a;
    border: 1px solid #00528a;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    padding: 0.25em;
    background-color: #f0feff;
}

.connections-description {
    color: #00528a;
}

.connections-search {
    position: relative;
    margin-bottom: 3em;
}

.connections-search-container {
    position: relative;
}

.connections-search-input {
    width: 100%;
    height: 56px;
    border-radius: 6px;
    font-size: 18px;
    padding-left: 56px;
    padding-right: 172px;
    color: #525252;
}

.connections-search-button {
    position: absolute;
    top: 10px;
    right: 60px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(40%);
    -moz-transform: translateX(40%);
    -ms-transform: translateX(40%);
    -o-transform: translateX(40%);
    transform: translateX(40%);
    -webkit-transition: opacity .4s linear, transform .4s ease-out;
    -moz-transition: opacity .4s linear, transform .4s ease-out;
    -ms-transition: opacity .4s linear, transform .4s ease-out;
    -o-transition: opacity .4s linear, transform .4s ease-out;
    transition: opacity .4s linear, transform .4s ease-out;
}

    .connections-search-button.active {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

        .connections-search-button.active[disabled] {
            opacity: 0.65;
        }

.connections-search-button-container {
    float: right;
}

.connections-search-icon {
    position: absolute;
    top: 12px;
    right: 0.75em;
}

    .connections-search-icon.icon-onlife-search-slim {
        left: 12px;
        font-size: 1.8em;
        pointer-events: none;
    }

    .connections-search-icon.icon-onlife-x-circle {
        right: 12px;
        cursor: pointer;
        font-size: 2em;
    }

.connections-search-menu {
    position: absolute;
    top: 56px;
    left: 0;
    z-index: 9;
    width: 100%;
    max-height: 550px;
    min-height: 80px;
    background: #f3f3f3;
    border: 1px solid #aaaaaa;
    border-radius: 6px;
    margin-top: -1px;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    -webkit-transition: opacity .4s linear;
    -moz-transition: opacity .4s linear;
    -ms-transition: opacity .4s linear;
    -o-transition: opacity .4s linear;
    transition: opacity .4s linear;
}

    .connections-search-menu.active {
        opacity: 1;
        display: block;
    }

    .connections-search-menu .connection {
        border: 0;
        margin-bottom: 0;
        -webkit-box-shadow: 0 0 0 0 rgb(223, 223, 223);
        -moz-box-shadow: 0 0 0 0 rgb(223, 223, 223);
        box-shadow: 0 0 0 0 rgb(223, 223, 223);
    }

    .connections-search-menu .connection-avatar {
        width: 60px;
        height: 60px;
        margin-right: 14px;
    }

@media (min-width: 375px) {
    .connections-search-menu .connection-avatar {
        margin-right: 28px;
    }
}

.connections-search-menu .connection-name {
    color: #525252;
    font-size: 1.2em;
    line-height: 1.2;
    margin-top: 3px;
    margin-bottom: 0;
}

@media (min-width: 650px) {
    .connections-search-menu .connection-name {
        float: left;
    }
}

.connections-search-menu .connection-name.centered {
    width: 100%;
    text-align: center;
}

.connections-search-menu .connection-details {
    width: 100%;
}

.connections-search-menu .connection-button {
    width: 100%;
    min-width: 146px;
}

@media (min-width: 518px) {
    .connections-search-menu .connection-button {
        width: auto;
    }
}

@media (min-width: 650px) {
    .connections-search-menu .connection-button {
        margin-left: 0.4em;
    }
}

@media (min-width: 768px) {
    .connections-search-menu .connection-button {
        width: auto;
    }
}

.connections-search-menu .connection-button + .connection-button {
    margin-top: 8px;
    margin-left: 0;
}

@media (min-width: 518px) {
    .connections-search-menu .connection-button + .connection-button {
        margin-top: 0;
        margin-left: 0.4em;
    }
}

@media (min-width: 768px) {
    .connections-search-menu .connection-button + .connection-button {
        margin-top: 0;
    }
}

.connections-search-bubble {
    color: #215e39;
    display: block;
    padding-left: 80px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
    -webkit-transition: opacity .4s linear, transform .4s ease-out;
    -moz-transition: opacity .4s linear, transform .4s ease-out;
    -ms-transition: opacity .4s linear, transform .4s ease-out;
    -o-transition: opacity .4s linear, transform .4s ease-out;
    transition: opacity .4s linear, transform .4s ease-out;
}

@media (min-width: 768px) {
    .connections-search-bubble {
        position: absolute;
        top: 21px;
        right: 360px;
        background-color: #215e39;
        border: 1px solid rgba(255, 255, 255, 0.5);
        border-radius: 6px;
        color: #ffffff;
        padding: 12px 20px 12px 14px;
        text-align: center;
    }

        .connections-search-bubble.arrow-free {
            top: 70px;
            z-index: 10;
        }

            .connections-search-bubble.arrow-free.set-goals {
                position: absolute;
                top: -0.625em;
                left: 0.625em;
                right: 0.625em;
                z-index: 10;
            }

            .connections-search-bubble.arrow-free::before, .connections-search-bubble.arrow-free::after {
                border-width: 0;
            }

        .connections-search-bubble::before, .connections-search-bubble::after {
            position: absolute;
            width: 0;
            height: 0;
            border-style: solid;
            content: "";
        }

        .connections-search-bubble::before {
            top: 21px;
            right: -13px;
            z-index: 2;
            border-width: 10px 0 10px 14px;
            border-color: transparent transparent transparent #215e39;
        }

        .connections-search-bubble::after {
            top: 20px;
            right: -14px;
            z-index: 1;
            border-width: 11px 0 11px 14px;
            border-color: transparent transparent transparent rgba(255, 255, 255, 0.5);
            content: "";
        }
}

.connections-search-bubble.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.olh-sidebar-buttons.goals-message {
    position: relative;
}

.messages {
    min-height: 400px;
    border: 1px solid #aaaaaa;
    border-radius: 10px;
    display: flex;
    overflow: hidden;
}

.messages-connections {
    position: relative;
    border-radius: 10px;
    display: flex;
    flex: 1;
    flex-direction: column;
}

@media (min-width: 768px) {
    .messages-connections {
        flex-direction: row;
    }
}

.messages-connections-heading {
    padding: 24px 12px;
    text-align: center;
}

    .messages-connections-heading h3 {
        margin: 0;
    }

.messages-connections-item {
    border-bottom: 1px solid #aaaaaa;
}

.messages-connections-list {
    border-radius: 10px 10px 0 0;
    flex: 0 1 auto;
}

@media (min-width: 768px) {
    .messages-connections-list {
        width: 340px;
        border-right: 1px solid #aaaaaa;
        border-radius: 10px 0 0 10px;
        flex: 0 0 340px;
        overflow: auto;
    }
}

.messages-connections-link {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    color: #525252;
    cursor: pointer;
    display: block;
    padding: 18px 18px 18px 24px;
}

    .messages-connections-link:hover, .messages-connections-link.selected {
        background-color: #f3f3f3;
    }

.messages-connections-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: block;
    float: left;
}

.messages-connections-info {
    display: block;
    margin-left: 64px;
}

.messages-connections-name {
    color: #00528a;
    font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 16px;
    vertical-align: middle;
}

.messages-connections-recent {
    max-width: 210px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

    .messages-connections-recent.new {
        font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
    }

.messages-connections-caret {
    display: none;
}

@media (min-width: 768px) {
    .messages-connections-caret {
        position: absolute;
        top: 70px;
        left: 340px;
        width: 0;
        height: 0;
        z-index: 1;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 13px solid #aaaaaa;
        display: block;
        margin-top: -8px;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .4s linear;
        -moz-transition: opacity .4s linear;
        -ms-transition: opacity .4s linear;
        -o-transition: opacity .4s linear;
        transition: opacity .4s linear;
    }

        .messages-connections-caret.active {
            opacity: 1;
            visibility: visible;
            -webkit-animation-name: drawCaret;
            animation-name: drawCaret;
            -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
        }

        .messages-connections-caret::before {
            position: absolute;
            top: -7px;
            right: 2px;
            width: 0;
            height: 0;
            z-index: 2;
            border-top: 7px solid transparent;
            border-bottom: 7px solid transparent;
            border-left: 13px solid #f3f3f3;
            content: "";
            display: block;
        }
}

.messages-conversation {
    position: relative;
    border-radius: 0 10px 10px 0;
    overflow: hidden;
    flex: 1 1 auto;
}

.messages-container {
    height: calc(100% - 90px);
    overflow: auto;
    padding: 24px;
}

.messages-item {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

    .messages-item.outgoing {
        padding-left: 36px;
    }

        .messages-item.outgoing .messages-message {
            background-color: #00528a;
            color: #ffffff;
        }

    .messages-item.incoming {
        padding-right: 36px;
    }

.messages-item-date {
    float: right;
    margin-right: 12px;
}

.messages-message {
    background-color: #f3f3f3;
    border-radius: 10px;
    font-size: 16px;
    margin: 6px 0 48px;
    padding: 16px 12px;
}

.messages-input {
    position: relative;
    width: 100%;
    border: 1px solid #00528a;
    border-radius: 0 0 10px;
    background: #00528a;
    padding: 18px 24px 8px;
}

@media (min-width: 768px) {
    .messages-input {
        position: absolute;
        left: 0;
        bottom: 0;
    }
}

.messages-input-wrap {
    position: relative;
    width: 100%;
    background-color: #ffffff;
    border-radius: 10px;
    border: 0;
    padding: 12px 0 20px;
}

.messages-input-remaining {
    color: #ffffff;
    margin-top: 4px;
    opacity: 0.8;
    text-align: right;
}

.messages-input-text {
    width: 100%;
    max-height: 450px;
    min-height: 20px;
    background-color: #ffffff;
    border-radius: 10px;
    border: 0;
    display: block;
    font-family: "Helvetica Neue LT W01_55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 16px;
    outline: none;
    padding: 0 16px;
    resize: vertical;
    -webkit-transition: height .4s ease-out;
    -moz-transition: height .4s ease-out;
    -ms-transition: height .4s ease-out;
    -o-transition: height .4s ease-out;
    transition: height .4s ease-out;
}

    .messages-input-text.noscroll {
        overflow: hidden;
        resize: none;
    }

    .messages-input-text.hiddenelement {
        display: none;
        white-space: pre-wrap;
        word-wrap: break-word;
    }

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@-webkit-keyframes drawCaret {
    from {
        border-left-width: 0;
    }

    to {
        border-left-width: 13px;
    }
}

@keyframes drawCaret {
    from {
        border-left-width: 0;
    }

    to {
        border-left-width: 13px;
    }
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.olh-mask-body {
    overflow: hidden;
}

#mti_wfs_colophon {
    opacity: 0;
    visibility: hidden;
}

.olh-optout-text {
    max-width: 34.5em;
}

.olh-optout-text-main {
    min-height: 30em;
}

.olh-link-optOut {
    color: #000000;
    text-decoration: underline;
}

.hamburger {
    position: relative;
    z-index: 9;
    width: 45px;
    height: 40px;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

    .hamburger span {
        left: 0;
        position: absolute;
        width: 100%;
        height: 7px;
        display: block;
        background: #525252;
        border-radius: 9px;
        opacity: 1;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -ms-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }

        .hamburger span:first-child {
            top: 0px;
        }

        .hamburger span:nth-child(2) {
            top: 15px;
        }

        .hamburger span:nth-child(3) {
            top: 30px;
        }

    .hamburger.open span {
        background: #ffffff;
    }

        .hamburger.open span:nth-child(1) {
            top: 18px;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
        }

        .hamburger.open span:nth-child(2) {
            opacity: 0;
            left: -60px;
        }

        .hamburger.open span:nth-child(3) {
            top: 18px;
            -webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
            -ms-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
        }

.logo {
    position: relative;
    left: 0;
    width: 100%;
    height: 75px;
    max-width: 194px;
    background: url("/GroupThemes/images/Onlife-Primary_200x75.png");
    display: inline-block;
    margin: 5px 10px 0 24px;
    vertical-align: top;
    opacity: 1;
}

@media (min-width: 768px) {
    .logo {
        margin: 5px 10px 5px 0;
    }
}

@media (max-width: 736px) {
    .logo {
        left: 2.188em;
        height: 3.75em;
        margin: 0.313em 0.625em 0 1.5em;
    }
}

.header-onlife {
    position: relative;
    z-index: 6;
    margin: 1em 0;
}

    .header-onlife .top-nav {
        float: right;
        display: flex;
    }

        .header-onlife .top-nav > li {
            display: inline-block;
            padding: 0.8em 0.6em;
            position: relative;
        }

            .header-onlife .top-nav > li:last-child {
                margin-right: 1em;
            }

        .header-onlife .top-nav li .dropdown-menu .dropdown-item {
            padding: 0.5em;
            display: block;
            color: #aaaaaa;
        }

            .header-onlife .top-nav li .dropdown-menu .dropdown-item i {
                vertical-align: middle;
            }

            .header-onlife .top-nav li .dropdown-menu .dropdown-item:hover {
                text-decoration: none;
                background: #aaaaaa;
                color: #ffffff;
            }

        .header-onlife .top-nav .top-nav-icon {
            font-size: 2.3em;
            padding-top: 0.2em;
            display: inline-block;
            color: #525252;
            cursor: pointer;
            opacity: 0.8;
            position: relative;
        }

            .header-onlife .top-nav .top-nav-icon:hover {
                opacity: 1;
            }

            .header-onlife .top-nav .top-nav-icon .notification-count {
                min-width: 30px;
                min-height: 30px;
                background: #b01f58;
                display: inline-block;
                position: absolute;
                top: 0;
                right: -16px;
                border-radius: 50%;
                color: #ffffff;
                font-size: 0.4em;
                font-weight: bold;
                text-align: center;
                line-height: 30px;
            }

            .header-onlife .top-nav .top-nav-icon.coach-enabled {
                font-size: 3.8em;
                line-height: 0;
                padding: 0;
                max-height: 55px;
            }

        .header-onlife .top-nav .login-candet {
            position: relative;
            color: #bbbebf;
        }

            .header-onlife .top-nav .login-candet .user-login {
                width: 40px;
                height: 40px;
                border-radius: 50%;
                cursor: pointer;
                overflow: hidden;
                display: inline-block;
                margin-top: 7px;
            }

            .header-onlife .top-nav .login-candet .fa {
                position: absolute;
                top: 46px;
                right: 0;
                font-size: 0.7em;
            }

            .header-onlife .top-nav .login-candet .user-name {
                color: #525252;
                display: inline-block;
                font-size: 17px;
                padding: 17px 10px 0 0;
                vertical-align: top;
            }

    .header-onlife .dropdown-menu {
        left: inherit;
        right: -12px;
        padding: 0.5em;
    }

        .header-onlife .dropdown-menu.larger {
            width: 380px;
        }

            .header-onlife .dropdown-menu.larger .dropdown-footer {
                position: absolute;
                bottom: 0;
                right: 0;
                width: 100%;
                text-align: center;
                padding: 1em;
                background: #ffffff;
            }

                .header-onlife .dropdown-menu.larger .dropdown-footer a:hover {
                    color: #337ab7;
                    opacity: 0.7;
                }

    .header-onlife .user-details {
        padding-left: 1.2em;
        height: 80px;
        min-height: 30px;
    }

@media (max-width: 767px) {
    .header-onlife .user-details {
        border-left: 0;
        padding-left: 0;
    }
}

.header-onlife .user-details h3 {
    margin: 5px 0;
    line-height: 1;
}

.header-onlife .user-details .user-description {
    height: 44px;
    overflow: hidden;
}

    .header-onlife .user-details .user-description p {
        display: inline;
        font-size: inherit;
    }

.header-onlife .user-details .user-description, .header-onlife .user-details .user-description-modal {
    color: #0078c6;
    position: relative;
}

    .header-onlife .user-details .user-description p, .header-onlife .user-details .user-description-modal p {
        display: inline;
    }

    .header-onlife .user-details .user-description li, .header-onlife .user-details .user-description-modal li {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
    }

        .header-onlife .user-details .user-description li:first-child, .header-onlife .user-details .user-description-modal li:first-child {
            display: block;
        }

        .header-onlife .user-details .user-description li.announce-ellipsis, .header-onlife .user-details .user-description-modal li.announce-ellipsis {
            overflow: hidden;
            text-overflow: ellipsis;
            -ms-text-overflow: ellipsis;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            padding: 3px;
            margin: 0 auto;
            position: relative;
            line-height: 22px;
            max-height: 45px;
        }

            .header-onlife .user-details .user-description li.announce-ellipsis .ellipsis-dots, .header-onlife .user-details .user-description-modal li.announce-ellipsis .ellipsis-dots {
                letter-spacing: 0.1em;
                width: 40px;
                position: absolute;
                bottom: -2px;
                right: 5px;
                padding: 0 10px 0 6px;
                padding: 0 10px 0 3px\9;
                background: #FFF;
                display: block;
            }

    .header-onlife .user-details .user-description .announcement, .header-onlife .user-details .user-description-modal .announcement {
        color: #6ba343;
        text-transform: uppercase;
        font-weight: bold;
    }

    .header-onlife .user-details .user-description a, .header-onlife .user-details .user-description-modal a {
        color: #4781FD;
        text-decoration: underline;
        margin-right: 4px;
    }

.disclaimer-popover .popover-header,
.disclaimer-popover .popover-content {
    padding: 6px 10px;
}

.disclaimer-popover .popover-content {
    font-size: 0.9em;
}

.header-nav {
    width: 100%;
    height: auto;
    float: left;
    display: block;
    padding: 1em 0.1em;
}

    .header-nav .nav-icon {
        width: 33px;
        height: 33px;
        display: block;
        color: #000000;
        margin: 0 auto;
        font-size: 2.6em;
    }

    .header-nav .nav-label {
        display: block;
        text-align: center;
        font-size: 1em;
        color: #848484;
        white-space: nowrap;
        margin-top: 8px;
    }

.grey-tile {
    position: relative;
    min-height: 50px;
}

    .grey-tile .toggle-btn {
        font-size: 3em;
        position: absolute;
        top: 5px;
        right: 25px;
        cursor: pointer;
    }

        .grey-tile .toggle-btn i {
            -webkit-transition: all 0.1s linear;
            -moz-transition: all 0.1s linear;
            -ms-transition: all 0.1s linear;
            -o-transition: all 0.1s linear;
            transition: all 0.1s linear;
        }

    .grey-tile .toggle-tile i {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.grayed-blocks {
    background: #f5f5f5;
}

    .grayed-blocks .tile-wrapper {
        padding: 1em;
    }

        .grayed-blocks .tile-wrapper.last-item {
            border-right: 0;
        }

        .grayed-blocks .tile-wrapper .tile-header {
            font-size: 16px;
            font-weight: bold;
            text-transform: uppercase;
            margin: 10px 0;
        }

        .grayed-blocks .tile-wrapper .completed-cent {
            font-size: 3em;
            color: #00528a;
        }

        .grayed-blocks .tile-wrapper .complete-label {
            color: #525252;
            margin: 5px 0;
            white-space: nowrap;
        }

        .grayed-blocks .tile-wrapper .button {
            margin-top: 1em;
        }

.cbp-spmenu {
    background: #00528a;
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .cbp-spmenu h3 {
        color: #b8e1fc;
        font-size: 1.9em;
        padding: 20px;
        margin: 0;
        font-weight: 300;
        background: #0d77b6;
    }

.cbp-spmenu-vertical {
    width: 295px;
    height: 100%;
    top: 0;
    z-index: 10;
}

.cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}

    .cbp-spmenu-horizontal h3 {
        height: 100%;
        width: 20%;
        float: left;
    }

    .cbp-spmenu-horizontal a {
        float: left;
        width: 20%;
        padding: 0.8em;
        border-left: 1px solid #2989d8;
    }

.cbp-spmenu-left {
    left: -100%;
}

    .cbp-spmenu-left.cbp-spmenu-open {
        left: 15px;
    }

        .cbp-spmenu-left.cbp-spmenu-open .hamburger {
            margin-left: 1.4em;
        }

.cbp-spmenu-right {
    right: -240px;
}

    .cbp-spmenu-right.cbp-spmenu-open {
        right: 0;
    }

.cbp-spmenu-top {
    top: -150px;
}

    .cbp-spmenu-top.cbp-spmenu-open {
        top: 0;
    }

.cbp-spmenu-bottom {
    bottom: -150px;
}

    .cbp-spmenu-bottom.cbp-spmenu-open {
        bottom: 0;
    }

.cbp-spmenu-push {
    position: relative;
    left: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    min-height: 800px;
}

.cbp-spmenu-push-toright {
    left: 295px;
}

    .cbp-spmenu-push-toright .hamburger {
        opacity: 0;
    }

    .cbp-spmenu-push-toright .logo {
        left: -72px;
    }

    .cbp-spmenu-push-toright .hamburger,
    .cbp-spmenu-push-toright .logo,
    .cbp-spmenu-push-toright .user-details {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

.cbp-spmenu-push-toleft {
    left: -240px;
}

.cbp-spmenu .main-menu {
    margin: 0;
}

    .cbp-spmenu .main-menu > li {
        padding: 0;
        color: #ffffff;
    }

        .cbp-spmenu .main-menu > li:hover {
            color: #0d77b6;
        }

        .cbp-spmenu .main-menu > li > a {
            display: block;
            color: #ffffff;
            font-size: 1.1em;
            background: url(/Images/icrossing/nav-arrow-down.png) no-repeat 265px 14px;
            padding: 10px 0 10px 25px;
            text-decoration: none;
        }

            .cbp-spmenu .main-menu > li > a:hover {
                background: #004371 url(/Images/icrossing/nav-arrow-down-over.png) no-repeat 265px 14px;
                text-decoration: none;
            }

                .cbp-spmenu .main-menu > li > a:hover .fa {
                    opacity: 1;
                }

            .cbp-spmenu .main-menu > li > a:active {
                background: #004371;
                color: #ffffff;
            }

            .cbp-spmenu .main-menu > li > a:focus {
                text-decoration: none;
            }

            .cbp-spmenu .main-menu > li > a .fa {
                opacity: 0.5;
            }

        .cbp-spmenu .main-menu > li.active > a, .cbp-spmenu .main-menu > li.active a:focus {
            background: #004371 url(/Images/icrossing/nav-arrow-up.png) no-repeat 265px 14px;
            color: #ffffff;
        }

            .cbp-spmenu .main-menu > li.active > a .icon, .cbp-spmenu .main-menu > li.active a:focus .icon {
                color: #ffffff;
                opacity: 1;
            }

        .cbp-spmenu .main-menu > li.nav-open > a {
            background: #004371 url(/Images/icrossing/nav-arrow-up.png) no-repeat 265px 14px;
        }

            .cbp-spmenu .main-menu > li.nav-open > a:hover {
                background: #004371 url(/Images/icrossing/nav-arrow-up-over.png) no-repeat 265px 14px;
            }

        .cbp-spmenu .main-menu > li.no-menu > a {
            background: none;
        }

            .cbp-spmenu .main-menu > li.no-menu > a:hover {
                background: #004371;
            }

    .cbp-spmenu .main-menu .sub-menu {
        margin: 5px 0 0 0;
        display: none;
    }

        .cbp-spmenu .main-menu .sub-menu li {
            position: relative;
        }

            .cbp-spmenu .main-menu .sub-menu li a {
                display: block;
                color: #ffffff;
                font-size: 1em;
                padding: 5px 0 5px 55px;
                font-weight: normal;
                cursor: pointer;
                text-decoration: none;
            }

                .cbp-spmenu .main-menu .sub-menu li a:hover {
                    background: #004371;
                    text-decoration: none;
                }

                .cbp-spmenu .main-menu .sub-menu li a:active {
                    background: #004371;
                    color: #ffffff;
                }

                .cbp-spmenu .main-menu .sub-menu li a:focus {
                    text-decoration: none;
                }

            .cbp-spmenu .main-menu .sub-menu li.disabled-goal .goal-disabled {
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                background: rgba(0, 0, 0, 0.25);
                background: url(/Images/ie8_specific/disabled_bg_ie.png) repeat\9; /*  IE Specific  */
            }

            .cbp-spmenu .main-menu .sub-menu li.active-goal .close-btn {
                display: block;
                width: 60px;
                position: absolute;
                right: 4px;
                background: #438DB3;
                text-align: center;
                top: 6px;
                text-transform: uppercase;
                font-size: 0.7em;
                z-index: 9;
                cursor: pointer;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -ms-border-radius: 3px;
                border-radius: 3px;
                color: #ffffff;
            }

                .cbp-spmenu .main-menu .sub-menu li.active-goal .close-btn:hover {
                    color: #0d77b6;
                }

.main-menu li {
    overflow: hidden;
}

    .main-menu li:hover .icon {
        opacity: 1;
    }

    .main-menu li .icon {
        margin: 0;
        margin-right: 10px;
        height: 20px;
        width: 20px;
        overflow: hidden;
        float: left;
        font-size: 17px;
        opacity: 0.4;
    }

        .main-menu li .icon.icon-well-being {
            background: url(../../../Images/svg/fwb_LeftNav.svg) no-repeat;
            -webkit-mask: url(../../../Images/svg/fwb_LeftNav.svg) no-repeat;
            mask: url(../../../Images/svg/fwb_LeftNav.svg) no-repeat;
            -webkit-mask-size: cover;
            mask-size: cover;
            background-size: 100%;
        }

        .main-menu li .icon.icon-fit-program {
            background: url(../../../Images/svg/fitness_program.svg) no-repeat;
            -webkit-mask: url(../../../Images/svg/fitness_program.svg) no-repeat;
            mask: url(../../../Images/svg/fitness_program.svg) no-repeat;
            -webkit-mask-size: cover;
            mask-size: cover;
            background-size: 100%;
        }

        .main-menu li .icon.icon-connections {
            background: url(../../../Images/svg/OnlifeIcons_Connections.svg) no-repeat;
            -webkit-mask: url(../../../Images/svg/OnlifeIcons_Connections.svg) no-repeat;
            mask: url(../../../Images/svg/OnlifeIcons_Connections.svg) no-repeat;
            -webkit-mask-size: cover;
            mask-size: cover;
            background-size: 100%;
        }

    .main-menu li:hover .icon {
        color: #ffffff;
    }

footer {
    position: relative;
    padding: 2em 0;
    margin-top: 1.2em;
    background: #ffffff;
    clear: both;
}

@media (max-width: 768px) {
    footer {
        margin-bottom: 60px;
        padding: 30px 15px;
        text-align: left;
    }
}

@media (max-width: 736px) {
    footer {
        text-align: center;
    }
}

footer.haprompt {
    padding: 1em 0;
}

    footer.haprompt .powered {
        font-size: 1em;
        font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
    }

    footer.haprompt .copyrights {
        float: none;
    }

footer .heading-help {
    color: #525252;
    font-family: "Helvetica Neue LT W01_41488878", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 22px;
    margin-bottom: 0;
}

footer .contact-us, footer .contact-us-help {
    margin: 4px 0 2px;
}

    footer .contact-us a, footer .contact-us-help a {
        text-decoration: underline;
    }

        footer .contact-us a:hover, footer .contact-us a:focus, footer .contact-us-help a:hover, footer .contact-us-help a:focus {
            text-decoration: none;
        }

footer .contact-us {
    font-size: 1.3em;
}

footer .contact-us-help {
    font-size: 1.3em;
}

footer .footer-menu nav ul li {
    float: left;
    margin: 3px 0;
}

@media (max-width: 767px) {
    footer .footer-menu nav ul li {
        float: none;
        display: inline-block;
        text-align: center;
    }
}

footer .footer-menu nav ul li a {
    padding: 0 0.85em;
    border-right: 1px solid #CCCCCC;
    color: #525252;
    font-size: 1em;
    text-decoration: none;
}

    footer .footer-menu nav ul li a:hover, footer .footer-menu nav ul li a:focus {
        text-decoration: underline;
    }

@media (max-width: 1000px) {
    footer .footer-menu nav ul li a {
        padding: 0 15px 0.85em 0;
        border-right: 0;
        text-decoration: underline;
    }
}

footer .footer-menu nav ul li:last-child > a {
    border-right: 0;
}

footer .footer-menu nav ul li .app-promotion {
    width: 90px;
    height: auto;
    margin-left: 10px;
}

@media (max-width: 767px) {
    footer .footer-menu nav ul li .app-promotion {
        margin-left: 0;
    }
}

@media (max-width: 1000px) {
    footer .footer-menu {
        float: none;
        width: 100%;
    }
}

@media (max-width: 767px) {
    footer .footer-menu.menus-bottom {
        margin-left: -10px;
    }
}

footer .copyrights {
    float: left;
    font-size: 1em;
    color: #525252;
}

@media (max-width: 767px) {
    footer .copyrights {
        padding: 0 0.85em 0 0;
        width: 100%;
    }
}

footer a:hover {
    text-decoration: none;
}

#feedbackForm .feedback-row {
    padding: 5px;
}

    #feedbackForm .feedback-row:nth-child(odd) {
        background: #F2F2F2;
    }

#feedbackForm .indication {
    margin: 0 6px 0 0;
}

#feedbackForm .custom-popup {
    width: 46%;
}

@media (max-width: 767px) {
    #feedbackForm .custom-popup {
        width: 100%;
    }
}

#feedbackForm .modal-body {
    max-height: 545px;
}

.client-logo {
    height: auto;
    max-width: 200px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .client-logo {
        background-size: 50%;
        margin: 10px 0;
    }
}

@media (max-width: 736px) {
    .client-logo {
        margin: 0 auto;
    }
}

.footer-site-activity {
    border-top: 1px solid #CCCCCC;
    padding: 1em 0 0.5em 0;
}

.app-store {
    margin-left: 0.6em;
}

@media (max-width: 1000px) {
    .app-store {
        margin-left: 0;
    }
}

.app-promotion {
    max-width: 9em;
}

.to-help {
    font-size: 1.25em;
}

@media (max-width: 1000px) {
    .to-help {
        width: 100%;
    }
}

.to-help p {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    font-size: inherit;
}

.to-help a {
    text-decoration: underline;
    font-size: inherit;
}

    .to-help a:hover, .to-help a:focus {
        text-decoration: none;
    }

.olh-language-discrimination {
    margin: 1em auto 0 auto;
    max-width: 80%;
    text-align: center;
}

@media (max-width: 767px) {
    .olh-language-discrimination {
        width: 100%;
    }
}

.olh-language-discrimination a {
    display: inline-block;
    padding: 0 1em;
    margin: 0 0 0.2em 0;
    border-right: 1px solid #CCCCCC;
    color: #525252;
}

    .olh-language-discrimination a:nth-last-child(2) {
        border-right: 0;
    }

.olh-language-discrimination p {
    margin-top: 1em;
}

.jcarousel-control-next, .jcarousel-control-prev {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    width: 30px;
    text-indent: -9999px;
    height: 70px;
    text-align: center;
    color: #000;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
}

    .jcarousel-control-next:hover, .jcarousel-control-prev:hover, .jcarousel-control-next:focus, .jcarousel-control-prev:focus {
        text-decoration: none;
    }

@media (max-width: 767px) {
    .jcarousel-control-next, .jcarousel-control-prev {
        font-size: 32px;
        margin-top: -32px;
    }
}

.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
}

@media (max-width: 1024px) {
    .jcarousel-wrapper {
        margin: 3px auto;
    }
}

@media (max-width: 868px) {
    .jcarousel-wrapper {
        margin: 40px auto;
    }
}

@media (max-width: 767px) {
    .jcarousel-wrapper {
        margin: 10px auto;
    }
}

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .jcarousel ul {
        width: 20000em;
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .jcarousel li {
        width: 200px;
        float: left;
        border: 1px solid #ffffff;
        box-sizing: border-box;
        position: relative;
    }

@media (max-width: 767px) {
    .jcarousel li {
        border-width: 5px;
    }
}

.jcarousel li.goal-disabled {
    position: relative;
    overflow: hidden;
}

    .jcarousel li.goal-disabled .disabled-goal-overlay, .jcarousel li.goal-disabled .disabled-course-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 5;
        background: rgba(0, 0, 0, 0.4);
        background: url(/Images/ie8_specific/disabled_bg_ie.png) repeat\9; /* IE 8 Specific  */
        display: block !important; /*  To make disabled the goal  */
        opacity: 0.5;
        top: 0;
    }

.jcarousel img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto !important;
}

.jcarousel-control-prev {
    left: -30px;
    background: url(/Images/icrossing/arrow-left-sm.png) center;
}

@media (max-width: 767px) {
    .jcarousel-control-prev {
        left: -20px;
    }
}

.jcarousel-control-next {
    right: -30px;
    background: url(/Images/icrossing/arrow-right-sm.png) center;
}

@media (max-width: 767px) {
    .jcarousel-control-next {
        right: -20px;
    }
}

.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 0;
}

    .jcarousel-pagination a {
        text-decoration: none;
        display: inline-block;
        font-size: 11px;
        height: 10px;
        width: 10px;
        line-height: 10px;
        background: #ffffff;
        color: #4e443c;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        border-radius: 10px;
        text-indent: -9999px;
        margin-right: 7px;
        box-shadow: 0 0 2px #4e443c;
    }

        .jcarousel-pagination a.active {
            background: #4e443c;
            color: #ffffff;
            opacity: 1;
            box-shadow: 0 0 2px #f0efe7;
        }

.full-screen-slider {
    margin: 0 auto;
}

@media (max-width: 767px) {
    .full-screen-slider .jcarousel {
        min-width: 300px;
    }
}

.full-screen-slider .jcarousel li {
    margin: 0;
}

.full-screen-slider .jcarousel-control-prev,
.full-screen-slider .jcarousel-control-next {
    height: 70px;
    width: 40px;
    opacity: 0.8;
    text-indent: -9999px;
}

.full-screen-slider .jcarousel-control-prev {
    left: 0;
    background: #FFF url(/Images/icrossing/arrow-left-sm.png) no-repeat 0;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

.full-screen-slider .jcarousel-control-next {
    right: 0;
    background: #FFF url(/Images/icrossing/arrow-right-sm.png) no-repeat -4px;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

.full-screen-slider .flex-caption h3 {
    color: #ffffff;
}

.full-screen-slider .flex-caption p {
    min-height: 96px;
    color: #ffffff;
}

.flex-caption {
    width: 100%;
    padding: 1.5em;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(2, 109, 162, 0.8);
    background: url(/Images/icrossing/slider_bg_ie.png) repeat\9; /* IE 8 Specific  */
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    line-height: 18px;
    min-height: 204px;
    height: auto;
}

@media (max-width: 868px) {
    .flex-caption {
        min-height: 80px;
    }
}

@media (max-width: 767px) {
    .flex-caption {
        min-height: 50px;
    }
}

@media (max-width: 767px) {
    .flex-caption p {
        display: block;
        display: -webkit-box;
        max-width: 100%;
        height: 36px;
        margin: 0 0 10px auto;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
    }
}

.flex-caption p:empty {
    display: none;
}

@media (max-width: 868px) {
    .flex-caption .ellipsis {
        display: none;
    }
}

.flex-caption .btn {
    display: table-cell;
}

@media (max-width: 868px) {
    .flex-caption .btn {
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    .flex-caption .btn {
        text-shadow: none;
    }
}

@media (max-width: 1024px) {
    .flex-caption .extra {
        display: none;
    }
}

.flex-caption h2 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (max-width: 767px) {
    .flex-caption h2 {
        margin: 0;
        padding-bottom: 5px;
    }
}

@media (max-width: 767px) {
    .carousel-holder {
        max-width: 280px;
        margin: 0 auto;
    }
}

.carousel-holder .recommend-areas li {
    position: relative;
    height: 190px;
    background: #d9edf9;
    border: 5px solid #ffffff;
    cursor: pointer;
    margin: 0 3px;
    text-align: center;
}

@media (max-width: 767px) {
    .carousel-holder .recommend-areas li {
        border: 0;
    }
}

.carousel-holder .recommend-areas li.box-1 {
    background: #525252;
}

.carousel-holder .recommend-areas li.box-2 {
    background: #00528a;
}

.carousel-holder .recommend-areas li.box-3 {
    background: #b01f58;
}

.carousel-holder .recommend-areas li.box-4 {
    background: #215e39;
}

.carousel-holder .recommend-areas li.box-0, .carousel-holder .recommend-areas li.box-5 {
    background: #d04416;
}

.carousel-holder .recommend-areas li > img {
    display: none;
    visibility: hidden;
}

.carousel-holder .recommend-areas li .start-now {
    width: 100%;
    color: #ffffff;
    margin-bottom: 0;
    opacity: 0.8;
    padding: 0 18px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*  IE 8 Specific  */
    color: #ffffff;
    width: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

    .carousel-holder .recommend-areas li .start-now .ellipsis-div p, .carousel-holder .recommend-areas li .start-now .ellipsis-div a {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        text-decoration: none;
    }

    .carousel-holder .recommend-areas li .start-now .ellipsis-div p {
        font-size: 1em;
        margin-top: 4px;
        margin-bottom: 0;
    }

    .carousel-holder .recommend-areas li .start-now .ellipsis-div a {
        font-size: 16px;
    }

    .carousel-holder .recommend-areas li .start-now .ellipsis-div p:last-child {
        margin-bottom: 0px;
    }

    .carousel-holder .recommend-areas li .start-now a {
        color: #ffffff;
        font-size: 16px;
    }

    .carousel-holder .recommend-areas li .start-now .add-course {
        font-size: 0.8em;
    }

.carousel-holder .recommend-areas li .points-btn {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 56px;
    height: auto;
    min-width: inherit;
    border: 2px solid #ffffff;
    border-radius: 6px;
    font-size: 16px;
    line-height: 1.2;
    padding: 3px;
}

    .carousel-holder .recommend-areas li .points-btn .round-icon {
        width: auto;
        height: auto;
        background: none;
        display: block;
        font-size: 20px;
        float: none;
        line-height: 1;
        margin-top: 2px;
    }

.carousel-holder .recommend-areas li .recommended {
    position: absolute;
    top: 8px;
    left: -6px;
    z-index: 5;
    background: #65a244;
    color: #ffffff;
    padding: 0.1em 1em;
    text-transform: uppercase;
}

@media (max-width: 868px) {
    .carousel-holder .recommend-areas li .recommended {
        top: 8px;
        font-size: 0.6em;
        padding: 0px 6px;
    }
}

.carousel-holder .recommend-areas li .recommended .border-shadow {
    position: absolute;
    top: -6px;
    left: 0;
    width: 0px;
    border-bottom: 6px solid rgb(136, 130, 130);
    border-left: 6px solid #ffffff;
    font-size: 0px;
    line-height: 0%;
}

.carousel-holder .recommend-areas li .round-icon-image {
    width: 100%;
    max-width: 88px;
    max-height: 100px;
    margin: 0 auto;
    padding: 24px 0 0;
}

    .carousel-holder .recommend-areas li .round-icon-image > img {
        width: auto;
        display: inline;
    }

.carousel-holder .recommend-areas li .card-links {
    position: absolute;
    left: 0;
    bottom: 8px;
    width: 100%;
    color: #ffffff;
    opacity: 0.8;
}

    .carousel-holder .recommend-areas li .card-links p {
        margin-bottom: 0;
    }

    .carousel-holder .recommend-areas li .card-links a {
        color: #ffffff;
        text-decoration: none;
    }

/** initial setup **/
.custom-scroller .nano {
    position: relative;
    width: 100%;
    height: 100%;
}

    .custom-scroller .nano > .nano-content {
        position: absolute;
        overflow-y: scroll;
        overflow-x: hidden;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

        .custom-scroller .nano > .nano-content::-webkit-scrollbar {
            display: none;
        }

    .custom-scroller .nano > .nano-pane {
        background: rgba(0, 0, 0, 0.25);
        position: absolute;
        width: 10px;
        right: 0;
        top: 0;
        bottom: 0;
        visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
        opacity: 0.01;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        .custom-scroller .nano > .nano-pane > .nano-slider {
            background: #444;
            background: rgba(0, 0, 0, 0.5);
            position: relative;
            margin: 0 1px;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

    .custom-scroller .nano:hover > .nano-pane,
    .custom-scroller .nano .nano-pane.active,
    .custom-scroller .nano .nano-pane.flashed {
        visibility: visible\9; /* Target only IE7 and IE8 with this hack */
        opacity: 0.99;
    }

.custom-scroller .has-scrollbar > .nano-content::-webkit-scrollbar {
    display: block;
}

.manage-trackers-heading {
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .manage-trackers-heading {
        padding: 1em;
    }
}

.manage-trackers-heading .theme-color {
    color: #6ba343;
}

.heading-blue {
    width: 100%;
    background: #00528a;
    color: #ffffff;
    float: left;
    margin-top: 0.5em;
    padding: 0.7em 2.8em;
}

@media (max-width: 868px) {
    .heading-blue {
        padding: 0.7em 1.8em;
    }
}

@media (max-width: 767px) {
    .heading-blue {
        width: inherit;
        float: none;
        margin: 0 15px;
        padding: 0.7em 1em;
    }
}

.heading-blue h3 {
    color: #ffffff;
}

.heading-blue .form-group {
    margin-bottom: 0px;
}

.heading-blue .glyphicon {
    color: #ffffff;
    font-size: 20px;
    margin-top: 6px;
}

.heading-blue .link-to-home {
    display: inline-block;
    padding-top: 5px;
}

    .heading-blue .link-to-home:hover {
        text-decoration: underline;
    }

.sub-container {
    width: 100%;
    float: left;
}

    .sub-container ol {
        padding-left: 20px;
    }

    .sub-container .manage-trackers-heading {
        padding-left: 0;
    }

    .sub-container #mainChart .stressYAxis {
        float: left;
        margin-top: 55px;
    }

    .sub-container .form-group label {
        line-height: 40px;
    }

    .sub-container .form-group .dp-choose-date {
        position: absolute;
        top: 3px;
        left: 94px;
        z-index: 9;
    }

    .sub-container #onDate {
        float: left;
    }

        .sub-container #onDate .date-pick {
            width: auto !important;
            border: 1px solid #c5c5c5;
            padding: 2px 2px 2px 5px;
            padding-right: 27px;
            padding-right: 35px\9;
            /* IE 8 Specific  */
            text-align: center;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            border-radius: 4px;
        }

            .sub-container #onDate .date-pick::-ms-clear {
                display: none;
            }

            .sub-container #onDate .date-pick#DataPointDate {
                width: 120px !important;
                line-height: 20px;
                padding-top: 6px\9;
                padding-right: 0;
                text-align: left;
            }

    .sub-container .boxes {
        position: relative;
        width: 100%;
        height: 200px;
        background: #d9edf9;
        border: none;
        cursor: pointer;
        display: block;
        opacity: 0.8;
        padding: 10% 20%;
        text-align: center;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }

        .sub-container .boxes:hover, .sub-container .boxes:focus {
            opacity: 1;
            border: 1px solid #0897d6;
        }

        .sub-container .boxes.box-1 {
            background: #525252;
        }

        .sub-container .boxes.box-2 {
            background: #00528a;
        }

        .sub-container .boxes.box-3 {
            background: #b01f58;
        }

        .sub-container .boxes.box-4 {
            background: #215e39;
        }

        .sub-container .boxes.box-0, .sub-container .boxes.box-5 {
            background: #d04416;
        }

@media (max-width: 767px) {
    .sub-container .boxes {
        margin-top: 0;
    }
}

.sub-container .boxes .recommended {
    position: absolute;
    top: 16px;
    left: -6px;
    z-index: 9;
    background: #65a244;
    color: #ffffff;
    font-size: 0.7em;
    padding: 0.1em 1em;
    text-transform: uppercase;
}

    .sub-container .boxes .recommended .border-shadow {
        position: absolute;
        top: -6px;
        left: 0;
        width: 0px;
        border-bottom: 6px solid rgb(136, 130, 130);
        border-left: 6px solid #ffffff;
        font-size: 0;
        line-height: 0;
    }

    .sub-container .boxes .recommended.viewPage img {
        margin-top: 10px;
    }

.sub-container .boxes .round-icon-image {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center;
    padding: 44px 0 10px;
}

@media (max-width: 767px) {
    .sub-container .boxes .round-icon-image {
        padding: 0;
    }
}

.sub-container .boxes .round-icon-image > img {
    display: inline;
}

.sub-container div.boxes img {
    margin-top: 12px;
}

.sub-container button.boxes img {
    margin-top: -10px;
}

@media (max-width: 767px) {
    .sub-container button.boxes img {
        margin-top: -50px;
    }
}

.sub-container .trackers-list {
    margin-bottom: 2em;
}

    .sub-container .trackers-list .start-now {
        position: absolute\9;
        width: 100%;
        color: #ffffff;
        font-size: 0.9em;
        float: left;
        margin-top: -74px;
        opacity: 0.8;
        padding: 5px 5px 0;
        text-align: left;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        /*  IE 8 Specific  */
        cursor: pointer;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
    }

        .sub-container .trackers-list .start-now button[type=submit] {
            background: none;
            border: none;
        }

        .sub-container .trackers-list .start-now h4 {
            color: #ffffff;
            font-size: 16px;
        }

        .sub-container .trackers-list .start-now .points-btn {
            width: auto;
            min-width: inherit;
            height: auto;
            border: 2px solid #ffffff;
            font-size: 0.8em;
            margin-top: 10px;
            padding: 0.2em 0.4em;
            text-align: center;
        }

            .sub-container .trackers-list .start-now .points-btn:empty {
                display: none;
            }

            .sub-container .trackers-list .start-now .points-btn .round-icon {
                width: auto;
                height: auto;
                background: none;
                display: inline-block;
                font-size: 10px;
                float: none;
                line-height: 18px;
                margin-top: 0;
            }

@media (max-width: 767px) {
    .sub-container .trackers-list .start-now .points-btn .round-icon {
        display: block;
    }
}

.sub-container .trackers-list .start-now a {
    color: #ffffff;
    font-size: 10px;
}

    .sub-container .trackers-list .start-now a:hover, .sub-container .trackers-list .start-now a:focus {
        text-decoration: none;
    }

.sub-container .trackers-list .start-now .ellipsis-div p {
    font-size: 0.97em;
    margin-bottom: 0;
}

.choose-time {
    width: 350px;
    height: 215px;
    background: #00528a;
    margin: 0 auto;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
}

@media (max-width: 1024px) {
    .choose-time {
        width: 100%;
    }
}

.choose-time p {
    color: #ffffff;
}

.choose-time h4.choose-a-day,
.choose-time h4.choose-your-mood {
    color: #ffffff;
    font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.choose-time .morning,
.choose-time .afternoon,
.choose-time .evening {
    background-repeat: no-repeat;
    color: #000;
    display: inline-block;
    font-size: 0.8em;
    text-transform: uppercase;
}

    .choose-time .morning:hover, .choose-time .morning.active,
    .choose-time .afternoon:hover,
    .choose-time .afternoon.active,
    .choose-time .evening:hover,
    .choose-time .evening.active {
        color: #ffffff;
    }

.choose-time .morning,
.choose-time .afternoon {
    padding-top: 43px;
    height: 45px;
}

    .choose-time .morning:hover, .choose-time .morning.active,
    .choose-time .afternoon:hover,
    .choose-time .afternoon.active {
        background-position: 0 -45px;
    }

.choose-time .morning {
    width: 45px;
    background: url(/Images/icrossing/trackers/sun.png);
}

.choose-time .afternoon {
    width: 73px;
    background: url(/Images/icrossing/trackers/afternoon.png);
}

.choose-time .evening {
    width: 25px;
    height: 14px;
    background: url(/Images/icrossing/trackers/evening.png);
    margin-top: 16px;
    margin-left: 20px;
    padding-top: 27px;
    text-indent: -12px;
}

    .choose-time .evening:hover, .choose-time .evening.active {
        background-position: 0 -26px;
    }

.choose-time .smiley-selection {
    margin-left: 70px;
}

    .choose-time .smiley-selection .laugh,
    .choose-time .smiley-selection .smile,
    .choose-time .smiley-selection .angry,
    .choose-time .smiley-selection .sad,
    .choose-time .smiley-selection .cry {
        width: 33px;
        height: 33px;
        background: url(/Images/icrossing/trackers/smileys.png) no-repeat;
        cursor: pointer;
        float: left;
        margin: 0 3px;
        text-indent: -9999px;
    }

    .choose-time .smiley-selection .laugh {
        background-position: 0 0;
    }

        .choose-time .smiley-selection .laugh:hover, .choose-time .smiley-selection .laugh.active, .choose-time .smiley-selection .laugh.selected1 {
            background-position: 0 -35px;
        }

    .choose-time .smiley-selection .smile {
        background-position: -35px 0;
    }

        .choose-time .smiley-selection .smile:hover, .choose-time .smiley-selection .smile.active, .choose-time .smiley-selection .smile.selected2 {
            background-position: -35px -35px;
        }

    .choose-time .smiley-selection .angry {
        background-position: -69px 0;
    }

        .choose-time .smiley-selection .angry:hover, .choose-time .smiley-selection .angry.active, .choose-time .smiley-selection .angry.selected3 {
            background-position: -69px -35px;
        }

    .choose-time .smiley-selection .sad {
        background-position: -104px 0;
    }

        .choose-time .smiley-selection .sad:hover, .choose-time .smiley-selection .sad.active, .choose-time .smiley-selection .sad.selected4 {
            background-position: -104px -35px;
        }

    .choose-time .smiley-selection .cry {
        background-position: -138px 0;
    }

        .choose-time .smiley-selection .cry:hover, .choose-time .smiley-selection .cry.active, .choose-time .smiley-selection .cry.selected5 {
            background-position: -138px -35px;
        }

.track-history table {
    width: 100%;
}

    .track-history table thead tr th:first-child {
        width: 30%;
    }

    .track-history table tbody tr:first-child td {
        color: #009b48 !important;
    }

    .track-history table tbody tr {
        border-bottom: 1px solid #CCCCCC;
        text-align: center;
    }

        .track-history table tbody tr:first-child, .track-history table tbody tr.latest {
            color: #009b48 !important;
        }

        .track-history table tbody tr td {
            text-align: center;
        }

        .track-history table tbody tr > td:first-child {
            padding: 0.6em 0 0.6em 2em;
        }

        .track-history table tbody tr > td {
            padding: 3px 0;
            font-family: Arial, Helvetica, sans-serif;
        }

            .track-history table tbody tr > td .laugh,
            .track-history table tbody tr > td .smile,
            .track-history table tbody tr > td .angry,
            .track-history table tbody tr > td .sad,
            .track-history table tbody tr > td .cry {
                width: 33px;
                height: 33px;
                background: url(/Images/icrossing/trackers/history-smileys.png) no-repeat;
                display: block;
                margin: 0 auto;
                text-indent: -9999px;
            }

@media (max-width: 767px) {
    .track-history table tbody tr > td .laugh,
    .track-history table tbody tr > td .smile,
    .track-history table tbody tr > td .angry,
    .track-history table tbody tr > td .sad,
    .track-history table tbody tr > td .cry {
        float: left;
    }
}

.track-history table tbody tr > td .laugh {
    background-position: 0 0;
}

    .track-history table tbody tr > td .laugh:hover, .track-history table tbody tr > td .laugh.active {
        background-position: 0 -69px;
    }

.track-history table tbody tr > td .smile {
    background-position: -35px 0;
}

    .track-history table tbody tr > td .smile:hover, .track-history table tbody tr > td .smile.active {
        background-position: -35px -69px;
    }

.track-history table tbody tr > td .angry {
    background-position: -69px 0;
}

    .track-history table tbody tr > td .angry:hover, .track-history table tbody tr > td .angry.active {
        background-position: -69px -69px;
    }

.track-history table tbody tr > td .sad {
    background-position: -104px 0;
}

    .track-history table tbody tr > td .sad:hover, .track-history table tbody tr > td .sad.active {
        background-position: -104px -69px;
    }

.track-history table tbody tr > td .cry {
    background-position: -138px 0;
}

    .track-history table tbody tr > td .cry:hover, .track-history table tbody tr > td .cry.active {
        background-position: -138px -69px;
    }

.right-section .choose-time {
    height: auto;
}

.right-section .choose-a-day,
.right-section .text-label,
.right-section .form-group,
.right-section h4.middle {
    text-align: center;
}

.right-section .text-label,
.right-section h4.middle {
    color: #ffffff;
}

.right-section .form-group {
    line-height: 30px;
}

.tab-structure .nav-tabs {
    position: relative;
}

@media (max-width: 767px) {
    .tab-structure .nav-tabs {
        position: relative;
        height: auto !important;
        padding-bottom: 40px;
    }
}

.tab-structure .nav-tabs li.only-one-tab {
    display: none;
}

    .tab-structure .nav-tabs li.only-one-tab a {
        background-color: inherit;
        border: none;
    }

@media (max-width: 767px) {
    .tab-structure .nav-tabs li {
        width: 100%;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .tab-structure .nav-tabs li a {
        border: 0;
    }

        .tab-structure .nav-tabs li a:hover {
            border: 0;
        }
}

@media (max-width: 767px) {
    .tab-structure .nav-tabs li.active a {
        background: #eee;
        margin: 0;
    }

        .tab-structure .nav-tabs li.active a:hover {
            background: #eee;
        }
}

@media (max-width: 767px) {
    .tab-structure .nav-tabs li.active {
        position: absolute;
        bottom: 0;
    }
}

.tab-structure .tab-pane {
    width: 100%;
    border: 1px solid #CCCCCC;
    float: left;
    margin: 15px 0 10px;
    padding: 10px;
}

    .tab-structure .tab-pane .date-range {
        padding-left: 20px;
    }

        .tab-structure .tab-pane .date-range .form-group {
            width: 100% \9;
        }

            .tab-structure .tab-pane .date-range .form-group .input-group input {
                width: 138px;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -ms-border-radius: 3px;
                border-radius: 3px;
            }

.table-layout .your-assessment thead th:first-child, .table-layout .your-assessment thead th:last-child {
    width: 30%;
}

.table-layout .your-report tbody tr > td,
.table-layout .your-assessment tbody tr > td,
.table-layout .responsive-tables tbody tr > td {
    text-align: center;
}

@media (max-width: 767px) {
    .table-layout .your-report tbody tr > td:nth-child(2),
    .table-layout .your-assessment tbody tr > td:nth-child(2),
    .table-layout .responsive-tables tbody tr > td:nth-child(2) {
        text-align: left;
        font-weight: normal;
    }
}

.description-area {
    width: 100%;
    padding: 0 0 1em;
}

@media (max-width: 767px) {
    .description-area .mobile-position {
        float: right;
        margin-right: 2em;
    }
}

.tab-structure .nav-tabs {
    margin-left: 0;
}

table.chartNavigation {
    margin-left: 0 !important;
    /* Overwritten for the trackers chart navigation to get it aligned */
}

.year-head {
    padding: 0.7em 1.2em;
    border-bottom: 1px solid #CCCCCC;
}

.table-layout .earn-points tr {
    border-bottom: 1px solid #CCCCCC;
}

.table-layout .earn-points thead th {
    padding: 0.8em 1em;
}

    .table-layout .earn-points thead th:nth-child(2) {
        text-align: left;
        padding: 0.3em 1em;
        width: 50%;
    }

.table-layout .earn-points tbody tr td {
    text-align: center;
    padding: 1em;
    /*  IE 8 Fix  */
}

@media (max-width: 767px) {
    .table-layout .earn-points tbody tr td {
        padding: 0.3em 1em;
    }
}

.table-layout .earn-points tbody tr td .status-icon {
    display: block;
    height: auto;
    max-width: 80px;
    border: 3px solid #CCCCCC;
    border-radius: 50%;
}

@media (max-width: 767px) {
    .table-layout .earn-points tbody tr td .status-icon {
        width: 40px;
    }
}

.table-layout .earn-points tbody tr td:nth-child(2) {
    text-align: left !important;
    font-weight: normal;
}

.table-layout .earn-points tbody tr td:first-child {
    vertical-align: middle;
}

    .table-layout .earn-points tbody tr td:first-child + td {
        text-align: left\9;
    }

@media (max-width: 767px) {
    .table-layout .earn-points tbody tr td p {
        display: none;
    }
}

@media (max-width: 767px) {
    .table-layout .earn-points tbody tr td {
        text-align: left;
        font-weight: normal;
    }
}

.table-layout .earn-points tbody tr:nth-of-type(odd) {
    background: #FFF;
}

.table-layout .your-points-history thead th:first-child + th {
    text-align: right;
    padding-right: 3em;
}

.table-layout .your-points-history tbody tr > td:first-child + td {
    font-weight: bold;
    text-align: right;
}

@media (max-width: 767px) {
    .table-layout .your-points-history tbody tr > td:first-child + td {
        text-align: left;
        font-weight: normal;
    }
}

.view-points-history {
    margin-top: 15px;
}

.health-articles iframe {
    width: 100%;
    height: 700px;
    padding: 1em;
    border: 1px solid #CCCCCC;
}

.health-articles .tab-structure .nav-tabs > li > a {
    font-weight: bold;
}

.health-articles .tab-structure .tab-content {
    position: relative;
}

    .health-articles .tab-structure .tab-content .tab-pane {
        min-height: 295px;
        border: 1px solid #CCCCCC;
        padding: 0;
    }

        .health-articles .tab-structure .tab-content .tab-pane .search-result-area {
            padding: 0.5em 0 0.5em 0.5em;
            min-height: 1015px;
            max-height: 1075px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px;
        }

            .health-articles .tab-structure .tab-content .tab-pane .search-result-area .result-row {
                margin-bottom: 0.3em;
                padding: 0.3em 1em;
            }

                .health-articles .tab-structure .tab-content .tab-pane .search-result-area .result-row h4 a {
                    text-decoration: underline;
                    font-weight: bold;
                }

                .health-articles .tab-structure .tab-content .tab-pane .search-result-area .result-row.even {
                    background: #f0f6e8;
                }

                .health-articles .tab-structure .tab-content .tab-pane .search-result-area .result-row .recommended-on {
                    font-size: 0.85em;
                }

        .health-articles .tab-structure .tab-content .tab-pane .character-selection {
            padding: 0.5em 0.2em;
            background: #b9db49;
            background: -moz-linear-gradient(top, #b9db49 0%, #72a218 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b9db49), color-stop(100%, #72a218));
            background: -webkit-linear-gradient(top, #b9db49 0%, #72a218 100%);
            background: -o-linear-gradient(top, #b9db49 0%, #72a218 100%);
            background: -ms-linear-gradient(top, #b9db49 0%, #72a218 100%);
            background: linear-gradient(to bottom, #b9db49 0%, #72a218 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b9db49", endColorstr="#72a218",GradientType=0 );
            width: 100%;
            float: left;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px;
        }

            .health-articles .tab-structure .tab-content .tab-pane .character-selection .browse-letter-heading {
                margin: 0;
                padding: 0;
                color: #ffffff;
                margin-top: 5px;
            }

            .health-articles .tab-structure .tab-content .tab-pane .character-selection .letter-search {
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                -ms-border-radius: 3px;
                border-radius: 3px;
                background: #ffffff;
                padding: 0.3em;
            }

                .health-articles .tab-structure .tab-content .tab-pane .character-selection .letter-search a {
                    text-decoration: underline;
                    font-weight: bold;
                    margin: 0 0.3em;
                }

    .health-articles .tab-structure .tab-content .my-tools-section {
        position: absolute;
        right: 10px;
        top: 66px;
    }

        .health-articles .tab-structure .tab-content .my-tools-section .pagination li a {
            text-decoration: none;
        }

.section-box {
    border: 1px solid #CCCCCC;
    float: left;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

    .section-box .section-header {
        color: #ffffff;
        background: #6ba343;
        height: 30px;
        padding: 0.3em;
    }

        .section-box .section-header h3 {
            margin: 0;
            padding: 0;
        }

    .section-box .section-content {
        padding: 0.2em;
        background: #F9F9F9;
    }

        .section-box .section-content .section-tools {
            border: 1px solid #CCCCCC;
            padding: 0.3em;
            color: #00528a;
            font-weight: bold;
            text-decoration: uppercase;
            margin-bottom: 0.2em;
            background: #E4F5E8;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px;
        }

            .section-box .section-content .section-tools h4 {
                margin: 0;
                padding: 0;
            }

.onliferesult {
    margin-bottom: 2em;
    padding-right: 1.2em;
}

    .onliferesult .title {
        font-size: 1.1em;
        font-weight: bold;
    }

        .onliferesult .title .ol-content-link {
            padding: 0.5em 0 0.5em 2em;
            background: url(/Images/icrossing/hr_icon_doc.png) no-repeat;
        }

        .onliferesult .title .glyphicon-star.on {
            color: #682566;
        }

        .onliferesult .title .glyphicon-star.off {
            color: #999999;
        }

        .onliferesult .title .label-holder {
            width: 100px;
            float: left;
            font-size: 11px;
            font-weight: normal;
            line-height: 18px;
            margin-right: 4px;
        }

        .onliferesult .title .title-articles {
            margin: 0 0 5px 0;
            padding: 0;
            font-size: 1.1em;
            font-weight: normal;
        }

    .onliferesult .bottom .provider, .onliferesult .bottom .pubdate {
        font-size: 12px;
    }

    .onliferesult .bottom .pubdate {
        text-right: right;
    }

        .onliferesult .bottom .pubdate .published-image {
            display: inline-block;
            width: 27px;
            height: 17px;
            background: url(/Images/icrossing/bookpile1.png) no-repeat;
        }

.alphabet-tab-container .custom-scroller .nano {
    height: 1025px;
    overflow: hidden;
}

    .alphabet-tab-container .custom-scroller .nano > .nano-pane {
        right: 0px;
    }

.featured-content ul li a {
    text-decoration: underline;
    cursor: pointer;
}

    .featured-content ul li a:hover {
        text-decoration: none;
    }

#flashcontent #SymptomChecker {
    width: 100% !important; /*  Overridden the embeded swf to make it center  */
}

.coach-info {
    margin: 10px;
    padding: 10px;
}

    .coach-info .avatar-img {
        border: 3px solid #06a7e2;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        width: 134px;
        height: auto;
        float: left;
        border-radius: 50%;
        overflow: hidden;
    }

        .coach-info .avatar-img img {
            width: 100%;
        }

.learn-more-about-modal {
    border: 1px solid #CCCCCC;
    margin: 10px;
    padding: 10px;
    background: #F0F0F0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

    .learn-more-about-modal .avatar-img {
        border: 1px solid #d02800;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        border-radius: 3px;
        width: 134px;
        height: 130px;
        float: left;
    }

    .learn-more-about-modal .coach-biography {
        max-height: 160px;
        overflow-y: scroll;
        width: 100%;
        float: left;
    }

        .learn-more-about-modal .coach-biography table tbody tr td {
            padding: 3px;
            vertical-align: top;
        }

.compose-message {
    background: #EBEBEB;
    padding: 0.5em 2em 1em;
}

@media (max-width: 868px) {
    .compose-message {
        padding: 0.5em 1.8em 1em;
    }
}

.member-message {
    background-color: #F5FEFF;
    padding: 1em 2em;
    margin-bottom: 1em;
    margin-top: 1em;
    border: 1px solid #C5E2F0;
    border-radius: 1em;
}

@media (max-width: 868px) {
    .member-message {
        padding: 0.5em 1.8em 1em;
    }
}

.member-message-heading {
    font-size: 1.4em;
}

.coach-message {
    position: relative;
}

.connections-search-bubble.arrow-free.set-message {
    position: absolute;
    top: 8.5em;
    left: 0.25em;
    right: 8em;
    z-index: 10;
}

#MemberServicesMessages > div:nth-child(even) {
    background: #FAFAFA;
}

#MemberServicesMessages .messages {
    min-height: 0;
    border: 0;
    border-radius: 0;
    color: #00528a;
    display: block;
    overflow: auto;
    padding: 1em 1em 1em 0.8em;
}

    #MemberServicesMessages .messages .thumb-render .thumb-render-images li {
        float: left;
        display: inline-block;
        width: 8.5em;
        height: 8.5em;
        margin: 0 0.63em;
    }

        #MemberServicesMessages .messages .thumb-render .thumb-render-images li a {
            text-decoration: none;
        }

        #MemberServicesMessages .messages .thumb-render .thumb-render-images li .thumb-history {
            height: 5em;
            width: 8.75em;
            border: 1px solid #000;
            border-radius: 0.5em;
        }

        #MemberServicesMessages .messages .thumb-render .thumb-render-images li .caption-history {
            font-size: 0.6em;
            line-height: 1.2em;
            margin-top: 0.5em;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    #MemberServicesMessages .messages a {
        font-weight: bold;
        text-decoration: underline;
    }

    #MemberServicesMessages .messages:hover .delete-icon, #MemberServicesMessages .messages:hover .archive {
        opacity: 1;
    }

    #MemberServicesMessages .messages .delete-icon, #MemberServicesMessages .messages .archive {
        cursor: pointer;
        opacity: 0.5;
    }

    #MemberServicesMessages .messages p {
        word-wrap: break-word;
    }

@media (max-width: 868px) {
    #MemberServicesMessages .messages {
        padding: 1em 1.8em;
    }
}

#MemberServicesMessages .messages .archive .glyphicon {
    padding-left: 1em;
}

#MemberServicesMessages .messages.archive-messages .archive {
    display: inline-block;
    margin-right: 0.3em;
}

#MemberServicesMessages .messages.archive-messages .thumb-render .thumb-render-images li {
    float: left;
    display: inline-block;
    width: 8.5em;
    height: 8.5em;
    margin: 0 0.63em;
}

    #MemberServicesMessages .messages.archive-messages .thumb-render .thumb-render-images li a {
        text-decoration: none;
    }

    #MemberServicesMessages .messages.archive-messages .thumb-render .thumb-render-images li .thumb-history {
        height: 5em;
        width: 8.75em;
        border: 1px solid #000;
        border-radius: 0.5em;
    }

    #MemberServicesMessages .messages.archive-messages .thumb-render .thumb-render-images li .caption-history {
        font-size: 0.6em;
        line-height: 1.2em;
        margin-top: 0.5em;
        overflow: hidden;
        text-overflow: ellipsis;
    }

#RenderedMessages > div:nth-child(even) {
    background: #FAFAFA;
}

#RenderedMessages .messages {
    min-height: 0;
    border: 0;
    border-radius: 0;
    color: #00528a;
    display: block;
    overflow: auto;
    padding: 1em 1em 1em 2.8em;
}

    #RenderedMessages .messages a {
        font-weight: bold;
        text-decoration: underline;
    }

    #RenderedMessages .messages:hover .delete-icon, #RenderedMessages .messages:hover .archive {
        opacity: 1;
    }

    #RenderedMessages .messages .delete-icon, #RenderedMessages .messages .archive {
        cursor: pointer;
        opacity: 0.5;
    }

    #RenderedMessages .messages p {
        word-wrap: break-word;
    }

@media (max-width: 868px) {
    #RenderedMessages .messages {
        padding: 1em 1.8em;
    }
}

#RenderedMessages .messages .archive .glyphicon {
    padding-left: 15px;
}

#RenderedMessages .messages.archive-messages .archive {
    display: inline-block;
    margin-right: 10px;
}

.messages-filter-dropdown .btn {
    min-width: 125px;
    text-align: left;
    position: relative;
    border: 1px solid #666666;
    color: #666666;
}

    .messages-filter-dropdown .btn .caret {
        position: absolute;
        right: 10px;
        top: 15px;
        background: url(/Images/ie8_specific/select_dropdown_black.png) no-repeat;
        width: 8px;
        height: 4px;
        border: 0px;
    }

.appointments .section {
    padding: 1em 2.8em 1em 0em;
}

    .appointments .section h3 {
        color: #009b48;
    }

.redeem-points {
    padding: 2em 2.8em 0;
}

@media (max-width: 868px) {
    .redeem-points {
        padding-left: 1em;
    }
}

.redeem-points h3 {
    color: #009b48;
}

.alert-modal {
    width: 31.25em;
    margin: 0.62em auto;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
}

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        font-size: 200px;
        direction: ltr;
        cursor: pointer;
    }

.thumb {
    height: 80px;
    width: 100px;
    border: 1px solid #000;
}

.FileNameCaptionStyle {
    font-size: 0.63em;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.thumb-Images li {
    width: 7.5em;
    float: left;
    display: inline-block;
    vertical-align: top;
    height: 7.5em;
    margin: 0 0.63em;
}

.img-wrap {
    position: relative;
    display: inline-block;
    font-size: 0;
}

    .img-wrap .close {
        position: absolute;
        top: 0.125em;
        right: 0.125em;
        z-index: 100;
        background-color: #f3f3f3;
        padding: 0.12em 0.12em 0.12em;
        color: #000;
        font-weight: bolder;
        cursor: pointer;
        opacity: 0.5;
        line-height: 0.63em;
        border-radius: 50%;
    }

    .img-wrap:hover .close {
        opacity: 1;
        background-color: #a6192e;
    }

/*  Graph indicator variables  */
.biometrics-graph {
    position: relative;
    padding-top: 1.5em;
}

    .biometrics-graph .graph-indicator-container {
        height: 60px;
        margin-bottom: 0.8em;
    }

        .biometrics-graph .graph-indicator-container .metric-label-info {
            color: #525252;
            font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
            font-size: 1.3em;
            font-weight: normal;
            line-height: 12px;
            margin-top: -11px;
            padding-left: 40px;
            padding-right: 0;
        }

            .biometrics-graph .graph-indicator-container .metric-label-info .metrics-label {
                display: block;
                font-weight: normal;
                font-size: 16px;
            }

        .biometrics-graph .graph-indicator-container .indicator-bars .indicator {
            position: absolute;
            width: 2px;
            height: 15px;
            background: #6dade1;
            margin-top: -4px;
        }

            .biometrics-graph .graph-indicator-container .indicator-bars .indicator.fade {
                display: none;
            }

            .biometrics-graph .graph-indicator-container .indicator-bars .indicator .quantity {
                position: absolute;
                top: -18px;
                width: 30px;
                margin-left: -15px;
                text-align: center;
            }

        .biometrics-graph .graph-indicator-container .indicator-bars .bars-holder {
            width: 100%;
            float: left;
        }

            .biometrics-graph .graph-indicator-container .indicator-bars .bars-holder .bar {
                height: 11px;
                float: left;
            }

                .biometrics-graph .graph-indicator-container .indicator-bars .bars-holder .bar.low {
                    background: #5dcdce;
                }

                .biometrics-graph .graph-indicator-container .indicator-bars .bars-holder .bar.healthy {
                    background: #bddb5b;
                }

                .biometrics-graph .graph-indicator-container .indicator-bars .bars-holder .bar.high {
                    background: #fedc00;
                }

                .biometrics-graph .graph-indicator-container .indicator-bars .bars-holder .bar.unhealthy {
                    background: #fd6857;
                }

            .biometrics-graph .graph-indicator-container .indicator-bars .bars-holder.three .bar {
                width: 33.33333%;
            }

            .biometrics-graph .graph-indicator-container .indicator-bars .bars-holder.four .bar {
                width: 25%;
            }

        .biometrics-graph .graph-indicator-container .indicator-bars .bar-values-holder {
            position: relative;
            width: 100%;
            float: left;
            margin: 0;
            padding: 0;
        }

            .biometrics-graph .graph-indicator-container .indicator-bars .bar-values-holder .bar-value {
                position: relative;
                float: left;
                text-align: center;
            }

                .biometrics-graph .graph-indicator-container .indicator-bars .bar-values-holder .bar-value.last-child {
                    position: absolute;
                    right: 0;
                }

                .biometrics-graph .graph-indicator-container .indicator-bars .bar-values-holder .bar-value:last-child {
                    position: absolute;
                    right: 0;
                }

                .biometrics-graph .graph-indicator-container .indicator-bars .bar-values-holder .bar-value .bar-value-indicator {
                    position: absolute;
                    top: -15px;
                    width: 2px;
                    height: 15px;
                    background: #6dade1;
                    display: block;
                }

                    .biometrics-graph .graph-indicator-container .indicator-bars .bar-values-holder .bar-value .bar-value-indicator .bar-value {
                        position: absolute;
                        top: -18px;
                        left: -20px;
                        width: 50px;
                        display: block;
                        color: #525252;
                        font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
                        font-size: 1em;
                        font-weight: normal;
                        text-align: center;
                    }

    .biometrics-graph .no-biometrics {
        position: absolute;
        top: 0;
        z-index: 5;
        height: 100%;
        background: #608033;
        color: #525252;
        display: block;
        opacity: 0.9;
        padding: 7em;
        text-align: center;
    }

@media (max-width: 767px) {
    .biometrics-graph .no-biometrics {
        padding: 1em;
    }
}

.biometrics-graph .no-biometrics h2,
.biometrics-graph .no-biometrics p {
    color: #ffffff;
}

.graph-chart {
    display: none;
}

    .graph-chart .data-display-estate {
        min-height: 400px;
    }

        .graph-chart .data-display-estate .highcharts-container svg .highcharts-title {
            display: none;
        }

    .graph-chart .data-title-header h2 {
        color: #525252;
        padding-left: 2.8em;
    }

    .graph-chart .date-range .input-group {
        width: 150px;
    }

.recommendations .main-header {
    border-bottom: 1px dotted #CCCCCC;
    margin-top: 1em;
    padding-bottom: 1em;
}

.recommendations .recommend-box {
    height: auto;
    max-height: 172px;
    border: 5px solid #ffffff;
    color: #525252;
    cursor: pointer;
    overflow: hidden;
    padding: 0.8em 1em 0.8em 0;
    -webkit-transition: max-height 0.4s ease-out;
    -moz-transition: max-height 0.4s ease-out;
    -ms-transition: max-height 0.4s ease-out;
    -o-transition: max-height 0.4s ease-out;
    transition: max-height 0.4s ease-out;
}

@media (max-width: 767px) {
    .recommendations .recommend-box {
        display: inline-block;
    }
}

.recommendations .recommend-box:hover {
    background: #EEEEEE;
}

.recommendations .recommend-box .content-description {
    opacity: 1;
    -webkit-transition: opacity .4s linear;
    -moz-transition: opacity .4s linear;
    -ms-transition: opacity .4s linear;
    -o-transition: opacity .4s linear;
    transition: opacity .4s linear;
}

    .recommendations .recommend-box .content-description.fade {
        opacity: 0;
    }

.recommendations .recommend-box.expanded {
    max-height: 600px;
}

.recommendations .odd .recommend-box {
    background: #f3f9ea;
}

    .recommendations .odd .recommend-box:hover {
        background: #e2e8d9;
    }

.recommendations .recommend-icon {
    width: 57px;
    height: 55px;
    background: url("/Images/icrossing/biometrics/biometrics-icons.png") no-repeat;
    margin: 35px auto 0;
}

    .recommendations .recommend-icon.weight {
        background-position: 0 0;
    }

    .recommendations .recommend-icon.cholesterol {
        background-position: -57px 0;
    }

    .recommendations .recommend-icon.bmi {
        background-position: 0 -55px;
    }

    .recommendations .recommend-icon.hdl {
        background-position: -56px -55px;
    }

    .recommendations .recommend-icon.waist {
        background-position: 0 -110px;
    }

    .recommendations .recommend-icon.ldl {
        background-position: -56px -110px;
    }

    .recommendations .recommend-icon.blood-pressure {
        background-position: 0 -165px;
    }

    .recommendations .recommend-icon.triglycerides {
        background-position: -57px -165px;
    }

    .recommendations .recommend-icon.pulse {
        background-position: -57px -220px;
    }

    .recommendations .recommend-icon.glucose {
        background-position: 0 -220px;
    }

/* Disabled the timepicker from the datetimepicker */
.timepicker .datetimepicker-hours thead,
.timepicker .datetimepicker-minutes .switch {
    display: none;
}

.back-btn.light {
    width: 55px;
    height: 26px;
    background: url("/Images/ie8_specific/back-arrow.png");
    color: #ffffff;
    float: left;
    font-size: 0.8em;
    line-height: 26px;
    margin-top: -3px;
    padding-left: 7px;
    text-align: center;
}

.biodevices-less {
    /* Validic */
    /* BioDevices.aspx */
    /* Introduction*/
}

    .biodevices-less .mailto {
        color: #d04416;
    }

    .biodevices-less #BioDeviceInfo {
        clear: both;
        margin: 3.4em 0 1.2em;
    }

    .biodevices-less .OffLoadDate {
        float: left;
        font-size: 1.2em;
        text-align: center;
    }

        .biodevices-less .OffLoadDate > label {
            color: #C0BEAF;
            float: left;
        }

        .biodevices-less .OffLoadDate #LastOffloadDate {
            font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
            font-weight: normal;
        }

    .biodevices-less .LowBattery {
        background-color: #ff8300;
        color: #ffffff;
        font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 22px;
        font-weight: normal;
        line-height: 1.4;
        padding: 0.2em;
        text-align: center;
    }

    .biodevices-less .POPHACoins {
        color: #00528a;
        cursor: pointer;
        font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: normal;
    }

    .biodevices-less #DeviceButtons {
        float: right;
        padding-right: 4px;
        padding-bottom: 5px;
    }

    .biodevices-less #DeviceAdd {
        width: 270px;
        overflow: hidden;
        text-align: center;
    }

    .biodevices-less #DeviceListDiv {
        width: 270px;
        clear: both;
        padding: 0 5px;
    }

        .biodevices-less #DeviceListDiv ul li span {
            width: 62px;
            height: 76px;
            background-color: #f3f3f3;
            background-position: 50% 0px;
            background-repeat: no-repeat;
            border: 1px solid #525252;
            display: inline-block;
            float: left;
            margin: 6px 3px 3px 0;
            text-align: center;
        }

            .biodevices-less #DeviceListDiv ul li span > div {
                margin-top: 59px;
            }

            .biodevices-less #DeviceListDiv ul li span.Pebble_100 {
                background-image: url("/Images/Devices/my_devices_pebble_remaining100.jpg");
            }

            .biodevices-less #DeviceListDiv ul li span.Pebble_50 {
                background-image: url("/Images/Devices/my_devices_pebble_remaining50.jpg");
            }

            .biodevices-less #DeviceListDiv ul li span.Pebble_25 {
                background-image: url("/Images/Devices/my_devices_pebble_remaining25.jpg");
            }

            .biodevices-less #DeviceListDiv ul li span.ActiLink {
                background-image: url("/Images/Devices/my_devices_actilink.png");
            }

            .biodevices-less #DeviceListDiv ul li span.Actiped_100 {
                background-image: url("/Images/Devices/my_devices_actiped_remaining100.gif");
            }

            .biodevices-less #DeviceListDiv ul li span.Actiped_50 {
                background-image: url("/Images/Devices/my_devices_actiped_remaining50.gif");
            }

            .biodevices-less #DeviceListDiv ul li span.Actiped_25 {
                background-image: url("/Images/Devices/my_devices_actiped_remaining25.gif");
            }

            .biodevices-less #DeviceListDiv ul li span.Actiped_4_1_100 {
                background-image: url("/Images/Devices/my_devices_actipedplus_remaining100.gif");
            }

            .biodevices-less #DeviceListDiv ul li span.Actiped_4_1_50 {
                background-image: url("/Images/Devices/my_devices_actipedplus_remaining50.gif");
            }

            .biodevices-less #DeviceListDiv ul li span.Actiped_4_1_25 {
                background-image: url("/Images/Devices/my_devices_actipedplus_remaining25.gif");
            }

        .biodevices-less #DeviceListDiv ul ul {
            width: 200px;
            height: 76px;
            background: none repeat scroll 0 0 #ffffff;
            border: 1px solid #525252;
            color: #525252;
            display: inline-block;
            float: left;
            font-size: 11px;
            line-height: 15px;
            margin: 6px 0 3px 0;
            padding: 0;
        }

            .biodevices-less #DeviceListDiv ul ul li {
                list-style-type: none;
                padding: 1px 4px 4px;
            }

                .biodevices-less #DeviceListDiv ul ul li.odd {
                    background: none repeat scroll 0 0 #DAECFB;
                }

        .biodevices-less #DeviceListDiv .BatteryLevel a.greenButton {
            margin-left: 56px;
        }

            .biodevices-less #DeviceListDiv .BatteryLevel a.greenButton span {
                height: 19px;
                background-color: inherit;
                background-position: right bottom;
                border: medium none;
                display: block;
                float: none;
                margin: 0;
                padding: 0 9px 0 2px;
            }

            .biodevices-less #DeviceListDiv .BatteryLevel a.greenButton:hover span {
                height: 19px;
                background-position: right top;
                border: medium none;
                display: block;
                float: none;
                margin: 0;
                padding: 0 9px 0 2px;
            }

    .biodevices-less #DeviceAdd .DeviceAddError,
    .biodevices-less #DeviceAddMsg {
        color: #b01f58;
        min-height: 1.4em;
    }

    .biodevices-less #DeviceAdd .DeviceAddInput {
        height: 22px;
        margin: 2px;
        width: 40px;
    }

    .biodevices-less .DeviceAddInput.DeviceAddError {
        background-color: #b01f58;
        color: #ffffff;
    }

    .biodevices-less #DeviceList .BatteryLevel {
        font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: normal;
        padding-bottom: 0;
    }

    .biodevices-less #SyncUtility {
        width: 270px;
        overflow: hidden;
        text-align: center;
    }

        .biodevices-less #DeviceAdd .note,
        .biodevices-less #SyncUtility .note {
            min-height: 1.2em;
            font-size: 90%;
            margin-bottom: 6px;
        }

    .biodevices-less #SyncUtility_Windows,
    .biodevices-less #SyncUtility_Mac {
        width: 65px;
        float: left;
    }

    .biodevices-less #DeviceAddSave {
        width: 75px;
        float: right;
        margin-right: 0;
    }

    .biodevices-less #SyncUtilityDownload {
        position: relative;
        left: 26%;
        width: 65px;
        float: none;
        display: block;
        margin-top: 0;
    }

    .biodevices-less #DeviceSection {
        width: 280px;
        height: 100%;
        float: right;
        margin-right: 10px;
    }

    .biodevices-less #YourDevices #DeviceAdd {
        width: 270px;
        float: left;
        overflow: hidden;
        text-align: center;
    }

    .biodevices-less #DeviceAddInputs {
        margin: 10px 0;
        padding: 0;
    }

        .biodevices-less #DeviceAddInputs > div:first-child {
            float: left;
        }

    .biodevices-less #BioChartDiv,
    .biodevices-less #GoalsDiv,
    .biodevices-less #OdometerDiv,
    .biodevices-less #TodaysStatsDiv {
        display: none;
    }

    .biodevices-less .DevicesTitle {
        color: #d04416;
        font-size: 16px;
        font-weight: normal;
        padding-top: 10px;
    }

    .biodevices-less a.greenButton {
        height: 19px;
        background-image: url("/Images/Devices/l_btnGreen.png");
        background-position: left bottom;
        background-repeat: no-repeat;
        display: block;
    }

        .biodevices-less a.greenButton:hover {
            background-position: top left;
        }

            .biodevices-less a.greenButton:hover span {
                background-position: top right;
            }

        .biodevices-less a.greenButton span {
            position: relative;
            right: -6px;
            height: 19px;
            background-image: url("/Images/Devices/r_btnGreen.png") !important;
            background-position: right bottom;
            background-repeat: no-repeat !important;
            color: #ffffff;
            display: block;
            font-size: 10px;
            line-height: 16px;
            padding: 0 9px 0 2px;
            text-transform: uppercase;
            vertical-align: middle;
        }

    .biodevices-less #BioBar .tooltip {
        display: none;
    }

    .biodevices-less #GoalsDiv {
        width: 49%;
        clear: left;
        float: left;
        margin-top: 30px;
        padding: 5px 3px;
    }

    .biodevices-less #GoalsViewTitleDiv {
        float: left;
    }

        .biodevices-less #GoalsViewTitleDiv .tooltip {
            display: none;
            font-weight: normal;
        }

    .biodevices-less .GoalsViewGridHeader {
        width: 100%;
        height: 25px;
        border-bottom: thin solid #AAA;
        clear: both;
        color: #AAA;
        margin: 30px 0 0;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
    }

        .biodevices-less .GoalsViewGridHeader > span {
            width: 100%;
            height: 25px;
            background-repeat: no-repeat;
            display: block;
            margin: 0;
            padding: 0;
        }

            .biodevices-less .GoalsViewGridHeader > span > span {
                width: 100%;
                height: 25px;
                background-position: right 0;
                background-repeat: no-repeat;
                display: block;
                padding-top: 2px;
            }

                .biodevices-less .GoalsViewGridHeader > span > span span {
                    width: 40%;
                    background-image: none;
                    float: left;
                    margin: 0;
                    padding: 2px 0;
                }

                    .biodevices-less .GoalsViewGridHeader > span > span span:first-child {
                        width: 20%;
                    }

    .biodevices-less .GoalsViewGrid {
        width: 100%;
        height: 25px;
        clear: both;
        color: #000;
        margin: 0 0 5px;
        padding: 0;
        text-align: center;
    }

        .biodevices-less .GoalsViewGrid > span {
            width: 40%;
            font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
            font-weight: normal;
            float: left;
            margin: 5px 0;
        }

            .biodevices-less .GoalsViewGrid > span:first-child {
                width: 20%;
            }

        .biodevices-less .GoalsViewGrid .tooltip {
            display: none;
            font-weight: normal;
        }

        .biodevices-less .GoalsViewGrid input {
            width: 60px;
            text-align: right;
        }

        .biodevices-less .GoalsViewGrid.odd {
            height: 30px;
            background: none repeat scroll 0 0 #F1F1EF;
            padding-top: 5px;
        }

    .biodevices-less .GoalValue {
        width: 60px;
        font-weight: normal;
    }

    .biodevices-less .GoalValueEdit {
        width: 70px;
        display: none;
        text-align: right;
    }

    .biodevices-less #EditGoals,
    .biodevices-less #SaveGoals,
    .biodevices-less #CancelEditGoals {
        display: none;
        float: right;
        margin: 3px 5px;
    }

    .biodevices-less .RangePickerTime,
    .biodevices-less .RangePickerMetric {
        position: absolute;
        right: 35px;
        width: 170px;
        border: thin solid #d04416;
        border-radius: 10px;
        color: #d04416;
        cursor: pointer;
        font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 1em;
        font-weight: normal;
        margin-top: 0px;
        margin-right: 5px;
    }

    .biodevices-less #BioChart .RangePickerMetric {
        width: 115px;
    }

    .biodevices-less #BioChart .RangePickerTime,
    .biodevices-less #Odometer .RangePickerTime,
    .biodevices-less #Odometer .RangePickerMetric {
        right: auto;
    }

    .biodevices-less #BioChart .RangePickerTime {
        left: 40px;
        width: 170px;
    }

    .biodevices-less .RangePickerTime > li,
    .biodevices-less .RangePickerMetric > li {
        display: none;
        padding: 3px 8px;
    }

        .biodevices-less .RangePickerTime > li.RangePickerTop,
        .biodevices-less .RangePickerMetric > li.RangePickerTop {
            border-radius: 7px 7px 0 0;
            display: block;
        }

            .biodevices-less .RangePickerTime > li.RangePickerTop > div,
            .biodevices-less .RangePickerMetric > li.RangePickerTop > div {
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-top: 9px solid #d04416;
                display: inline-block;
                float: right;
                margin: 7px 0 0;
                padding: 0;
            }

        .biodevices-less .RangePickerTime > li.RangePickerBottom,
        .biodevices-less .RangePickerMetric > li.RangePickerBottom {
            border-radius: 0 0 11px 11px;
        }

            .biodevices-less .RangePickerTime > li.RangePickerBottom:hover,
            .biodevices-less .RangePickerMetric > li.RangePickerBottom:hover {
                border-radius: 0 0 7px 7px;
            }

    .biodevices-less .RangePickerTime.active,
    .biodevices-less .RangePickerMetric.active {
        z-index: 100;
        height: inherit;
        background-image: none;
    }

        .biodevices-less .RangePickerTime.active > li,
        .biodevices-less .RangePickerMetric.active > li {
            background-color: #ffffff;
            display: inherit;
        }

            .biodevices-less .RangePickerTime.active > li:hover,
            .biodevices-less .RangePickerMetric.active > li:hover {
                background-color: #d04416;
                color: #ffffff;
            }

            .biodevices-less .RangePickerTime.active > li.RangePickerTop, .biodevices-less .RangePickerTime.active > li.RangePickerTop > span,
            .biodevices-less .RangePickerMetric.active > li.RangePickerTop,
            .biodevices-less .RangePickerMetric.active > li.RangePickerTop > span {
                background-color: #d04416;
                color: #ffffff;
            }

                .biodevices-less .RangePickerTime.active > li.RangePickerTop > div,
                .biodevices-less .RangePickerMetric.active > li.RangePickerTop > div {
                    border-bottom: 9px solid #ffffff;
                    margin: -3px 0 0 0;
                }

        .biodevices-less .RangePickerTime.active span,
        .biodevices-less .RangePickerMetric.active span {
            background-color: #ffffff;
        }

    .biodevices-less .RangeNavigation {
        cursor: pointer;
        margin-top: 4px;
    }

        .biodevices-less .RangeNavigation.NoClick {
            cursor: inherit;
        }

    .biodevices-less #BioChart,
    .biodevices-less #Odometer,
    .biodevices-less #BioGoals,
    .biodevices-less #TodaysStats {
        display: none;
    }

    .biodevices-less #BioChart {
        padding-top: 10px;
    }

        .biodevices-less #BioChart .RangeNavigation {
            position: absolute;
            right: 6%;
        }

        .biodevices-less #BioChart ul.RangePickerMetric {
            left: 25%;
        }

    .biodevices-less #Odometer .RangeNavigation {
        position: absolute;
        right: 6%;
    }

    .biodevices-less .BioChartHeader {
        padding-bottom: 45px;
    }

    .biodevices-less #BioChart .RangeNavigation > li,
    .biodevices-less #Odometer .RangeNavigation > li {
        float: left;
    }

    .biodevices-less .RangeNavigation li > span {
        color: #d04416;
        font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: normal;
        padding-right: 15px;
    }

    .biodevices-less .RangeNavigation .RangeNavigationCurrent {
        padding-right: 0px;
        color: #d04416;
    }

    .biodevices-less .RangeNavigation .RangeNavigationPrev > div,
    .biodevices-less .RangeNavigation .RangeNavigationNext > div {
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        display: inline-block;
        height: 0;
        margin: 0;
        padding: 0;
        width: 0;
    }

    .biodevices-less .RangeNavigation .RangeNavigationPrev > div {
        border-left: none;
        border-right: 4px solid #d04416;
    }

    .biodevices-less .RangeNavigation .RangeNavigationPrev > span,
    .biodevices-less .RangeNavigation .RangeNavigationNext > span {
        font-size: 0.5em;
        text-transform: uppercase;
    }

    .biodevices-less .RangeNavigation .RangeNavigationPrev > span {
        padding-left: 5px;
        padding-right: 0;
        margin-right: 10px;
    }

    .biodevices-less .RangeNavigation .RangeNavigationNext > div {
        border-right: none;
        border-left: 4px solid #d04416;
    }

    .biodevices-less .RangeNavigation .RangeNavigationNext > span {
        margin-left: 10px;
        padding-right: 5px;
    }

    .biodevices-less .RangeNavigation .RangeNavigationPrev.disabled,
    .biodevices-less .RangeNavigation .RangeNavigationNext.disabled {
        cursor: default;
    }

        .biodevices-less .RangeNavigation .RangeNavigationPrev.disabled > span,
        .biodevices-less .RangeNavigation .RangeNavigationNext.disabled > span {
            color: #C0BEAF;
        }

        .biodevices-less .RangeNavigation .RangeNavigationPrev.disabled > div {
            border-left: none;
            border-right-color: #C0BEAF;
        }

        .biodevices-less .RangeNavigation .RangeNavigationNext.disabled > div {
            border-right: none;
            border-left-color: #C0BEAF;
        }

    .biodevices-less .RangeNavigation .RangeNavigationPrev.noarrow > div,
    .biodevices-less .RangeNavigation .RangeNavigationPrev.noarrow > div {
        display: none;
    }

    .biodevices-less #TodaysStats .TodaysStatsHeader {
        margin-top: 15px;
    }

    .biodevices-less #TodaysStats > div {
        width: 372px;
        float: right;
        padding-top: 35px;
    }

    .biodevices-less #TodaysStats .TodaysStatsHeader,
    .biodevices-less #Odometer .OdometerHeader,
    .biodevices-less #BioGoals .BioGoalsHeader,
    .biodevices-less #BioChart .BioChartHeader {
        color: #d04416;
        font-size: 1.6em;
        font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: normal;
    }

    .biodevices-less #Odometer > div {
        width: 100%;
        clear: left;
        float: left;
        margin-top: 20px;
        padding-top: 20px;
    }

    .biodevices-less #Odometer .OdometerHeader {
        padding-bottom: 15px;
    }

        .biodevices-less #Odometer .OdometerHeader > div {
            position: absolute;
            left: 225px;
            margin-top: 4px;
        }

    .biodevices-less #Odometer .OdometerContent {
        margin-top: 25px;
    }

        .biodevices-less #Odometer .OdometerContent div span:first-child {
            font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
            font-size: 34px;
            font-weight: normal;
        }

    .biodevices-less #Odometer .Steps,
    .biodevices-less #Odometer .Calories,
    .biodevices-less #Odometer .Time,
    .biodevices-less #Odometer .Distance {
        width: 24%;
        box-shadow: 1px 1px #AAAAAA;
        color: #ffffff;
        float: left;
        font-size: 3em;
        margin: 0 5px 0 0px;
        padding-top: 0.5em;
        text-shadow: -1px 1px #000;
        text-align: center;
        vertical-align: middle;
    }

    .biodevices-less #Odometer .OdometerButton {
        width: 45%;
        border-radius: 10px;
        clear: left;
        color: #ffffff;
        display: block;
        font-size: 0.6em;
        margin: 3px auto 5px auto;
        text-shadow: -1px 1px #000;
        text-align: center;
        padding: 3px 5px 3px 5px;
        vertical-align: middle;
    }

    .biodevices-less #Odometer .Steps {
        background-color: #d04416;
    }

    .biodevices-less #TodaysStatsTitleDiv {
        margin: 0 0 7px;
        padding-bottom: 0px;
    }

    .biodevices-less #TodaysStats .TodaysStatsContent {
        margin-top: 5px;
    }

    .biodevices-less #TodaysStats .Steps > span:first-child {
        color: #d04416;
        font-size: 1em;
    }

    .biodevices-less #TodaysStats .Calories > span:first-child {
        color: #ff8300;
        font-size: 1em;
    }

    .biodevices-less #TodaysStats .Time > span:first-child {
        color: #369723;
        font-size: 1em;
    }

    .biodevices-less #TodaysStats .Distance > span:first-child {
        color: #A8C670;
        font-size: 1em;
    }

    .biodevices-less #TodaysStats .Steps > span,
    .biodevices-less #TodaysStats .Calories > span,
    .biodevices-less #TodaysStats .Time > span,
    .biodevices-less #TodaysStats .Distance > span {
        color: #525252;
    }

    .biodevices-less .no-boxshadow #Odometer .Steps,
    .biodevices-less .no-boxshadow #Odometer .Calories,
    .biodevices-less .no-boxshadow #Odometer .Time,
    .biodevices-less .no-boxshadow #Odometer .Distance {
        border: 2px solid #525252;
        border-top: none;
        border-left: none;
    }

    .biodevices-less #Odometer .Steps .OdometerButton {
        background-color: #d04416;
    }

    .biodevices-less #Odometer .Calories {
        background-color: #ff8300;
    }

        .biodevices-less #Odometer .Calories .OdometerButton {
            background-color: #BE9610;
        }

    .biodevices-less #Odometer .Time {
        background-color: #369723;
    }

        .biodevices-less #Odometer .Time .OdometerButton {
            background-color: #346D1E;
        }

    .biodevices-less #Odometer .Distance {
        background-color: #A8C670;
    }

        .biodevices-less #Odometer .Distance .OdometerButton {
            background-color: #7e9c49;
        }

    .biodevices-less #BioChart .BioChartContent {
        padding-top: 50px;
    }

    .biodevices-less #placeholder {
        width: 100%;
        height: 162px;
    }

    .biodevices-less .TodaysStatsLabels {
        clear: both;
        text-align: center;
    }

        .biodevices-less .TodaysStatsLabels > div {
            float: left;
            margin-right: 25px;
            width: 68px;
        }

    .biodevices-less .Miles {
        color: #A7C66F;
    }

    .biodevices-less .Minutes {
        color: #3F8B31;
    }

    .biodevices-less .Calories {
        color: #DCA204;
    }

    .biodevices-less .Steps {
        color: #D5510D;
    }

    .biodevices-less .MilesBack {
        background-color: #A7C66F;
    }

    .biodevices-less .MinutesBack {
        background-color: #3F8B31;
    }

    .biodevices-less .CaloriesBack {
        background-color: #DCA204;
    }

    .biodevices-less .StepsBack {
        background-color: #D5510D;
    }

    .biodevices-less .BarLabel {
        font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 1.6em;
        font-weight: normal;
    }

    .biodevices-less .BarFill {
        width: 67px;
        height: 100%;
        margin-left: 1px;
        float: left;
        margin-top: 145px;
    }

    .biodevices-less .BarContainer {
        width: 68px;
        height: 145px;
        padding-bottom: 1px;
        position: relative;
        margin-right: 25px;
        float: left;
    }

    .biodevices-less .BarBack {
        height: 145px;
        position: absolute;
        top: 0;
        background-color: #F1F1EF;
        overflow: hidden;
    }

    .biodevices-less #flot-tooltip {
        font-size: 12px;
        font-family: Verdana, Arial, sans-serif;
        position: absolute;
        display: none;
        border: 2px solid;
        padding: 2px;
        background-color: #ffffff;
        opacity: 0.8;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border-radius: 5px;
    }

    .biodevices-less .RangeNavigation li > span.hyphen {
        padding: 0px;
    }

    .biodevices-less div.dp-popup,
    .biodevices-less table.jCalendar {
        background-color: #d04416;
    }

    .biodevices-less input.dp-applied {
        float: left;
        width: 140px;
    }

    .biodevices-less a.dp-choose-date {
        background: url("/Images/Devices/downarroworange.png") no-repeat scroll right center rgba(0, 0, 0, 0);
        /* ie8 is not applying the image using the above attribute, so specify it alone */
        background-image: url("/Images/Devices/downarroworange.png");
        display: block;
        float: right;
        height: 16px;
        margin: 5px 3px 0;
        padding: 0;
        overflow: hidden;
        text-indent: -2000px;
        width: 16px;
    }

        .biodevices-less a.dp-choose-date.dp-disabled {
            background-position: 0 -20px;
            cursor: default;
        }

    .biodevices-less .containerBkgrd {
        height: auto;
    }

    .biodevices-less .ErrorIsDisplaying {
        height: 795px;
    }

    .biodevices-less .noDaily {
        position: absolute;
        z-index: 1000;
        display: none;
        font-size: 1.5em;
        margin: 57px 55px;
        text-align: center;
    }

    .biodevices-less .MarketplaceHeader {
        height: 30px;
    }

    .biodevices-less #MarketplaceDiv .MarketplaceHeader .devices-header h1 {
        color: #629b3e;
        float: left;
        font-size: 24px;
        margin: 0;
        text-transform: uppercase;
        background-image: none !important;
        height: auto;
        padding-top: 25px;
    }

    .biodevices-less .devices-header .filter-input {
        margin-left: 16px;
        margin-top: 2px;
    }

    .biodevices-less .filter-input {
        float: right;
        padding-left: 10px;
        position: relative;
    }

        .biodevices-less .filter-input .filter-icon {
            position: absolute;
            top: 5px;
            left: 0;
        }

        .biodevices-less .filter-input .filter-input-clear {
            position: absolute;
            top: 4px;
            right: 8px;
            color: gray;
            display: block;
            font-size: 13px;
            line-height: 13px;
        }

        .biodevices-less .filter-input input {
            width: 140px;
            height: 20px;
            background-color: #f3f3f3;
            border: medium none;
            border-radius: 12px;
            float: right;
            font-size: 13px;
            margin-left: 5px;
            margin-top: 1.5px;
            padding-left: 10px;
            color: #525252;
        }

    .biodevices-less .devices-header input {
        float: right;
    }

    .biodevices-less .devices-header-link {
        color: #525252;
        float: right;
        font-size: 13px;
        margin-top: 1px;
    }

    .biodevices-less #MarketplaceData {
        clear: both;
        display: inline-block;
        width: 105%;
        margin-top: 25px;
    }

    .biodevices-less .device {
        background: none repeat scroll 0 0 #ffffff;
        border: 1px solid #dddddd;
        border-radius: 1.5em;
        float: left;
        margin: 2em 5px 0;
        padding: 0;
        width: 183px;
    }

        .biodevices-less .device .device-body {
            font-size: 12px;
            line-height: 16px;
            margin: 1.3em 0.8em 5px;
        }

    .biodevices-less .device-icon {
        height: 60px;
        width: 60px;
        margin: 0 auto;
    }

        .biodevices-less .device-icon > img {
            border-radius: 12px;
            width: 100%;
        }

    .biodevices-less .device .device-name {
        font-size: 1.2em;
        margin: 0 0 0.5em;
        text-align: center;
    }

    .biodevices-less .device .device-buttons {
        height: 21px;
        text-align: center;
    }

    .biodevices-less .device .device-btn {
        background: none repeat scroll 0 0 #333;
        border-radius: 2em;
        color: #ffffff;
        font-size: 0.75em;
        font-weight: 500;
        letter-spacing: 0.25em;
        margin-left: 0.5em;
        margin-right: 0.5em;
        padding: 0.75em 1.25em;
        text-decoration: none;
        text-transform: uppercase;
    }

    .biodevices-less .device .device-body .excerpt {
        height: 5.5em;
        overflow: hidden;
        text-align: center;
    }

        .biodevices-less .device .device-body .excerpt .description {
            margin-top: 1.5em;
        }

    .biodevices-less .device .full .description {
        margin-top: 1em;
        text-align: center;
    }

    .biodevices-less .device .device-footer {
        margin: 5px 2em 2em;
        text-align: center;
    }

    .biodevices-less .device .more-less a {
        border-bottom: 1px solid #222;
        color: #222;
        font-size: 11px;
        text-transform: uppercase;
    }

    .biodevices-less .device .refresh-link {
        margin-right: 10px;
    }

    .biodevices-less .device .device-body .excerpt .description a {
        font-size: 10px;
        text-transform: uppercase;
    }

    .biodevices-less .synced {
        background-color: #333;
    }

        .biodevices-less .synced h2,
        .biodevices-less .synced h3,
        .biodevices-less .synced h4,
        .biodevices-less .synced p,
        .biodevices-less .synced p a {
            color: #ffffff;
        }

        .biodevices-less .synced .device-btn {
            background: none repeat scroll 0 0 #ffffff;
            color: #222;
        }

        .biodevices-less .synced .more-less a {
            border-color: #ffffff;
            color: #ffffff;
        }

    .biodevices-less #device_dashboard {
        min-height: 500px;
        position: relative;
        display: inline-block;
    }

        .biodevices-less #device_dashboard .date-carousel {
            float: left;
            height: 100%;
            position: relative;
            width: 200px;
            margin-bottom: 20px;
            padding-left: 80px;
            padding-top: 40px;
        }

        .biodevices-less #device_dashboard h1 {
            background-image: none !important;
            width: 84%;
            left: 8%;
        }

        .biodevices-less #device_dashboard .page-loader {
            top: 40px;
        }

            .biodevices-less #device_dashboard .page-loader.stat-loader {
                top: 0px;
            }

    .biodevices-less .page-loader {
        background-color: #ffffff;
        float: left;
        height: 95%;
        opacity: 0.5;
        position: absolute;
        text-align: center;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
    }

    .biodevices-less .my-activity .activity-header {
        position: relative;
        padding-top: 50px;
    }

        .biodevices-less .my-activity .activity-header h2 {
            margin-left: 14px;
            margin-top: 0;
            width: 30%;
        }

    .biodevices-less .activity-header .view-devices {
        width: 325px;
    }

    .biodevices-less .span3 {
        width: 220px;
    }

    .biodevices-less [class*=span] {
        float: left;
        margin-left: 20px;
        min-height: 1px;
    }

    .biodevices-less .my-activity .last-synced {
        color: #525252;
        font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 16px;
        font-weight: normal;
        margin-top: 13px;
    }

    .biodevices-less .span4 {
        width: 300px;
    }

    .biodevices-less strong {
        font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: normal;
    }

    .biodevices-less .my-activity .activity-header form {
        float: right;
        padding-top: 8px;
        text-align: right;
    }

    .biodevices-less .span5 {
        width: 380px;
    }

    .biodevices-less input,
    .biodevices-less select,
    .biodevices-less textarea {
        vertical-align: middle;
        font-family: inherit;
        line-height: inherit;
    }

    .biodevices-less select {
        background-color: #ffffff;
        border: 1px solid #ccc;
        width: 220px;
    }

    .biodevices-less .my-activity .activity-header ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 9px;
        top: 10px;
    }

        .biodevices-less .my-activity .activity-header ul li {
            border-left: 1px solid #666;
            display: inline-block;
            font-size: 11px;
            line-height: 1em;
            padding: 0 2px 0 6px;
            text-transform: uppercase;
        }

            .biodevices-less .my-activity .activity-header ul li:first-child {
                border-left: medium none;
            }

            .biodevices-less .my-activity .activity-header ul li a {
                color: #666;
                font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
                font-weight: normal;
            }

    .biodevices-less .date-carousel .date-carousel-arrow {
        margin-left: 58px;
    }

        .biodevices-less .date-carousel .date-carousel-arrow img {
            margin: 0 auto;
        }

    .biodevices-less .date-carousel .date-carousel-container {
        height: 730px;
        margin-bottom: 5px;
        overflow: hidden;
        position: relative;
    }

    .biodevices-less .date-carousel .date-carousel-slider {
        padding-top: 18px;
        position: relative;
    }

    .biodevices-less .date-carousel .carousel-date::before {
        border-color: #ffffff transparent;
        border-style: solid;
        border-width: 40px;
        content: "";
        display: block;
        height: 0;
        left: -40px;
        margin: 0;
        position: absolute;
        width: 0;
    }

    .biodevices-less .date-carousel .active,
    .biodevices-less .date-carousel .carousel-date.active:hover {
        background-color: #9fcce7;
    }

    .biodevices-less .date-carousel .carousel-date.disabled {
        background-color: #ebebeb;
        cursor: default;
    }

        .biodevices-less .date-carousel .carousel-date.disabled:hover {
            background-color: #ebebeb;
        }

    .biodevices-less .date-carousel .date-carousel-slider .disabled {
        background-color: #ececec;
    }

    .biodevices-less .date-carousel .carousel-date {
        color: #006699;
        display: block;
        height: 80px;
        margin-bottom: 25px;
        position: relative;
        text-align: center;
        text-decoration: none;
        transition: background-color 0.3s ease 0s;
        width: 200px;
    }

        .biodevices-less .date-carousel .carousel-date:hover {
            background-color: #d0e5f1;
        }

        .biodevices-less .date-carousel .carousel-date .month {
            color: #ff8200;
            left: 0;
            position: absolute;
            right: 0;
            top: -18px;
        }

        .biodevices-less .date-carousel .carousel-date .day-num {
            display: block;
            font-size: 48px;
            line-height: 48px;
            padding-top: 5px;
        }

    .biodevices-less .date-carousel .right-arrow {
        margin-bottom: -10px;
    }

    .biodevices-less .date-carousel .date-carousel-arrow {
        margin-left: 58px;
    }

    .biodevices-less .period-stats {
        float: left;
        height: 100%;
        position: relative;
        padding-top: 45px;
    }

    .biodevices-less .span9 {
        width: 700px;
    }

    .biodevices-less .my-activity h1 {
        color: #666;
        font-size: 30px;
        line-height: 1em;
        text-transform: uppercase;
    }

    .biodevices-less .my-activity .daily {
        background-image: url("/Images/Devices/activity-wheel.jpg");
        background-repeat: no-repeat;
        height: 700px;
        margin-left: 90px;
        position: relative;
    }

        .biodevices-less .my-activity .daily .title {
            left: 172px;
            position: absolute;
            text-align: center;
            top: 210px;
            width: 240px;
        }

        .biodevices-less .my-activity .daily .date {
            color: #666;
            font-size: 30px;
            font-weight: normal;
        }

            .biodevices-less .my-activity .daily .date span {
                font-size: 48px;
                padding: 0 10px;
            }

                .biodevices-less .my-activity .daily .date span.custom, .biodevices-less .my-activity .daily .date span.custom span {
                    font-size: 20px;
                    padding: 0;
                }

        .biodevices-less .my-activity .daily .calories {
            left: 150px;
            position: absolute;
            text-align: center;
            top: 65px;
        }

        .biodevices-less .my-activity .daily .value {
            color: #ffffff;
            font-size: 36px;
            font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
            font-weight: normal;
            line-height: 1em;
        }

        .biodevices-less .my-activity .daily .name {
            color: #ffffff;
            font-size: 15px;
            font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
            font-weight: normal;
        }

        .biodevices-less .my-activity .daily .minutes {
            left: 370px;
            position: absolute;
            text-align: center;
            top: 120px;
        }

        .biodevices-less .my-activity .daily .miles {
            left: 350px;
            position: absolute;
            text-align: center;
            top: 480px;
        }

        .biodevices-less .my-activity .daily .steps {
            left: 110px;
            position: absolute;
            text-align: center;
            top: 420px;
        }

    .biodevices-less #faq_device_body #left_column {
        float: left;
        width: 60%;
    }

        .biodevices-less #faq_device_body #left_column .faq-category h2 {
            color: #0072b1;
        }

        .biodevices-less #faq_device_body #left_column .faq-category ul {
            list-style-image: url("/Images/Devices/list-item-arrow.png");
            margin: 0 0 10px 25px;
        }

        .biodevices-less #faq_device_body #left_column .faq-question {
            outline: 0 none;
            position: relative;
            top: -4px;
        }

            .biodevices-less #faq_device_body #left_column .faq-question:focus {
                outline: 0 none;
            }

        .biodevices-less #faq_device_body #left_column .faq-answer {
            margin-top: 7px;
            width: 450px;
            display: none;
        }

        .biodevices-less #faq_device_body #left_column .faq {
            margin-bottom: 10px;
        }

    .biodevices-less #faq_device_body #right_column {
        float: right;
        margin-left: 2%;
        width: 38%;
    }

        .biodevices-less #faq_device_body #right_column .partner-box {
            background-color: #d7f1ff;
            float: left;
            margin-top: 20px;
            padding: 15px 10px 5px;
            width: 320px;
        }

            .biodevices-less #faq_device_body #right_column .partner-box h4 {
                color: #0072b1;
                text-indent: 10px;
            }

            .biodevices-less #faq_device_body #right_column .partner-box .device-link {
                background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
                float: left;
                font-size: 13px;
                height: 70px;
                line-height: 1em;
                margin: 0 0 2.5em;
                text-align: center;
                width: 33%;
            }

                .biodevices-less #faq_device_body #right_column .partner-box .device-link .device-icon {
                    height: 60px;
                    margin: 0 auto;
                    padding: 8px;
                    width: 60px;
                }

                    .biodevices-less #faq_device_body #right_column .partner-box .device-link .device-icon img {
                        border-radius: 12px;
                        width: 100%;
                    }

    .biodevices-less #faq_device_body .faq-question {
        color: #0078c0;
        text-decoration: none;
    }

    .biodevices-less .Introduction .makeadashline {
        border-bottom: 1px dashed gray;
        padding-bottom: 1em;
        padding-top: 20pt;
    }

    .biodevices-less .Introduction #getting_started_devices {
        text-align: center;
        padding-top: 75px;
        font-size: 14px;
        line-height: 20px;
        color: #666;
    }

        .biodevices-less .Introduction #getting_started_devices h3 {
            color: #629b3e;
            font-size: 28px;
            padding-bottom: 15px;
        }

        .biodevices-less .Introduction #getting_started_devices .btn-primary {
            display: inline-block;
        }

    .biodevices-less .Introduction .device-video {
        width: 640px;
        height: 360px;
        display: inline-block;
    }

    .biodevices-less .Introduction .cssbutton {
        display: inline-block;
        border-radius: 5px;
        margin: 3px 5px 3px 5px;
        padding: 2px 8px 2px 8px;
        vertical-align: middle;
    }

        .biodevices-less .Introduction .cssbutton > span {
            text-transform: uppercase;
            font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
            font-weight: normal;
            font-size: 32px;
        }

        .biodevices-less .Introduction .cssbutton:hover {
            color: #ffffff;
        }

        .biodevices-less .Introduction .cssbutton.orange {
            background-color: #d04416;
            padding: 15px 20px 10px 20px;
        }

            .biodevices-less .Introduction .cssbutton.orange:hover {
                background-color: #d04416;
            }

    .biodevices-less .Introduction .device_p {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .biodevices-less .Introduction .no-borderradius .cssbutton {
        border-radius: 5px;
        behavior: url(/scripts/shims/PIE.htc);
        position: relative;
    }

    .biodevices-less .Introduction .afs_ads {
        display: none !important;
    }

    .biodevices-less .ValidicEULADialogTermsConditions {
        color: #7db65c;
        font-size: 27px;
        font-weight: bolder;
        margin: 18px;
    }

    .biodevices-less .ValidicEULAUserAggreementContent {
        background: #eee url("/styles/ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png") repeat-x scroll 50% top;
        font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
        font-size: 12px;
        height: 366px;
        overflow: auto;
        width: 560px;
        text-align: justify;
    }

        .biodevices-less .ValidicEULAUserAggreementContent p {
            line-height: 18px;
            margin-left: 20px;
            margin-right: 20px;
        }

        .biodevices-less .ValidicEULAUserAggreementContent .title {
            margin: 10px 20px 0px 20px;
            text-align: left;
        }

    .biodevices-less .span3 {
        width: 200px;
    }

    .biodevices-less .span4 {
        width: 280px;
    }

    .biodevices-less .my-activity .activity-header ul li a:hover {
        text-decoration: underline;
    }

    .biodevices-less .connected,
    .biodevices-less .dropdown-button {
        color: #215e39;
    }

    .biodevices-less .disconnected {
        color: #525252;
    }

    .biodevices-less .date-carousel {
        width: 156px;
    }

        .biodevices-less .date-carousel .carousel-date {
            margin-bottom: 14px;
            height: 74px;
            top: 1px;
        }

        .biodevices-less .date-carousel .date-carousel-container {
            height: 615px;
        }

    .biodevices-less .span9 {
        width: 585px;
    }

    .biodevices-less #date_period_dropdown {
        font-size: 16px;
    }

    .biodevices-less #device_body .stat-loader {
        left: 13px;
        padding-top: 320px;
    }

    .biodevices-less .span5 {
        float: none;
        width: 270px;
        margin-left: 0px;
        padding-left: 20px;
    }

    .biodevices-less #devices_dropdown,
    .biodevices-less #nutritiondevices_dropdown {
        font-size: 16px;
    }

    .biodevices-less .last-synced {
        margin: 0;
        margin-top: 10px;
    }

    .biodevices-less .date-carousel .carousel-date:before {
        border-bottom: #ffffff 38px solid;
        position: absolute;
        border-left: transparent 38px solid;
        margin: 0px;
        width: 0px;
        display: block;
        height: 0px;
        border-top: #ffffff 38px solid;
        content: "";
        border-right: transparent 38px solid;
        left: -38px;
    }

    .biodevices-less .date-carousel .carousel-date .break-display-date {
        color: #ff8200;
        left: 0px;
        position: absolute;
        right: 0px;
        top: -18px;
    }

    .biodevices-less .date-carousel .carousel-date .major-display-date {
        display: block;
        font-size: 48px;
        line-height: 48px;
        padding-top: 5px;
        color: #069;
        top: 0px;
    }

    .biodevices-less peri .tooltip-inner {
        background-color: #1094d5;
        border: medium none;
        line-height: 15px;
        text-align: left;
        border-radius: 4px;
        color: #ffffff;
        max-width: 200px;
        padding: 3px 8px;
        text-decoration: none;
        opacity: 0.9;
    }

    .biodevices-less .tooltip-inner h1 {
        padding: 10px 0;
        font-size: 14px;
        border-bottom: 1px solid #ffffff;
        color: #ffffff;
        line-height: 16px;
        padding-bottom: 10px;
        width: 100%;
        font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: normal;
    }

    .biodevices-less .date {
        margin-top: 25px;
    }

    .biodevices-less #activateAlert {
        height: 330px;
    }

        .biodevices-less #activateAlert p {
            display: inline-block;
            float: left;
            padding: 10px 20px 5px;
            text-align: justify;
            max-width: 55%;
        }

        .biodevices-less #activateAlert h1 {
            color: #0083c3;
            float: left;
            font-weight: normal;
            padding: 10px 20px 5px;
        }

        .biodevices-less #activateAlert #imgDiv {
            float: left;
            height: 280px;
        }

            .biodevices-less #activateAlert #imgDiv img {
                padding: 55px 20px;
            }

        .biodevices-less #activateAlert #buttonP {
            clear: both;
            margin-left: 270px;
        }

        .biodevices-less #activateAlert p.hello {
            width: 80%;
            color: #0083c3;
            display: inline-block;
            float: left;
            font-size: 32px;
            font-weight: normal;
            padding: 17px 20px 5px;
        }

    .biodevices-less .tooltip.top .tooltip-arrow {
        border-top-color: #0379c3;
    }

    .biodevices-less .tooltip.left .tooltip-arrow {
        border-left-color: #0379c3;
    }

    .biodevices-less .tooltip.bottom .tooltip-arrow {
        border-bottom-color: #0379c3;
    }

    .biodevices-less .tooltip.right .tooltip-arrow {
        border-right-color: #0379c3;
    }

    .biodevices-less .tooltip-inner {
        background-color: #0379c3;
    }

    .biodevices-less .device-video-small #device_video_wrapper {
        width: 320px;
        height: 180px;
    }

    .biodevices-less .device-video #device_video_wrapper {
        width: 640px;
        height: 360px;
    }

    .biodevices-less #device_video_wrapper {
        position: relative;
        display: block;
    }

    .biodevices-less .page-loader {
        display: none;
    }

    .biodevices-less #getStartedModal .have_read {
        color: #888;
        line-height: 35px;
    }

    .biodevices-less #getStartedModal .btn-primary {
        display: inline-block;
    }

    .biodevices-less #MarketplaceDiv .page-loader img {
        padding-top: 350px;
    }

    .biodevices-less .Introduction #main-content {
        float: none;
    }

    .biodevices-less .my-activity .daily .value.longNumber {
        font-size: 14pt;
    }

    .biodevices-less .breadcrumbs {
        position: absolute;
        margin-top: 0;
        padding: 0;
        width: 30%;
    }

    .biodevices-less .breadcrumbs-heading {
        padding: 0;
        text-transform: uppercase;
    }

        .biodevices-less .breadcrumbs-heading .theme-color {
            color: #5f9c26;
        }

    .biodevices-less #Marketplace {
        padding-top: 20px;
    }

    .biodevices-less .MarketplaceHeader .my-activity .activity-header ul {
        position: static;
        float: right;
    }

    .biodevices-less .MarketplaceHeader .activity-header h2 {
        margin-left: 14px;
        margin-top: 0;
        padding-top: 40px;
        width: 60%;
    }

    .biodevices-less .MarketplaceHeader .my-activity .activity-header {
        padding: 0;
        position: relative;
    }

    .biodevices-less .MarketplaceHeader .activity-header.row .activity-header {
        padding-top: 10px;
    }

    .biodevices-less #device_body .input-group {
        display: none;
    }

        .biodevices-less #device_body .input-group.showInlineTable {
            display: inline-table;
            position: relative;
        }

        .biodevices-less #device_body .input-group input.form-control {
            padding-left: 8px;
            padding-right: 20px;
            border-radius: 3px;
        }

    .biodevices-less #device_body .ui-datepicker-trigger {
        top: 27px;
    }

    .biodevices-less #device_body .date-pick {
        width: 114px;
        color: #525252;
    }

    .biodevices-less .browse-overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        background-color: rgba(3, 121, 195, 0.7);
        z-index: 99;
    }

    .biodevices-less .browse-modal {
        position: absolute;
    }

        .biodevices-less .browse-modal .modal-body {
            padding: 30px 15px 30px 25px;
        }

            .biodevices-less .browse-modal .modal-body h2 {
                color: #0078c6;
            }

            .biodevices-less .browse-modal .modal-body .button-holder {
                margin-top: 25px;
                margin-right: 30px;
                float: left;
            }

            .biodevices-less .browse-modal .modal-body .btn {
                margin-right: 20px;
            }

            .biodevices-less .browse-modal .modal-body .dev-modal-content {
                margin-top: 53px;
            }

    .biodevices-less .olh-graph-wrapper {
        padding-left: 9em;
    }

        .biodevices-less .olh-graph-wrapper#distanceDiv {
            background: url("/Images/icrossing/biodevices/miles@2x.png") top left no-repeat;
        }

        .biodevices-less .olh-graph-wrapper#calDiv {
            background: url("/Images/icrossing/biodevices/calories@2x.png") top left no-repeat;
        }

        .biodevices-less .olh-graph-wrapper#stepsDiv {
            background: url("/Images/icrossing/biodevices/steps@2x.png") top left no-repeat;
        }

        .biodevices-less .olh-graph-wrapper#MinDiv {
            background: url("/Images/icrossing/biodevices/minutes@2x.png") top left no-repeat;
        }

    .biodevices-less .chart-value {
        font-size: 18px;
        margin-top: 10px;
    }

    .biodevices-less .orange {
        color: #d04416;
    }

    .biodevices-less .blue {
        color: #00528a;
    }

    .biodevices-less .green {
        color: #215e39;
    }

    .biodevices-less .brown {
        color: #525252;
    }

    .biodevices-less .tableclass {
        width: 100%;
    }

    .biodevices-less .tdclass {
        width: 50%;
    }

    .biodevices-less .info-circle {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        clear: left;
        color: #ffffff;
        font-family: "Helvetica Neue LT W01_71488914", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 11px;
        font-weight: normal;
        line-height: 14px;
        margin-left: 4px;
        margin-top: 9px;
        text-align: center;
        display: inline-block;
    }

    .biodevices-less .orange-bg {
        background-color: #d04416;
    }

    .biodevices-less .blue-bg {
        background-color: #00528a;
    }

    .biodevices-less .green-bg {
        background-color: #215e39;
    }

    .biodevices-less .brown-bg {
        background-color: #525252;
    }

    .biodevices-less .hide-calendar .ui-datepicker-calendar {
        display: none;
    }

    .biodevices-less .without-fit-nut {
        display: none;
    }

    .biodevices-less .without-nutrition .without-fit-nut {
        display: block;
    }

.my-settings .manage-trackers-heading {
    border-bottom: 2px solid #dc582a;
    padding-left: 0.5em;
    margin-bottom: 0;
}

.my-settings .avatar-image {
    background: #aaaaaa;
    min-height: 200px;
    padding: 0.5em;
}

    .my-settings .avatar-image .avatar-pic {
        width: 100%;
    }

.my-settings .person-details {
    padding: 0.3em;
    background: #eceff6;
}

    .my-settings .person-details .profile-heading {
        border-bottom: 1px solid #CCCCCC;
        line-height: 32px;
    }

    .my-settings .person-details p {
        font-size: 0.78em;
    }

        .my-settings .person-details p span {
            display: inline-block;
        }

.my-settings .form-section {
    padding: 1em;
}

    .my-settings .form-section .my-profile-information {
        width: 100%;
        float: left;
        margin-bottom: 1em;
        border-bottom: 1px solid #CCCCCC;
    }

        .my-settings .form-section .my-profile-information:last-child {
            border-bottom: 0px;
        }

        .my-settings .form-section .my-profile-information .heading-blue-text {
            color: #00528a;
            font-size: 1.2em;
            margin-bottom: 1em;
        }

            .my-settings .form-section .my-profile-information .heading-blue-text .form-heading {
                font-weight: bold;
            }

        .my-settings .form-section .my-profile-information .info-message {
            background: #ffffff;
            padding: 0.5em 0 0 0;
        }

            .my-settings .form-section .my-profile-information .info-message .error {
                color: #b71234;
            }

            .my-settings .form-section .my-profile-information .info-message p {
                padding: 0 15px;
            }

        .my-settings .form-section .my-profile-information .profile-information {
            float: left;
            width: 100%;
            background: #ffffff;
        }

            .my-settings .form-section .my-profile-information .profile-information .form-group {
                margin-left: 0;
                margin-bottom: 25px;
                position: relative;
            }

                .my-settings .form-section .my-profile-information .profile-information .form-group .field-validation-error {
                    left: 27%;
                    min-width: 186px;
                }

                .my-settings .form-section .my-profile-information .profile-information .form-group .input-validation-error:focus {
                    border: 1px solid #a6192e;
                }

                .my-settings .form-section .my-profile-information .profile-information .form-group .control-label {
                    padding: 0;
                    text-align: left;
                    font-size: 0.83em;
                }

                .my-settings .form-section .my-profile-information .profile-information .form-group .custom-label {
                    color: #999999;
                    font-size: 0.8em;
                }

                .my-settings .form-section .my-profile-information .profile-information .form-group .form-control {
                    padding: 3px 8px;
                    height: 29px;
                    font-size: 0.9em;
                }

                    .my-settings .form-section .my-profile-information .profile-information .form-group .form-control.info-field {
                        display: none;
                    }

                .my-settings .form-section .my-profile-information .profile-information .form-group .form-labels {
                    padding: 0;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    font-weight: bold;
                    font-size: 1em;
                    margin: 0;
                    min-height: 24px;
                    display: block;
                }

            .my-settings .form-section .my-profile-information .profile-information .button-holder {
                display: none;
                margin: 0;
            }

            .my-settings .form-section .my-profile-information .profile-information .delete-a-phone {
                padding: 0;
                margin: 0;
                border: 1px solid #CCCCCC;
                border-radius: 3px;
            }

.input-validation-error {
    border-color: #a6192e;
}

    .input-validation-error:focus {
        border: 1px solid #a6192e;
        border-right: 0px;
    }

.journal-error textarea {
    height: 62px !important;
}

.journal-error .field-validation-error {
    left: 30%;
    top: 117px;
}

.journal-error .input-validation-error:focus {
    border-right: 1px solid #a6192e;
}

.field-validation-error, .stress-validation-error {
    color: #a6192e;
    font-size: 0.85em;
    display: block;
    position: absolute;
    top: 40px;
    height: 0px;
    z-index: 99;
    min-width: 200px;
    max-width: 200px;
    margin-left: -50px;
}

    .field-validation-error span, .stress-validation-error span {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        border-radius: 4px;
        padding: 5px;
        background: #ffffff;
        position: relative;
        border: 1px solid #a6192e;
        height: auto;
        display: block;
        line-height: 13px;
        opacity: 0.9;
        text-align: center;
    }

        .field-validation-error span:after, .field-validation-error span:before, .stress-validation-error span:after, .stress-validation-error span:before {
            content: " ";
            height: 0;
            position: absolute;
            width: 0;
            top: 100%;
        }

        .field-validation-error span:after, .stress-validation-error span:after {
            left: 87px;
            border: 9px solid transparent;
            border-bottom-color: #ffffff;
            top: -18px;
        }

        .field-validation-error span:before, .stress-validation-error span:before {
            left: 85px;
            border: 11px solid transparent;
            border-bottom-color: #a6192e;
            top: -22px;
        }

.stress-validation-error {
    left: 40%;
    top: 60px;
}

    .stress-validation-error span {
        font-size: 12px;
    }

.custom-message-container {
    max-height: 350px;
    overflow: hidden;
    overflow-y: scroll;
    padding-top: 1em;
    border-top: 1px solid #CCCCCC;
}

.week-label {
    min-width: 20px;
    text-align: center;
    margin-left: -2px;
    white-space: nowrap;
}

#profilePicUpload .jcrop-holder {
    margin: auto;
}

#profilePicUpload #preview-pane, #profilePicUpload .upload-progress {
    display: none;
}

#profilePicUpload .profile-header {
    margin: 1em 0;
    color: #00528a;
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
}

#avatar-result img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

#avatar-result .close {
    position: absolute;
    bottom: 5px;
    right: 24px;
    opacity: 1;
    color: red;
    font-size: 2em;
}

button.olh-remove-selected-avatar:hover .icon-onlife-close-filled, button.olh-remove-selected-avatar:focus .icon-onlife-close-filled {
    display: none;
}

button.olh-remove-selected-avatar:hover .icon-onlife-close-o, button.olh-remove-selected-avatar:focus .icon-onlife-close-o {
    display: block;
}

.shift-right-50 {
    padding-right: 50px;
}

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

.contact-preference .manage-trackers-heading {
    border-bottom: 2px solid #dc582a;
    padding-left: 0.5em;
    margin-bottom: 0;
}

.contact-preference .avatar-image {
    background: #aaaaaa;
    min-height: 200px;
    padding: 0.5em;
}

    .contact-preference .avatar-image .avatar-pic {
        width: 100%;
    }

.contact-preference .person-details {
    padding: 0.3em;
    background: #eceff6;
}

    .contact-preference .person-details .profile-heading {
        border-bottom: 1px solid #CCCCCC;
        line-height: 32px;
    }

    .contact-preference .person-details p {
        font-size: 0.78em;
    }

.contact-preference .form-section .my-profile-information {
    width: 100%;
    float: left;
    margin-bottom: 1em;
}

    .contact-preference .form-section .my-profile-information:last-child {
        border-bottom: 0px;
    }

    .contact-preference .form-section .my-profile-information .heading-blue-text h2 {
        color: #00528a;
        font-size: 1.8em;
        margin-bottom: 0.8em;
        font-weight: bold;
    }

    .contact-preference .form-section .my-profile-information .heading-blue-text .form-heading {
        font-weight: bold;
    }

    .contact-preference .form-section .my-profile-information .info-message {
        background: #ffffff;
        padding: 0.5em 0 0 0;
    }

        .contact-preference .form-section .my-profile-information .info-message .error {
            color: #b71234;
        }

        .contact-preference .form-section .my-profile-information .info-message p {
            padding: 0 15px;
        }

    .contact-preference .form-section .my-profile-information .profile-information {
        float: left;
        width: 100%;
        background: #ffffff;
    }

        .contact-preference .form-section .my-profile-information .profile-information .preference-to-contact {
            margin-top: 3px;
        }

            .contact-preference .form-section .my-profile-information .profile-information .preference-to-contact .field-validation-error {
                top: 52px;
            }

        .contact-preference .form-section .my-profile-information .profile-information .form-group {
            margin-left: 0;
            margin-bottom: 25px;
            position: relative;
        }

            .contact-preference .form-section .my-profile-information .profile-information .form-group .checkbox-inline, .contact-preference .form-section .my-profile-information .profile-information .form-group .radio-inline {
                display: inline;
            }

            .contact-preference .form-section .my-profile-information .profile-information .form-group .input-validation-error:focus {
                border-right: 1px solid #a6192e;
            }

            .contact-preference .form-section .my-profile-information .profile-information .form-group .field-validation-error {
                left: 27%;
                top: 4.875em;
            }

            .contact-preference .form-section .my-profile-information .profile-information .form-group .control-label {
                padding: 0;
                text-align: left;
                font-size: 0.83em;
            }

            .contact-preference .form-section .my-profile-information .profile-information .form-group .custom-label {
                color: #525252;
                font-size: 1em;
            }

            .contact-preference .form-section .my-profile-information .profile-information .form-group .form-control {
                padding: 0.6em;
                height: auto;
                font-size: 1em;
                margin-top: 0.3em;
                border-radius: 0.6em;
            }

                .contact-preference .form-section .my-profile-information .profile-information .form-group .form-control[disabled] {
                    cursor: inherit;
                }

            .contact-preference .form-section .my-profile-information .profile-information .form-group .form-labels {
                padding: 0;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                font-weight: bold;
                font-size: 1em;
                margin: 0;
                min-height: 24px;
            }

            .contact-preference .form-section .my-profile-information .profile-information .form-group .radio .field-validation-error {
                left: 25%;
                top: 2.875em;
            }

        .contact-preference .form-section .my-profile-information .profile-information .field-validation-error {
            left: 27%;
            top: 4.875em;
        }

.gray-bg {
    background: #aaaaaa;
    padding: 0.5em;
}

.required-field {
    color: #b71234;
}

.push-top-large-questions {
    padding-top: 2.313em;
}

.header-right-align {
    display: inline-block;
}

.box-behind {
    cursor: pointer;
    height: 125px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .box-behind.box-1 {
        background: #525252;
    }

    .box-behind.box-2 {
        background: #00528a;
    }

    .box-behind.box-3 {
        background: #b01f58;
    }

    .box-behind.box-4 {
        background: #215e39;
    }

    .box-behind.box-0 {
        background: #d04416;
    }

    .box-behind .box-behind-img {
        position: absolute;
        width: 100%;
        height: 100%;
    }

        .box-behind .box-behind-img .goal-icon {
            width: 48px;
            height: 48px;
            margin: 15px auto 0 auto;
            text-transform: uppercase;
            transition-delay: 0.1s;
            transition-duration: 0.2s;
        }

    .box-behind .overbox {
        background: rgba(0, 0, 0, 0.6);
        position: absolute;
        top: 0;
        left: 0;
        color: #fff;
        z-index: 100;
        opacity: 0;
        width: 100%;
        height: 125px;
        padding: 0.4em;
    }

    .box-behind:hover .overbox {
        opacity: 1;
    }

    .box-behind .box-img {
        width: 48px;
        height: 48px;
        background: url(/images/add-to-plan.png) no-repeat;
        background-size: 100%;
        margin: 8px auto 0 auto;
        text-transform: uppercase;
        opacity: 0;
    }

    .box-behind:hover .box-img, .box-behind:focus .box-img {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }

    .box-behind .tagline {
        font-size: 0.8em;
        opacity: 0;
        transition-delay: 0.2s;
        transition-duration: 0.2s;
    }

    .box-behind:hover .tagline, .box-behind:focus .tagline {
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }

.left-section .remove-plan-item {
    display: none;
}

.section-right {
    margin-top: 10px;
    padding-bottom: 4em;
}

    .section-right .box-behind {
        margin-bottom: 10px;
    }

        .section-right .box-behind .box-img {
            background: url(/images/remove-from-plan.png) no-repeat;
        }

    .section-right .control-label {
        margin-top: 7px;
        font-weight: normal;
    }

    .section-right .add-plan-item {
        display: none;
    }

    .section-right .remove-plan-item {
        display: block;
    }

    .section-right button.ui-datepicker-trigger {
        background: none;
        border: 0;
        color: #000;
        padding: 0 1em;
    }

        .section-right button.ui-datepicker-trigger:hover {
            opacity: 0.8;
        }

    .section-right .form-group.last-item {
        margin-bottom: 0;
        position: absolute;
        bottom: 1em;
        width: 94%;
        left: 3%;
    }

    .section-right .form-group .field-validation-error {
        left: 0;
    }

    .section-right h3 {
        margin-bottom: 1em;
    }

        .section-right h3 span {
            font-size: 0.9em;
        }

    .section-right .goals-heading-specific {
        margin: 0;
        padding-top: 0;
    }

    .section-right .allow-numeric .input-validation-error:focus {
        border-right: 1px solid #a6192e;
    }

.goals-heading-specific {
    font-size: 1.1em;
    padding: 1em 0;
    margin: 10px 0;
}

.notificationText {
    border: 0.16em solid #c5e2f0;
    background-color: #f5feff;
    padding: 0.4em 0.5em 0;
    margin-bottom: 0.7em;
    float: left;
}

.goalNotification {
    font-weight: bold;
    line-height: 1.3em;
    margin-bottom: 0.4em;
    font-size: 1.1em;
    padding-left: 0.4em;
}

.onlifeCoach {
    font-size: 2.3em;
    vertical-align: middle;
}

@media (max-width: 568px) {
    .notificationText {
        margin-left: 0.4em;
        margin-right: 0.4em;
    }

    .goalNotification {
        font-size: 1em;
    }
}

@media (min-width: 768px) {
    .notificationText {
        margin-left: 0.9em;
    }
}

.days-left {
    padding: 0.5em 0.5em 0 0;
    color: #ffffff;
}

.anchor-look {
    background: none;
    border: 0;
    color: #82d3fe;
    font-size: 1.1em;
    padding: 0.4em 0;
    display: inline-block;
}

    .anchor-look.white-link {
        color: #ffffff;
    }

    .anchor-look:hover {
        text-decoration: underline;
    }

    .anchor-look:active, .anchor-look:focus {
        outline: none;
    }

    .anchor-look.zero-margin {
        margin: 0;
    }

.biometric-pdf-form {
    text-align: left;
    color: #666;
    font-size: 1em;
}

    .biometric-pdf-form:hover {
        color: #00528a;
        text-decoration: none;
    }

.lessons-paragraph p,
.lesson-content-body p {
    margin-bottom: 25px;
}

    .lessons-paragraph p .points-btn,
    .lesson-content-body p .points-btn {
        width: auto;
        height: auto;
        min-width: inherit;
        border: 2px solid #FFF;
        font-size: 0.7em;
        margin: 0 5px;
        display: inline\0;
    }

        .lessons-paragraph p .points-btn .round-icon,
        .lesson-content-body p .points-btn .round-icon {
            display: block;
        }

.lessons-paragraph a,
.lesson-content-body a {
    margin: 0 4px 0 0;
    text-decoration: underline;
}

.lessons-content a {
    text-decoration: underline;
    margin-right: 0;
}

.journal-message {
    margin-top: 0.8em;
    margin-bottom: 0.5em;
    padding: 0.5em;
}

    .journal-message:hover {
        background: #F9F9F9;
    }

    .journal-message .delete-journal {
        background: none;
        border: none;
    }

        .journal-message .delete-journal:hover {
            opacity: 0.8;
        }

        .journal-message .delete-journal:focus {
            opacity: 0.8;
            border: 1px solid #0897d6;
        }

.featured-articles .article-text a:hover {
    text-decoration: underline;
}

.coach-landing-img {
    text-align: right;
    margin-bottom: 2.4em;
    margin-top: 0.7em;
}

.learnmore-lists {
    margin-left: 1em;
}

    .learnmore-lists li {
        list-style-type: decimal;
        margin: 0.3em;
    }

.sub-container .trackers-list .start-now h4 {
    margin-left: 0.7em;
}

.sub-container .trackers-list .start-now p {
    margin-left: 0.8em;
}

.learnmore-section p {
    font-weight: bold;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}

.learnmore-section .learnmore-content {
    margin-left: 0.5em;
}

.learnmore-section h3 {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: 0.3em;
}

@media (min-width: 1024px) {
    .learnmore-section {
        display: flex;
    }

        .learnmore-section > div {
            flex: 1 1 auto;
        }
}

@media (max-width: 1024px) {
    .coach-landing-img {
        text-align: left;
    }
}

@media (max-width: 768px) {
    .learnmore-section .section-bg {
        border: none;
    }

    .coach-landing-img {
        margin-left: 0.1em;
        margin-right: 0.1em;
    }
}

.my-start-status {
    background: #F3F3F3;
    min-height: 257px;
    padding: 1em;
}

    .my-start-status .custom-font-icon .icon {
        font-size: 5em;
        text-align: center;
    }

    .my-start-status .numeric-size {
        font-size: 1.6em;
    }

.my-current-status {
    background: #00528a;
    min-height: 257px;
    padding: 1em;
    color: #ffffff;
}

    .my-current-status .form-group.last-item {
        margin-bottom: 0px;
    }

    .my-current-status .form-group.control-button {
        position: absolute;
        width: 100%;
        bottom: 0;
        left: 0;
    }

    .my-current-status .form-group .inline-error-display .field-validation-error {
        left: 43%;
        top: 32px;
    }

    .my-current-status .form-group .maintain-tobacco-free-error .field-validation-error {
        left: 39%;
        top: 32px;
    }

    .my-current-status .input-validation-error:focus {
        border-right: 1px solid #a6192e;
    }

    .my-current-status .stress-actions li .field-validation-error {
        font-size: 12px;
        top: 80px;
        left: 40%;
    }

    .my-current-status .input-group-addon {
        background: #e8e4e3;
        color: #666666;
        border: 0;
    }

    .my-current-status .input-group .form-control, .my-current-status .form-group .form-control {
        border: 0;
        padding: 6px 6px 6px 10px;
    }

    .my-current-status label.control-label {
        padding-top: 2px;
    }

    .my-current-status textarea {
        height: 55px;
    }

p.messages-for-close-goal {
    line-height: 36px;
}

.blue-container {
    padding: 1em;
    background: rgba(34, 182, 255, 0.18);
    margin-bottom: 1em;
}

    .blue-container p {
        margin-bottom: 0;
    }

.inline-text-field {
    width: 55px;
    border-radius: 4px;
    border: 1px solid #CCC;
    line-height: 22px;
    color: #000;
    padding: 2px 4px;
    height: 28px;
}

.wrap-text {
    margin-left: 4px;
}

.onlife {
    color: rgb(227, 108, 10);
}

.health {
    color: rgb(84, 141, 212);
}

#lesson-content .lessons-content {
    padding: 1em;
    border: 1px solid #CCCCCC;
}

.cloud-days-left {
    width: 100%;
    height: 155px;
    background: url(/Images/cloud-bg.jpg) no-repeat;
    max-width: 254px;
    position: relative;
    margin-left: 20%;
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    .cloud-days-left {
        margin-left: 5%;
    }
}

.cloud-days-left .days-remaining {
    position: absolute;
    bottom: 28px;
    left: 22%;
    font-size: 1.8em;
    color: #ffffff;
}

.color-default {
    background: #00528a;
}

.color-background {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: auto;
    color: #ffffff;
}

    .color-background .icon-holder {
        width: 92px;
        height: 92px;
        text-align: center;
        margin: auto;
    }

        .color-background .icon-holder img {
            margin-top: 6px;
            width: 100%;
        }

        .color-background .icon-holder.custom-font-icon {
            padding-top: 1em;
        }

            .color-background .icon-holder.custom-font-icon .icon-my-health {
                font-size: 5em;
            }

    .color-background h4 {
        margin: 0;
    }

.rating-section .high, .rating-section .medium, .rating-section .low, .rating-section .high-label, .rating-section .medium-label, .rating-section .low-label, .bmi-rating .high, .bmi-rating .medium, .bmi-rating .low, .bmi-rating .high-label, .bmi-rating .medium-label, .bmi-rating .low-label {
    min-height: 120px;
    max-height: 120px;
}

.rating-section .bmi-high, .rating-section .bmi-medium, .rating-section .bmi-low, .rating-section .bmi-under-weight, .rating-section .bmi-high-label, .rating-section .bmi-medium-label, .rating-section .bmi-low-label, .rating-section .bmi-under-weight-label,
.rating-section .bmi-high-five, .rating-section .bmi-high-four, .rating-section .bmi-medium-three, .rating-section .bmi-low-two, .rating-section .bmi-under-weight-one, .bmi-rating .bmi-high, .bmi-rating .bmi-medium, .bmi-rating .bmi-low, .bmi-rating .bmi-under-weight, .bmi-rating .bmi-high-label, .bmi-rating .bmi-medium-label, .bmi-rating .bmi-low-label, .bmi-rating .bmi-under-weight-label,
.bmi-rating .bmi-high-five, .bmi-rating .bmi-high-four, .bmi-rating .bmi-medium-three, .bmi-rating .bmi-low-two, .bmi-rating .bmi-under-weight-one {
    min-height: 80px;
    max-height: 80px;
}

    .rating-section .bmi-high .graph-label, .rating-section .bmi-medium .graph-label, .rating-section .bmi-low .graph-label, .rating-section .bmi-under-weight .graph-label, .rating-section .bmi-high-label .graph-label, .rating-section .bmi-medium-label .graph-label, .rating-section .bmi-low-label .graph-label, .rating-section .bmi-under-weight-label .graph-label,
    .rating-section .bmi-high-five .graph-label, .rating-section .bmi-high-four .graph-label, .rating-section .bmi-medium-three .graph-label, .rating-section .bmi-low-two .graph-label, .rating-section .bmi-under-weight-one .graph-label, .bmi-rating .bmi-high .graph-label, .bmi-rating .bmi-medium .graph-label, .bmi-rating .bmi-low .graph-label, .bmi-rating .bmi-under-weight .graph-label, .bmi-rating .bmi-high-label .graph-label, .bmi-rating .bmi-medium-label .graph-label, .bmi-rating .bmi-low-label .graph-label, .bmi-rating .bmi-under-weight-label .graph-label,
    .bmi-rating .bmi-high-five .graph-label, .bmi-rating .bmi-high-four .graph-label, .bmi-rating .bmi-medium-three .graph-label, .bmi-rating .bmi-low-two .graph-label, .bmi-rating .bmi-under-weight-one .graph-label {
        font-size: 10px;
        position: absolute;
        left: 0;
        top: 35%;
        width: 100%;
        text-align: center;
        line-height: 13px;
    }

    .rating-section .bmi-high p, .rating-section .bmi-medium p, .rating-section .bmi-low p, .rating-section .bmi-under-weight p, .rating-section .bmi-high-label p, .rating-section .bmi-medium-label p, .rating-section .bmi-low-label p, .rating-section .bmi-under-weight-label p,
    .rating-section .bmi-high-five p, .rating-section .bmi-high-four p, .rating-section .bmi-medium-three p, .rating-section .bmi-low-two p, .rating-section .bmi-under-weight-one p, .bmi-rating .bmi-high p, .bmi-rating .bmi-medium p, .bmi-rating .bmi-low p, .bmi-rating .bmi-under-weight p, .bmi-rating .bmi-high-label p, .bmi-rating .bmi-medium-label p, .bmi-rating .bmi-low-label p, .bmi-rating .bmi-under-weight-label p,
    .bmi-rating .bmi-high-five p, .bmi-rating .bmi-high-four p, .bmi-rating .bmi-medium-three p, .bmi-rating .bmi-low-two p, .bmi-rating .bmi-under-weight-one p {
        padding-top: 27%;
        text-align: left;
    }

.rating-section .high-label, .rating-section .medium-label, .rating-section .low-label, .bmi-rating .high-label, .bmi-rating .medium-label, .bmi-rating .low-label {
    padding-top: 70%;
}

.rating-section .bmi-high-five, .bmi-rating .bmi-high-five {
    background: #EA3737;
}

.rating-section .high, .rating-section .bmi-high, .rating-section .bmi-high-four, .bmi-rating .high, .bmi-rating .bmi-high, .bmi-rating .bmi-high-four {
    background: #f57f7f;
}

.rating-section .medium, .rating-section .bmi-medium, .rating-section .bmi-medium-three, .bmi-rating .medium, .bmi-rating .bmi-medium, .bmi-rating .bmi-medium-three {
    background: #ffd27c;
}

.rating-section .low, .rating-section .bmi-low, .rating-section .bmi-low-two, .bmi-rating .low, .bmi-rating .bmi-low, .bmi-rating .bmi-low-two {
    background: #669f41;
}

.rating-section .bmi-under-weight, .rating-section .bmi-under-weight-one, .bmi-rating .bmi-under-weight, .bmi-rating .bmi-under-weight-one {
    background: #CCCCCC;
}

.rating-section .rating-graph, .bmi-rating .rating-graph {
    position: relative;
    float: left;
}

    .rating-section .rating-graph .indicator, .bmi-rating .rating-graph .indicator {
        width: auto;
        min-width: 75px;
        height: 30px;
        border-radius: 5px;
        background: #00528a;
        position: absolute;
        left: 47px;
        opacity: 0.9;
        z-index: 9;
        margin-bottom: -15px;
        color: #ffffff;
        padding: 0.4em;
        bottom: 0;
    }

        .rating-section .rating-graph .indicator .arrow-left, .bmi-rating .rating-graph .indicator .arrow-left {
            width: 0;
            height: 0;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-right: 10px solid #00528a;
            left: -7px;
            position: absolute;
            margin-top: -10px;
            top: 50%;
        }

        .rating-section .rating-graph .indicator p, .bmi-rating .rating-graph .indicator p {
            padding: 0;
            white-space: nowrap;
        }

        .rating-section .rating-graph .indicator.pregnant-value-indicator, .bmi-rating .rating-graph .indicator.pregnant-value-indicator {
            width: 126px;
        }

    .rating-section .rating-graph .top-rating-number, .rating-section .rating-graph .bottom-rating-number, .bmi-rating .rating-graph .top-rating-number, .bmi-rating .rating-graph .bottom-rating-number {
        left: -20px;
        position: absolute;
    }

    .rating-section .rating-graph .top-rating-number, .bmi-rating .rating-graph .top-rating-number {
        top: -8px;
    }

    .rating-section .rating-graph .bottom-rating-number, .bmi-rating .rating-graph .bottom-rating-number {
        bottom: -9px;
    }

    .rating-section .rating-graph > p, .bmi-rating .rating-graph > p {
        text-align: center;
    }

    .rating-section .rating-graph .top-number, .rating-section .rating-graph .bottom-number, .bmi-rating .rating-graph .top-number, .bmi-rating .rating-graph .bottom-number {
        position: absolute;
        left: -20px;
    }

    .rating-section .rating-graph .top-number, .bmi-rating .rating-graph .top-number {
        top: -8px;
    }

    .rating-section .rating-graph .bottom-number, .bmi-rating .rating-graph .bottom-number {
        bottom: -8px;
    }

.rating-section .graph-desc, .bmi-rating .graph-desc {
    position: absolute;
    bottom: -58px;
    left: -69px;
    width: 172px;
    max-height: 60px;
    overflow: hidden;
}

.olh-icon-holder, .olh-icon-holder-stress, .olh-icon-holder-activity {
    font-size: 3em;
    color: #0cc0de;
    text-align: center;
}

.olh-icon-holder {
    margin-top: 1.2em;
}

.olh-icon-holder-stress {
    margin-top: 0.5em;
}

.olh-icon-holder-activity {
    margin-top: 0.2em;
}

.olh-color-background {
    max-width: 12em;
    margin: 0 auto;
}

    .olh-color-background .icon-indicator-label {
        color: #848484;
    }

    .olh-color-background .trim-size-bottom {
        font-size: 1.25em;
        margin: 0.5em 0 0.3em 0;
        line-height: 1.2;
    }

.olh-indicator, .olh-indicator-stress {
    width: auto;
    min-width: 75px;
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    bottom: 0;
    top: -4em;
    line-height: 2;
}

    .olh-indicator p, .olh-indicator-stress p {
        padding: 0;
        white-space: nowrap;
    }

        .olh-indicator p span.greyer, .olh-indicator-stress p span.greyer {
            color: #848484;
            font-weight: bolder;
        }

    .olh-indicator.pregnant-value-indicator, .olh-indicator-stress.pregnant-value-indicator {
        width: 126px;
    }

    .olh-indicator-stress p {
        margin-top: 0.8em;
    }

.olh-location {
    font-size: 3em;
}

.olh-rating-graph, .olh-rating-graph-stress {
    margin-bottom: 3em;
}

    .olh-rating-graph .bmi-high, .olh-rating-graph .bmi-medium, .olh-rating-graph .bmi-low, .olh-rating-graph .bmi-under-weight, .olh-rating-graph .bmi-high-label, .olh-rating-graph .bmi-medium-label, .olh-rating-graph .bmi-low-label, .olh-rating-graph .bmi-under-weight-label,
    .olh-rating-graph .bmi-high-five, .olh-rating-graph .bmi-high-four, .olh-rating-graph .bmi-medium-three, .olh-rating-graph .bmi-low-two, .olh-rating-graph .bmi-under-weight-one, .olh-rating-graph-stress .bmi-high, .olh-rating-graph-stress .bmi-medium, .olh-rating-graph-stress .bmi-low, .olh-rating-graph-stress .bmi-under-weight, .olh-rating-graph-stress .bmi-high-label, .olh-rating-graph-stress .bmi-medium-label, .olh-rating-graph-stress .bmi-low-label, .olh-rating-graph-stress .bmi-under-weight-label,
    .olh-rating-graph-stress .bmi-high-five, .olh-rating-graph-stress .bmi-high-four, .olh-rating-graph-stress .bmi-medium-three, .olh-rating-graph-stress .bmi-low-two, .olh-rating-graph-stress .bmi-under-weight-one {
        min-height: 30px;
        max-height: 80px;
        margin-top: 0.5em;
    }

        .olh-rating-graph .bmi-high .graph-label, .olh-rating-graph .bmi-medium .graph-label, .olh-rating-graph .bmi-low .graph-label, .olh-rating-graph .bmi-under-weight .graph-label, .olh-rating-graph .bmi-high-label .graph-label, .olh-rating-graph .bmi-medium-label .graph-label, .olh-rating-graph .bmi-low-label .graph-label, .olh-rating-graph .bmi-under-weight-label .graph-label,
        .olh-rating-graph .bmi-high-five .graph-label, .olh-rating-graph .bmi-high-four .graph-label, .olh-rating-graph .bmi-medium-three .graph-label, .olh-rating-graph .bmi-low-two .graph-label, .olh-rating-graph .bmi-under-weight-one .graph-label, .olh-rating-graph-stress .bmi-high .graph-label, .olh-rating-graph-stress .bmi-medium .graph-label, .olh-rating-graph-stress .bmi-low .graph-label, .olh-rating-graph-stress .bmi-under-weight .graph-label, .olh-rating-graph-stress .bmi-high-label .graph-label, .olh-rating-graph-stress .bmi-medium-label .graph-label, .olh-rating-graph-stress .bmi-low-label .graph-label, .olh-rating-graph-stress .bmi-under-weight-label .graph-label,
        .olh-rating-graph-stress .bmi-high-five .graph-label, .olh-rating-graph-stress .bmi-high-four .graph-label, .olh-rating-graph-stress .bmi-medium-three .graph-label, .olh-rating-graph-stress .bmi-low-two .graph-label, .olh-rating-graph-stress .bmi-under-weight-one .graph-label {
            font-size: 10px;
            position: absolute;
            left: 0;
            top: 35%;
            width: 100%;
            text-align: center;
            line-height: 13px;
        }

        .olh-rating-graph .bmi-high p, .olh-rating-graph .bmi-medium p, .olh-rating-graph .bmi-low p, .olh-rating-graph .bmi-under-weight p, .olh-rating-graph .bmi-high-label p, .olh-rating-graph .bmi-medium-label p, .olh-rating-graph .bmi-low-label p, .olh-rating-graph .bmi-under-weight-label p,
        .olh-rating-graph .bmi-high-five p, .olh-rating-graph .bmi-high-four p, .olh-rating-graph .bmi-medium-three p, .olh-rating-graph .bmi-low-two p, .olh-rating-graph .bmi-under-weight-one p, .olh-rating-graph-stress .bmi-high p, .olh-rating-graph-stress .bmi-medium p, .olh-rating-graph-stress .bmi-low p, .olh-rating-graph-stress .bmi-under-weight p, .olh-rating-graph-stress .bmi-high-label p, .olh-rating-graph-stress .bmi-medium-label p, .olh-rating-graph-stress .bmi-low-label p, .olh-rating-graph-stress .bmi-under-weight-label p,
        .olh-rating-graph-stress .bmi-high-five p, .olh-rating-graph-stress .bmi-high-four p, .olh-rating-graph-stress .bmi-medium-three p, .olh-rating-graph-stress .bmi-low-two p, .olh-rating-graph-stress .bmi-under-weight-one p {
            padding-top: 2%;
            text-align: left;
        }

            .olh-rating-graph .bmi-high p span.greyer, .olh-rating-graph .bmi-medium p span.greyer, .olh-rating-graph .bmi-low p span.greyer, .olh-rating-graph .bmi-under-weight p span.greyer, .olh-rating-graph .bmi-high-label p span.greyer, .olh-rating-graph .bmi-medium-label p span.greyer, .olh-rating-graph .bmi-low-label p span.greyer, .olh-rating-graph .bmi-under-weight-label p span.greyer,
            .olh-rating-graph .bmi-high-five p span.greyer, .olh-rating-graph .bmi-high-four p span.greyer, .olh-rating-graph .bmi-medium-three p span.greyer, .olh-rating-graph .bmi-low-two p span.greyer, .olh-rating-graph .bmi-under-weight-one p span.greyer, .olh-rating-graph-stress .bmi-high p span.greyer, .olh-rating-graph-stress .bmi-medium p span.greyer, .olh-rating-graph-stress .bmi-low p span.greyer, .olh-rating-graph-stress .bmi-under-weight p span.greyer, .olh-rating-graph-stress .bmi-high-label p span.greyer, .olh-rating-graph-stress .bmi-medium-label p span.greyer, .olh-rating-graph-stress .bmi-low-label p span.greyer, .olh-rating-graph-stress .bmi-under-weight-label p span.greyer,
            .olh-rating-graph-stress .bmi-high-five p span.greyer, .olh-rating-graph-stress .bmi-high-four p span.greyer, .olh-rating-graph-stress .bmi-medium-three p span.greyer, .olh-rating-graph-stress .bmi-low-two p span.greyer, .olh-rating-graph-stress .bmi-under-weight-one p span.greyer {
                color: #848484;
                font-weight: bolder;
            }

    .olh-rating-graph .bmi-high-five, .olh-rating-graph-stress .bmi-high-five {
        background: #EA3737;
    }

    .olh-rating-graph .high, .olh-rating-graph .bmi-high, .olh-rating-graph .bmi-high-four, .olh-rating-graph-stress .high, .olh-rating-graph-stress .bmi-high, .olh-rating-graph-stress .bmi-high-four {
        background: #f57f7f;
    }

    .olh-rating-graph .medium, .olh-rating-graph .bmi-medium, .olh-rating-graph .bmi-medium-three, .olh-rating-graph-stress .medium, .olh-rating-graph-stress .bmi-medium, .olh-rating-graph-stress .bmi-medium-three {
        background: #ffd27c;
    }

    .olh-rating-graph .low, .olh-rating-graph .bmi-low, .olh-rating-graph .bmi-low-two, .olh-rating-graph-stress .low, .olh-rating-graph-stress .bmi-low, .olh-rating-graph-stress .bmi-low-two {
        background: #669f41;
    }

    .olh-rating-graph .bmi-under-weight, .olh-rating-graph .bmi-under-weight-one, .olh-rating-graph-stress .bmi-under-weight, .olh-rating-graph-stress .bmi-under-weight-one {
        background: #CCCCCC;
    }

    .olh-rating-graph .top-rating-number, .olh-rating-graph .bottom-rating-number, .olh-rating-graph-stress .top-rating-number, .olh-rating-graph-stress .bottom-rating-number {
        left: -20px;
        position: absolute;
    }

    .olh-rating-graph .top-rating-number, .olh-rating-graph-stress .top-rating-number {
        top: -8px;
    }

    .olh-rating-graph .bottom-rating-number, .olh-rating-graph-stress .bottom-rating-number {
        bottom: -9px;
    }

    .olh-rating-graph > p, .olh-rating-graph-stress > p {
        text-align: left;
        margin-top: 2em;
    }

    .olh-rating-graph .top-number, .olh-rating-graph .bottom-number, .olh-rating-graph-stress .top-number, .olh-rating-graph-stress .bottom-number {
        position: absolute;
        left: -20px;
    }

    .olh-rating-graph .top-number, .olh-rating-graph-stress .top-number {
        top: -8px;
    }

    .olh-rating-graph .bottom-number, .olh-rating-graph-stress .bottom-number {
        bottom: -8px;
    }

.olh-rating-graph {
    margin-top: 3.5em;
}

    .olh-rating-graph .high, .olh-rating-graph .medium, .olh-rating-graph .low, .olh-rating-graph .high-label, .olh-rating-graph .medium-label, .olh-rating-graph .low-label {
        min-height: 9.2em;
        max-height: 9.2em;
    }

.olh-rating-graph-stress {
    margin-top: 4.5em;
}

    .olh-rating-graph-stress .high, .olh-rating-graph-stress .medium, .olh-rating-graph-stress .low, .olh-rating-graph-stress .high-label, .olh-rating-graph-stress .medium-label, .olh-rating-graph-stress .low-label {
        min-height: 2.3em;
        margin-top: 0.5em;
    }

    .olh-rating-graph-stress .high-label, .olh-rating-graph-stress .medium-label, .olh-rating-graph-stress .low-label {
        text-align: center;
    }

        .olh-rating-graph-stress .high-label span.greyer, .olh-rating-graph-stress .medium-label span.greyer, .olh-rating-graph-stress .low-label span.greyer {
            color: #848484;
            font-weight: bolder;
        }

    .olh-rating-graph-stress .left-rating-number {
        left: -0.2em;
    }

    .olh-rating-graph-stress .left-rating-number, .olh-rating-graph-stress .right-rating-number, .olh-rating-graph-stress .right-rating-single-number {
        top: 0.5em;
        position: absolute;
    }

    .olh-rating-graph-stress .right-rating-number {
        right: -0.5em;
    }

    .olh-rating-graph-stress .right-rating-single-number {
        right: -0.2em;
    }

.olh-flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
}

    .olh-flex-container .flex-container-child {
        flex-direction: column;
        -webkit-flex-direction: column;
        min-width: 20%;
    }

        .olh-flex-container .flex-container-child .flex-item {
            -webkit-box-flex: 1;
            -webkit-flex: 1 1 auto;
            flex: 1 1 auto;
        }

.whats-next-section {
    margin-bottom: 30px;
}

    .whats-next-section .track-box, .whats-next-section .complete-box, .whats-next-section .view-box, .whats-next-section .coach-box, .whats-next-section .financial-box {
        background-color: #D04416;
        float: left;
        width: 100%;
        margin: 8px 0 0;
        height: 150px;
    }

        .whats-next-section .track-box .box-label, .whats-next-section .complete-box .box-label, .whats-next-section .view-box .box-label, .whats-next-section .coach-box .box-label, .whats-next-section .financial-box .box-label {
            width: 100%;
            float: left;
            margin-top: 20px;
            color: #ffffff;
            text-align: left;
        }

    .whats-next-section .track-r {
        background-color: #D04416;
    }

    .whats-next-section .complete-box, .whats-next-section .complete-r {
        background-color: #00528a;
    }

    .whats-next-section .view-box, .whats-next-section .view-r {
        background-color: #215e39;
    }

    .whats-next-section .coach-box, .whats-next-section .coach-r {
        background-color: #0cc0de;
    }

    .whats-next-section .financial-box {
        background-color: #682566;
    }

    .whats-next-section .left-box {
        width: 80%;
        padding: 10px;
        float: left;
        text-align: center;
    }

        .whats-next-section .left-box img {
            margin: 15px 0 0;
        }

    .whats-next-section .right-box {
        background-color: rgba(255, 255, 255, 0.3);
        width: 20%;
        height: 150px;
    }

    .whats-next-section .box-links {
        float: left;
        margin-top: 5px;
        clear: left;
    }

    .whats-next-section .box-rounded-btn {
        border-radius: 50%;
        width: 35px;
        height: 35px;
        padding: 11px;
        margin: 59px auto 0;
        display: block;
        color: #ffffff;
    }

    .whats-next-section .btn {
        line-height: 24px;
    }

.learn-more-item li .goaldiv-disabled .disabled-goal-overlay {
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    left: 15px;
    z-index: 5;
    background: rgba(0, 0, 0, 0.4);
    background: url(/Images/ie8_specific/disabled_bg_ie.png) repeat\9;
    display: block !important;
    opacity: 0.5;
}

.tooltip {
    position: relative;
    float: right;
}

    .tooltip > .tooltip-inner {
        background-color: rgb(0, 123, 206);
        padding: 5px 15px;
        color: #ffffff;
        font-weight: bold;
        font-size: 13px;
        width: 60px !important;
    }

.popOver + .tooltip > .tooltip-arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid rgb(0, 123, 206);
}

.progress-bar {
    background: rgb(0, 123, 206);
    -webkit-transition: width 1.5s ease-in-out;
    transition: width 1.5s ease-in-out;
}

.progress {
    border-radius: 0;
    overflow: visible;
    height: 40px;
    margin-top: 15px;
}

.right-content .tooltip.fade.top.in {
    top: -60px !important;
}

.progress-val {
    float: right;
    font-size: 1.4em;
    margin: 10px -49px 10px 10px;
    color: rgb(245, 245, 245);
}

.reports-right-section {
    background: #dbe7f3;
    padding-top: 1em;
    padding-bottom: 1em;
    min-height: 182px;
    margin: 10px 0;
}

    .reports-right-section .tobacco-image {
        width: 60px;
        height: 60px;
    }

    .reports-right-section .tobacco-pack-plus, .reports-right-section .tobacco-image, .reports-right-section .tobacco-packs {
        float: left;
    }

    .reports-right-section .tobacco-pack-plus {
        font-size: 2em;
        margin-top: 34px;
    }

    .reports-right-section .tobacco-image, .reports-right-section .tobacco-packs {
        margin-right: 6px;
        background: url(/Images/index.png) no-repeat;
    }

        .reports-right-section .tobacco-image.can-tobacco, .reports-right-section .tobacco-packs.can-tobacco {
            background-position: 0 -166px;
        }

        .reports-right-section .tobacco-image.pipes-tobacco, .reports-right-section .tobacco-packs.pipes-tobacco {
            background-position: 0 -228px;
        }

        .reports-right-section .tobacco-image.cigars-tobacco, .reports-right-section .tobacco-packs.cigars-tobacco {
            background-position: 0 -98px;
        }

    .reports-right-section .tobacco-packs {
        width: 60px;
        height: 90px;
        background-position: 0 0;
    }

        .reports-right-section .tobacco-packs .cigar-count {
            color: #ffffff;
            font-size: 2em;
            margin-top: 53px;
            display: block;
            text-align: center;
        }

.reports-center-section {
    padding-top: 2em;
    padding-bottom: 2em;
    padding-left: 2em;
    padding-right: 2em;
    height: auto;
    margin: 0.625em 0;
    -webkit-border-radius: 0.6em;
    -moz-border-radius: 0.6em;
    -ms-border-radius: 0.6em;
    border-radius: 0.6em;
    border: 1px solid #CCCCCC;
}

    .reports-center-section .lower {
        margin-top: 0.5em;
    }

    .reports-center-section .tobacco-image {
        width: 3.75em;
        height: 3.75em;
    }

    .reports-center-section .tobacco-image, .reports-center-section .tobacco-packs {
        float: left;
    }

    .reports-center-section .tobacco-image, .reports-center-section .tobacco-packs {
        margin-right: 0.375em;
        background: url(/Images/Icon.png) no-repeat;
    }

        .reports-center-section .tobacco-image.can-tobacco, .reports-center-section .tobacco-packs.can-tobacco {
            background-position: 0 -9.875em;
            height: 4.063em;
        }

        .reports-center-section .tobacco-image.pipes-tobacco, .reports-center-section .tobacco-packs.pipes-tobacco {
            background-position: 0 -14.25em;
        }

        .reports-center-section .tobacco-image.cigars-tobacco, .reports-center-section .tobacco-packs.cigars-tobacco {
            background-position: 0 -5.063em;
            height: 3.125em;
        }

    .reports-center-section .tobacco-packs {
        width: 3.75em;
        height: 5em;
        background-position: 0 0;
    }

#reports-chart {
    width: 100%;
    height: 358px;
    margin: 30px auto 0;
    display: block;
}

    #reports-chart #numbers {
        width: 50px;
        height: 300px;
        margin: 0;
        padding: 0;
        display: inline-block;
        float: left;
    }

        #reports-chart #numbers li {
            text-align: right;
            padding-right: 1em;
            list-style: none;
            height: 38px;
            position: relative;
            bottom: 30px;
        }

            #reports-chart #numbers li:last-child {
                height: 30px;
            }

            #reports-chart #numbers li span {
                color: #666666;
                position: absolute;
                bottom: 0;
                right: 10px;
            }

    #reports-chart #bars {
        display: inline-block;
        width: 520px;
        height: 300px;
        padding: 0;
        margin: 0;
    }

@media (max-width: 767px) {
    #reports-chart #bars {
        width: 325px;
    }
}

#reports-chart #bars li {
    display: table;
    width: 104px;
    height: 300px;
    text-align: center;
    float: left;
    position: relative;
}

@media (max-width: 767px) {
    #reports-chart #bars li {
        width: 62px;
    }
}

#reports-chart #bars li:first-child .bar {
    background: #ff9d42;
}

#reports-chart #bars li:nth-child(2) .bar {
    background: #669f41;
}

#reports-chart #bars li:nth-child(3) .bar {
    background: #33b1fd;
}

#reports-chart #bars li:nth-child(4) .bar {
    background: #007ac3;
}

#reports-chart #bars li:nth-child(5) .bar {
    background: #ffd27c;
}

#reports-chart #bars li .bar {
    display: block;
    width: 70px;
    margin: 0 auto;
    background: #49E;
    position: absolute;
    left: 17px;
    bottom: 0;
}

@media (max-width: 767px) {
    #reports-chart #bars li .bar {
        width: 44px;
    }
}

#reports-chart #bars li .bar:hover {
    cursor: pointer;
}

#reports-chart #bars li span {
    color: #666666;
    width: 100%;
    position: absolute;
    bottom: -2em;
    left: 0;
    text-align: center;
}

#reports-chart .graph-headings {
    margin-left: 50px;
    float: left;
    width: 100%;
}

    #reports-chart .graph-headings .servings-heading {
        width: 104px;
        float: left;
        text-align: center;
        font-size: 12px;
    }

@media (max-width: 767px) {
    #reports-chart .graph-headings .servings-heading {
        width: 56px;
        margin: 0 4px;
    }
}

.last-step {
    min-height: 162px;
}

.rating-graph .bmiindicator {
    left: 78px !important;
}

.weight-report-body {
    padding-left: 50px;
    padding-right: 50px;
}

.red-color {
    color: #EA3737;
}

@media (max-width: 767px) {
    .social-share-btn {
        margin-right: 0;
    }
}

.social-share-btn img {
    width: 75px;
    float: left;
}

.lessons-tracker-data .sub-container .trackers-list {
    margin-bottom: 0;
}

#mindflash-lesson-container #lesson-content {
    height: 660px;
    position: relative;
}

#mindflash-lesson-container .heading-blue {
    z-index: 20;
    position: absolute;
    width: 96%;
}

    #mindflash-lesson-container .heading-blue .link-to-home {
        margin-right: 15px;
    }

#mindflash-lesson-container #RenderStatic {
    height: 682px;
    top: 12px;
    width: 97.2%;
    z-index: 1;
    position: relative;
    left: 15px;
}

#mindflash-lesson-container .lessons-paragraph {
    margin-top: 68px;
}

#mindflash-lesson-container ~ .button-holder {
    margin-top: 35px;
}

.hide-nav .flexslider .flex-direction-nav {
    display: none;
}

.financial-well-being h3 {
    color: #ffffff;
}

.block {
    min-height: 17em;
    padding: 2em 1.3em;
    margin: 5px -10px;
    color: #ffffff;
    display: block;
}

    .block:hover, .block:focus {
        color: #ffffff;
    }

    .block.well-being {
        background: #682566;
    }

    .block.debt-management {
        background: #00528a;
    }

    .block.savings {
        background: #215e39;
    }

    .block.budget-planning {
        background: #d04416;
    }

    .block.retirement-planning {
        background: #b01f58;
    }

    .block.more-resources {
        background: #00528a;
    }

    .block .get-started {
        background: none;
        text-transform: capitalize;
        border: 1px solid #ffffff;
        font-size: 1em;
    }

        .block .get-started:hover {
            background: #ffffff;
            color: #000;
        }

    .block .btn-view {
        position: absolute;
        bottom: 2em;
        right: 1em;
    }

.block-logo {
    width: 75px;
    height: 75px;
    display: inline-block;
    background: #ffffff;
}

    .block-logo.icon-well-being {
        background: url(../../../Images/svg/fwb_FWB101.svg) no-repeat;
        -webkit-mask: url(../../../Images/svg/fwb_FWB101.svg) no-repeat;
        mask: url(../../../Images/svg/fwb_FWB101.svg) no-repeat;
        -webkit-mask-size: cover;
        mask-size: cover;
        background-size: 100%;
    }

    .block-logo.icon-debt-mgt {
        background: url(../../../Images/svg/fwb_DebtManagement.svg) no-repeat;
        -webkit-mask: url(../../../Images/svg/fwb_DebtManagement.svg) no-repeat;
        mask: url(../../../Images/svg/fwb_DebtManagement.svg) no-repeat;
        -webkit-mask-size: cover;
        mask-size: cover;
        background-size: 100%;
    }

    .block-logo.icon-savings {
        background: url(../../../Images/svg/fwb_Savings.svg) no-repeat;
        -webkit-mask: url(../../../Images/svg/fwb_Savings.svg) no-repeat;
        mask: url(../../../Images/svg/fwb_Savings.svg) no-repeat;
        -webkit-mask-size: cover;
        mask-size: cover;
        background-size: 100%;
    }

    .block-logo.icon-budget {
        background: url(../../../Images/svg/fwb_BudgetPlanning.svg) no-repeat;
        -webkit-mask: url(../../../Images/svg/fwb_BudgetPlanning.svg) no-repeat;
        mask: url(../../../Images/svg/fwb_BudgetPlanning.svg) no-repeat;
        -webkit-mask-size: cover;
        mask-size: cover;
        background-size: 100%;
    }

    .block-logo.icon-retirement {
        background: url(../../../Images/svg/fwb_RetirementPlanning.svg) no-repeat;
        -webkit-mask: url(../../../Images/svg/fwb_RetirementPlanning.svg) no-repeat;
        mask: url(../../../Images/svg/fwb_RetirementPlanning.svg) no-repeat;
        -webkit-mask-size: cover;
        mask-size: cover;
        background-size: 100%;
    }

    .block-logo.icon-resources {
        background: url(../../../Images/svg/fwb_MoreResources.svg) no-repeat;
        -webkit-mask: url(../../../Images/svg/fwb_MoreResources.svg) no-repeat;
        mask: url(../../../Images/svg/fwb_MoreResources.svg) no-repeat;
        -webkit-mask-size: cover;
        mask-size: cover;
        background-size: 100%;
    }

@media (max-width: 767px) {
    .financial-wb {
        max-height: 175px;
        margin: auto;
    }
}

.olh-multiple-selection .btn {
    min-width: 220px;
    text-align: right;
}

    .olh-multiple-selection .btn .olh-dropdown-label {
        float: left;
        text-transform: capitalize;
        line-height: 1.8;
    }

    .olh-multiple-selection .btn .olh-dropdown-arrow-down {
        float: right;
        margin-left: 8px;
        line-height: 2;
    }

    .olh-multiple-selection .btn .olh-data-count {
        background: #00528a;
        width: 30px;
        height: 30px;
        color: #ffffff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        line-height: 1.8;
    }

.app-connection {
    min-height: 405px;
    border: 1px solid #aaaaaa;
    border-radius: 1em;
    margin-top: 8px;
    margin-bottom: 24px;
    padding-top: 15px;
    padding-bottom: 30px;
    padding: 1em 0.75em 2em 0.75em;
    text-align: center;
}

@media (min-width: 768px) {
    .app-connection {
        min-height: 30em;
    }
}

.app-connection .connect-btn-holder {
    margin: 10px 0;
}

    .app-connection .connect-btn-holder .rounded-button {
        display: inline-block;
        margin-left: 5px;
        padding-left: 1px;
    }

        .app-connection .connect-btn-holder .rounded-button .glyphicon {
            font-size: 1.1em;
            margin-top: 6px;
        }

            .app-connection .connect-btn-holder .rounded-button .glyphicon.connected-btn {
                display: none;
            }

    .app-connection .connect-btn-holder .connection-btn {
        line-height: 24px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0.8em;
    }

.app-connection img {
    border-radius: 10px;
}

.app-connection .app-store img {
    border-radius: 0;
}

.app-connection.connection-activated {
    border: 1px solid #00528a;
    position: relative;
}

    .app-connection.connection-activated .connect-btn-holder {
        display: table-cell;
    }

        .app-connection.connection-activated .connect-btn-holder .connect-icon {
            color: #009b48;
            font-size: 1.8em;
            display: inline-block;
            vertical-align: middle;
        }

        .app-connection.connection-activated .connect-btn-holder .glyphicon.connected-btn {
            display: block;
        }

        .app-connection.connection-activated .connect-btn-holder a {
            color: #525252;
        }

    .app-connection.connection-activated .connection-btn {
        display: none;
    }

    .app-connection.connection-activated .olh-activated-dropdown {
        position: absolute;
        top: 10px;
        right: 10px;
    }

        .app-connection.connection-activated .olh-activated-dropdown .olh-dropdown-btn {
            background: none;
            border: 0;
            font-size: 2em;
        }

        .app-connection.connection-activated .olh-activated-dropdown .dropdown-menu {
            left: inherit;
            right: 0;
        }

            .app-connection.connection-activated .olh-activated-dropdown .dropdown-menu > li > a {
                padding: 10px 20px;
            }

.app-connection .more-less {
    position: absolute;
    bottom: 5px;
}

    .app-connection .more-less .more-less-details {
        cursor: pointer;
        margin: 0;
        padding: 0;
    }

.app-connection .description {
    min-height: 68px;
}

.anchor-links {
    text-transform: uppercase;
}

    .anchor-links li {
        padding: 0 0.5em;
        display: inline-block;
    }

        .anchor-links li.fitness {
            border-right: 2px solid #CCCCCC;
        }

        .anchor-links li a {
            color: #525252;
        }

    .anchor-links.points {
        display: inline-block;
        font-size: 12px;
        margin-bottom: 7px;
    }

.more-less-details {
    color: #00528a;
}

.bio-devices-terms .terms-and-conditions {
    margin-top: 0;
}

.browse-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background-color: rgba(3, 121, 195, 0.7);
}

@media (max-width: 767px) {
    .browse-modal {
        margin-bottom: 100px;
    }
}

@media (max-width: 767px) {
    .browse-modal img.img-responsive {
        max-width: 50%;
        margin: 0 auto;
    }
}

.browse-modal .modal-body {
    padding: 30px 15px 30px 25px;
}

    .browse-modal .modal-body h2 {
        color: #0cc0de;
    }

    .browse-modal .modal-body .button-holder {
        margin-top: 25px;
    }

@media (min-width: 768px) {
    .browse-modal .modal-body .dev-modal-content {
        margin-top: 53px;
    }
}

.search-filter {
    height: auto;
    padding: 10px 12px 10px 35px;
    background: url(/Images/search-icon.png) no-repeat 2%;
    min-height: 54px;
    color: #525252;
}

.accordion-container {
    margin: 0 0 1em;
}

    .accordion-container h3 {
        position: relative;
        cursor: pointer;
        font-size: 1.1em;
        padding: 0 3px 8px 35px;
    }

        .accordion-container h3 .toggle-icon {
            position: absolute;
            left: 0;
            top: 0;
            width: 24px;
            height: 24px;
            border-radius: 3px;
            display: inline-block;
            font-size: 0.85em;
            padding: 0.2em;
            text-align: center;
        }

            .accordion-container h3 .toggle-icon .glyphicon {
                position: absolute;
                left: 6px;
                top: 5px;
            }

                .accordion-container h3 .toggle-icon .glyphicon.glyphicon-minus {
                    left: 7px;
                }

    .accordion-container .accordion-content {
        padding-left: 2.4em;
    }

.partners-section {
    border: 1px solid #CCCCCC;
}

    .partners-section .partner {
        padding: 1em;
        border: 1px solid #CCCCCC;
        text-align: center;
        margin: 1em 0;
        max-height: 140px;
    }

        .partners-section .partner img {
            max-width: 100%;
            border-radius: 10px;
            max-height: 100px;
        }

@media (max-width: 767px) {
    .partners-section .partner img {
        height: 77px;
    }
}

.partners-section .heading-partners {
    background: #00528a;
    padding: 1em;
    margin-bottom: 10px;
}

.partners-section .arrow-down {
    width: 0px;
    height: 0px;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #00528a;
    position: absolute;
    bottom: -12px;
    left: 50%;
    margin-left: -11px;
}

.clear-filter {
    position: absolute;
    width: 20px;
    height: 20px;
    color: #b01f58;
    z-index: 9;
    right: 27px;
    cursor: pointer;
    top: 20px;
}

.hidden-input {
    width: 0px;
    height: 0px;
    border: 0;
    box-shadow: 0 0 0;
    margin: 0;
    padding: 0;
}

.theme-background {
    color: #ffffff;
    margin-right: 10px;
    background: #ff8300;
}

    .theme-background .glyphicon-minus {
        margin-left: -2px;
    }

.ellips.active {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    margin: 0 auto;
    -webkit-line-clamp: 3;
    height: 60px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.slider-wrapper {
    padding: 1em 1.6em;
}

    .slider-wrapper .flexslider .flex-direction-nav a {
        width: 32px;
    }

    .slider-wrapper .flexslider .flex-direction-nav .flex-next {
        right: -38px;
        background: url(/Images/icrossing/arrow-right-sm.png) no-repeat -7px;
    }

        .slider-wrapper .flexslider .flex-direction-nav .flex-next:hover {
            background: #F5F5F5 url(/Images/icrossing/arrow-right-sm.png) no-repeat -7px;
        }

    .slider-wrapper .flexslider .flex-direction-nav .flex-prev {
        left: -38px;
    }

    .slider-wrapper .flexslider .app-connection {
        min-height: 476px;
        margin-top: 0;
    }

.devices-and-apps h3,
.devices-and-apps .anchor-links {
    margin: 15px 0 0 0;
}

.header-margin {
    margin: 40px 0;
}

.set-calorie .form-group {
    margin-bottom: 15px;
    display: block;
}

    .set-calorie .form-group.weight-label .field-validation-error {
        margin-left: 0;
    }

.set-calorie .control-label {
    color: #00528a;
    font-size: 0.83em;
}

.set-calorie h4 .text-bold {
    color: #215e39;
}

.set-calorie .weight-value {
    max-width: 120px;
}

.current-calorie-target {
    font-size: 3em;
}

#customCalorieTargetField .form-control {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.target-not-recommended {
    padding-left: 0.4em;
}

.calorie-target {
    padding: 20px;
}

    .calorie-target h2 {
        color: #215e39;
    }

    .calorie-target .btn {
        margin: 15px 0;
    }

.set-calorie-error {
    position: relative;
    display: inline-block;
}

    .set-calorie-error .field-validation-error {
        margin-left: -16px;
    }

.help-tabs > li:last-child {
    margin: 0;
    margin-right: 0;
    padding-top: 10px;
}

    .help-tabs > li:last-child .nutrition-menus {
        display: none;
    }

.device-video-small video {
    width: 100%;
}

.olh-device-tiles {
    margin-top: 1em;
}

.devices-and-apps .pagination {
    width: auto;
}

    .devices-and-apps .pagination > .pag_next > a, .devices-and-apps .pagination > .pag_prev > a, .devices-and-apps .pagination li:last-child > a > a, .devices-and-apps .pagination li:last-child > span > a {
        width: 35px;
        height: 35px;
        border-radius: 50%;
        border: 1px solid #CCCCCC;
        background: #f0f0f0;
        color: #555759;
        padding: 7px;
        margin: 0;
    }

        .devices-and-apps .pagination > .pag_next > a:hover, .devices-and-apps .pagination > .pag_prev > a:hover, .devices-and-apps .pagination li:last-child > a > a:hover, .devices-and-apps .pagination li:last-child > span > a:hover {
            background: none;
            border: 1px solid #525252;
        }

        .devices-and-apps .pagination > .pag_next > a:focus, .devices-and-apps .pagination > .pag_prev > a:focus, .devices-and-apps .pagination li:last-child > a > a:focus, .devices-and-apps .pagination li:last-child > span > a:focus {
            background: none;
            border: 1px solid #0897d6;
        }

        .devices-and-apps .pagination > .pag_next > a:hover, .devices-and-apps .pagination > .pag_next span:hover, .devices-and-apps .pagination > .pag_prev > a:hover, .devices-and-apps .pagination > .pag_prev span:hover, .devices-and-apps .pagination li:last-child > a > a:hover, .devices-and-apps .pagination li:last-child > a span:hover, .devices-and-apps .pagination li:last-child > span > a:hover, .devices-and-apps .pagination li:last-child > span span:hover {
            background: none;
        }

    .devices-and-apps .pagination .numeros a {
        background: none;
        border: 0;
        color: #00528a;
    }

        .devices-and-apps .pagination .numeros a:hover {
            background: none;
        }

.print-page {
    page-break-inside: avoid;
}

.reports-table {
    margin: 15px 0;
}

    .reports-table table {
        width: 100%;
        text-align: center;
        border: 1px solid #CCCCCC;
    }

        .reports-table table thead tr th {
            background: #00528a;
            color: #ffffff;
            padding: 1em 0;
            font-weight: normal;
            font-size: 1.1em;
            text-align: center;
            border: 1px solid #CCCCCC;
        }

        .reports-table table tbody tr td, .reports-table table tbody tr th {
            border: 1px solid #CCCCCC;
            text-align: center;
            padding: 1em 0;
        }

            .reports-table table tbody tr td .tick-mark {
                width: 25px;
                height: 25px;
                background: url(/Images/tick_mark.png) no-repeat;
                background-size: 100%;
                display: inline-block;
            }

    .reports-table.comparison-report table {
        border: 0;
    }

        .reports-table.comparison-report table > thead:first-child th:first-child {
            background: #215e39;
            text-align: left;
            width: 50%;
        }

        .reports-table.comparison-report table > thead:first-child th:nth-child(2) {
            background: #ff8300;
            width: 25%;
        }

        .reports-table.comparison-report table > thead:first-child th:last-child {
            background: #0cc0de;
            width: 25%;
        }

        .reports-table.comparison-report table > thead:first-child th:nth-child(2),
        .reports-table.comparison-report table > thead:first-child th:last-child {
            text-align: center;
        }

        .reports-table.comparison-report table tr.table-subheading td {
            text-transform: uppercase;
            text-align: left;
            padding: 0.5em 0.8em;
            background: #00528a;
            color: #ffffff;
        }

        .reports-table.comparison-report table thead tr th {
            padding: 1em 0.8em;
            border: 0;
            font-size: 1.2em;
        }

        .reports-table.comparison-report table tbody tr td {
            text-align: left;
            border: 0;
            border-bottom: 1px solid #aaaaaa;
            border-right: 1px solid #aaaaaa;
            padding: 0.8em;
        }

            .reports-table.comparison-report table tbody tr td:last-child {
                border-right: 0;
            }

        .reports-table.comparison-report table tbody tr.empty-row {
            background: #f3f3f3;
        }

        .reports-table.comparison-report table tbody tr font[size="5"] {
            font-size: 1.1em;
            font-weight: normal;
        }

        .reports-table.comparison-report table tfoot tr td {
            padding: 1em;
            background: #f3f3f3;
        }

.well-being-wrapper {
    padding-top: 20px;
}

    .well-being-wrapper .color-background {
        margin-bottom: 15px;
    }

    .well-being-wrapper .progress-bar-holder .vertical-progress {
        background: #d8d8d8;
        position: relative;
        min-height: 350px;
        width: 50px;
    }

        .well-being-wrapper .progress-bar-holder .vertical-progress .bar-progress {
            background: #0cc0de;
            position: absolute;
            bottom: 0;
            left: 0;
            height: 50%;
            width: 100%;
        }

            .well-being-wrapper .progress-bar-holder .vertical-progress .bar-progress .progress-value {
                color: #ffffff;
                padding: 0.5em 0 0 0;
                text-align: center;
            }

        .well-being-wrapper .progress-bar-holder .vertical-progress .high-progress, .well-being-wrapper .progress-bar-holder .vertical-progress .medium-progress, .well-being-wrapper .progress-bar-holder .vertical-progress .low-progress {
            position: absolute;
            left: 100%;
            bottom: 0;
            padding-left: 1em;
        }

        .well-being-wrapper .progress-bar-holder .vertical-progress .high-progress {
            bottom: 85%;
        }

        .well-being-wrapper .progress-bar-holder .vertical-progress .medium-progress {
            bottom: 50%;
        }

        .well-being-wrapper .progress-bar-holder .vertical-progress .low-progress {
            bottom: 15%;
        }

    .well-being-wrapper .progress-bar-holder .label-progress .label-span {
        width: 50px;
        text-align: center;
        display: inline-block;
    }

@media (max-width: 767px) {
    .rating-section {
        width: 35%;
        margin: 15px auto;
        padding-bottom: 50px;
    }
}

@media (max-width: 767px) {
    .rating-section .graph-desc {
        bottom: 0;
        left: 50%;
        margin-left: -25%;
        width: 49%;
    }
}

.report-wrapper .heading-blue {
    margin-top: 0;
}

    .report-wrapper .heading-blue h2 {
        color: #ffffff;
        font-size: 30px;
    }

.report-wrapper h4 {
    color: #525252;
    font-size: 18px;
}

.report-wrapper .color-background h4 {
    color: #ffffff;
    padding: 0 10px;
}

.report-wrapper .color-background + h4 {
    font-family: "Helvetica Neue LT W01_55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif;
    margin-top: 12px;
}

.report-wrapper .heading-theme-color {
    padding: 0;
}

.report-wrapper .rating-section .rating-graph .indicator,
.report-wrapper .bmi-rating .rating-graph .indicator {
    opacity: 1;
}

    .report-wrapper .rating-section .rating-graph .indicator p,
    .report-wrapper .bmi-rating .rating-graph .indicator p {
        color: #ffffff;
        line-height: 1;
        margin: 0;
    }

.report-wrapper .rating-section .graph-label,
.report-wrapper .bmi-rating .graph-label {
    color: #ffffff;
}

.report-wrapper .rating-section .graph-desc,
.report-wrapper .bmi-rating .graph-desc {
    max-height: 66px;
}

.certificate {
    background: #f2e8d6;
    width: 880px;
    height: auto;
    margin-top: 40px;
    padding: 35px;
    text-align: center;
    margin: 0 auto;
    font-family: Adobe Devanagari Bold;
    color: #304c57;
    text-transform: uppercase;
}

    .certificate .certificate-bar {
        width: 100%;
        height: 550px;
        margin: auto;
        padding: 0;
        text-align: center;
        border: 5px solid #005e96;
        border-collapse: collapse;
    }

        .certificate .certificate-bar table {
            width: 100%;
            text-align: center;
        }

            .certificate .certificate-bar table .logo {
                padding: 12px;
                text-align: left;
                margin-bottom: 80px;
            }

            .certificate .certificate-bar table .completion {
                font-size: 30px;
                font-weight: bold;
                letter-spacing: 2px;
                margin-bottom: 5px;
            }

            .certificate .certificate-bar table .certifies {
                font-size: 20px;
                letter-spacing: 4px;
                margin-bottom: 35px;
            }

            .certificate .certificate-bar table .certified-to {
                font-size: 25px;
                font-weight: bold;
                letter-spacing: 2px;
                margin-bottom: 5px;
            }

            .certificate .certificate-bar table .ha-complete {
                font-size: 20px;
                letter-spacing: 4px;
                margin-bottom: 20px;
            }

            .certificate .certificate-bar table .date-given {
                width: 70%;
                text-align: right;
            }

                .certificate .certificate-bar table .date-given .date-label {
                    font-size: 20px;
                }

                .certificate .certificate-bar table .date-given .date-applied {
                    font-size: 20px;
                    padding: 3px 10px;
                    border-bottom: 1px solid #304c57;
                }

            .certificate .certificate-bar table .ribbon {
                text-align: right;
                width: 30%;
            }

.lb-container {
    padding: 1em 2.8em;
    background: url(/Images/challenges/background.jpg) no-repeat;
    background-size: 100%;
}

    .lb-container .challenge-heading {
        color: #ffffff;
    }

.c-block {
    padding: 1em;
    background: #ffffff;
    opacity: 0.9;
    text-align: center;
    margin: 1em 0;
}

    .c-block .small-heading {
        color: #5a9140;
        text-transform: uppercase;
    }

    .c-block .you-status {
        margin: 0.8em 0;
    }

    .c-block .last-active {
        color: #3a3e7d;
        margin: 1em 0;
        text-align: center;
    }

.board-modal {
    padding: 2em 3em;
}

    .board-modal .desc-heading {
        color: #5a9140;
    }

    .board-modal .decimals {
        padding-left: 8%;
    }

        .board-modal .decimals .number .you {
            color: #2453bb;
            font-weight: bold;
        }

.profile-image {
    width: 110px;
    height: 110px;
    margin: 2em auto;
    border-radius: 50%;
    border: 2px solid #bababa;
    overflow: hidden;
}

.wrapper-slide {
    position: relative;
    padding: 3em 2.8em 3.5em 2.8em;
}

    .wrapper-slide .banner-bg {
        position: absolute;
        left: 0;
        top: 0;
    }

    .wrapper-slide .days-blast {
        padding-top: 10em;
    }

        .wrapper-slide .days-blast .progress {
            position: relative;
        }

            .wrapper-slide .days-blast .progress .day-left {
                position: absolute;
                width: 100%;
                text-align: center;
                color: #333;
                line-height: 38px;
            }

        .wrapper-slide .days-blast .progress-bar {
            line-height: 38px;
            background: #07a7e3;
        }

.thirty-days .c-block {
    padding-bottom: 3em;
    min-height: 342px;
}

.track-block {
    padding: 1em;
    background: #07a7e3;
    height: 200px;
    margin-bottom: 2em;
}

    .track-block .recommended {
        background: #65a244;
        padding: 0.4em 1em;
        font-size: 0.7em;
        position: absolute;
        left: 9px;
        top: 30px;
        text-transform: uppercase;
        color: #ffffff;
        z-index: 9;
        -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.09);
        -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.09);
        box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.09);
    }

        .track-block .recommended .border-shadow {
            border-bottom: 6px solid rgb(136, 130, 130);
            border-left: 6px solid #FFF;
            font-size: 0px;
            line-height: 0%;
            width: 0px;
            top: -6px;
            left: 0;
            position: absolute;
        }

    .track-block .track-heading {
        color: #ffffff;
        margin: 0;
        padding: 0;
    }

    .track-block .add-remove {
        white-space: nowrap;
        background: none;
        border: 0;
        margin: 0;
        padding: 0;
        font-size: 0.9em;
    }

        .track-block .add-remove:hover {
            color: #ffffff;
            text-decoration: underline;
        }

.content-wrap {
    padding: 0 2.8em;
}

    .content-wrap.top-space {
        padding-top: 2em;
    }

.track-logo {
    width: 75px;
    height: 75px;
    margin: 1.5em auto 1em auto;
}

.points-wrap {
    text-align: center;
}

    .points-wrap .points-button {
        border: 1px solid #ffffff;
        border-radius: 10px;
        padding: 4px 8px;
        display: inline-block;
        text-align: center;
        color: #ffffff;
    }

    .points-wrap .point-value {
        font-size: 2em;
        display: block;
        margin: 0 auto;
    }

    .points-wrap .point-label {
        font-size: 0.8em;
        display: block;
        margin: 0 auto;
    }

.challenge-desc {
    padding-top: 2em;
}

    .challenge-desc h3 {
        color: #5a9140;
    }

.challenges .flexslider .flex-prev {
    left: -33px;
}

.challenges .flexslider .flex-next {
    right: -33px;
}

.challenges .flexslider .flex-direction-nav a {
    margin: -48px 0 0;
    width: 36px;
}

.challenges-profile-and-tracker {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

    .challenges-profile-and-tracker > div {
        flex: 1 1 auto;
        max-width: 49%;
    }

        .challenges-profile-and-tracker > div .tracker-compact__tracker-input, .challenges-profile-and-tracker > div .challenges-profile {
            height: 100%;
        }

.challenges.challenges-connection .challenges-profile-and-tracker > div .tracker-compact__tracker-input, .challenges.challenges-connection .challenges-profile-and-tracker > div .challenges-profile {
    height: auto;
}

.blue-header {
    color: #00528a;
}

.challenge-slide .flex-control-nav {
    margin: 0;
    text-align: center;
}

    .challenge-slide .flex-control-nav li {
        display: inline-block;
    }

        .challenge-slide .flex-control-nav li a {
            padding: 5px 8px;
            margin: 0 2px;
            color: #7a7a7a;
        }

            .challenge-slide .flex-control-nav li a.flex-active {
                background: #fe9b40;
                color: #ffffff;
            }

.olh-content.challenges {
    min-width: 0;
}

    .olh-content.challenges.completed-challenges-dashboard {
        padding-top: 2em;
    }

.challenge-image-header {
    position: relative;
    margin-bottom: 2em;
    background-size: cover;
    background-position: center center;
    display: table;
    min-height: 200px;
    width: 100%;
}

    .challenge-image-header .challenge-image-header__content {
        width: 100%;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
        background: rgba(0, 82, 138, 0.75);
        background: linear-gradient(to right, rgba(0, 82, 138, 0.75), rgba(0, 82, 138, 0.85));
        color: #ffffff;
        padding: 4em 1em;
    }

@media (max-width: 767px) {
    .challenge-image-header .challenge-image-header__content {
        padding: 2em 0.5em 4em;
    }
}

.challenge-image-header .challenge-image-header__content > .incentives-indicator {
    right: 0;
    bottom: 0;
    top: auto;
}

.challenge-image-header .challenge-image-header__content .challenge-banner--header, .challenge-image-header .challenge-image-header__content .challenge-banner--sub-header {
    color: #ffffff;
}

@media (max-width: 767px) {
    .challenge-image-header .challenge-image-header__content .challenge-banner--header {
        margin-bottom: 1.5em;
        font-size: 2.5em;
    }
}

@media (max-width: 767px) {
    .challenge-image-header .challenge-image-header__content .challenge-banner--sub-header {
        font-size: 1.8em;
    }
}

.olh-breadcrumbs.challenge-breadcrumbs .olh-breadcrumbs-item * {
    vertical-align: middle;
}

@media (max-width: 767px) {
    .olh-breadcrumbs.challenge-breadcrumbs .olh-breadcrumbs-item * {
        vertical-align: top;
    }
}

.olh-breadcrumbs-item .olh-breadcrumbs-link {
    text-decoration: underline;
}

.olh-breadcrumbs-item[aria-current] .olh-breadcrumbs-link {
    text-decoration: none;
}

.expand-collapse-section {
    margin-top: 1em;
}

.expand-collapse-section__toggle {
    margin-bottom: 2em;
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    padding-left: 0;
}

@media (max-width: 767px) {
    .expand-collapse-section__toggle {
        text-align: center;
    }
}

.expand-collapse-section__toggle .icon {
    vertical-align: middle;
}

.expand-collapse-section__collapse-text {
    display: none;
}

.expand-collapse-section__expand-text {
    display: inline;
}

.expand-collapse-section__content {
    display: none;
}

.expand-collapse-section--open .expand-collapse-section__collapse-text {
    display: inline;
}

.expand-collapse-section--open .expand-collapse-section__expand-text {
    display: none;
}

.nav-tabs {
    padding: 0;
    margin-bottom: 0.92em;
    border-bottom: none;
}

    .nav-tabs > li {
        font-family: "Helvetica Neue LT W01_55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif;
        margin-right: 1.5em;
    }

        .nav-tabs > li > a {
            padding: 0.31em;
        }

        .nav-tabs > li.active > a {
            border: none;
            background: none;
            color: #00528a;
            font-weight: bold;
            border-bottom-color: #00528a;
            border-bottom-width: 0.13em;
            border-bottom-style: solid;
        }

            .nav-tabs > li.active > a:hover {
                background: none;
                border: none;
                border-bottom-color: #00528a;
                border-bottom-width: 0.13em;
                border-bottom-style: solid;
            }

            .nav-tabs > li.active > a:focus {
                border: 0.1em solid #0897D6;
                border-bottom-color: #00528a;
                border-bottom-width: 0.13em;
                color: #00528a;
                outline: inherit;
            }

        .nav-tabs > li > a {
            border: none;
            background: none;
            color: #646464;
            font-weight: normal;
        }

            .nav-tabs > li > a:hover {
                background: none;
            }

            .nav-tabs > li > a:focus {
                border: 0.1em solid #0897D6;
                outline: inherit;
                background: none;
            }

.olh-create-team--wrapper {
    border: 0.08em solid #d8d8d8;
}

.olh-create-team--search-form {
    position: relative;
    margin: 1em;
}

.olh-create-team--search-bar {
    display: block;
    width: 45%;
    padding: 0.5em;
    padding-left: 2.5em;
    background: #ffffff;
    font-size: 1.2em;
    color: #d8d8d8;
    width: 100%;
    border: 1px solid #525252;
    -webkit-border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -ms-border-radius: 0.2em;
    border-radius: 0.2em;
}

    .olh-create-team--search-bar:focus {
        color: #666666;
    }

.olh-create-team--search-button {
    position: absolute;
    left: 0.2em;
    top: 0.3em;
    font-size: 1.6em;
    background: none;
    border: 0;
    zoom: 1;
    filter: alpha(opacity=65);
    opacity: 0.65;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.olh-available-team--wrapper {
    max-height: 100vh;
    overflow: hidden;
    overflow-y: auto;
}

    .olh-available-team--wrapper ul li:not(.olh-no-available-team) {
        padding: 0.5em;
        border-top: 0.09em solid #d8d8d8;
        min-height: 4em;
    }

.olh-available-team-name--wrapper {
    width: 100%;
    position: relative;
}

    .olh-available-team-name--wrapper.join-section {
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

@media (max-width: 767px) {
    .olh-available-team-name--wrapper.join-section {
        display: block;
        line-height: 3;
    }
}

.olh-available-team-name--wrapper .team-motto-total-members {
    margin-left: 4.5em;
}

@media (max-width: 767px) {
    .olh-available-team-name--wrapper .team-motto-total-members {
        text-align: left;
    }
}

.olh-available-team-name--thumbnail {
    background: #00528a;
    color: #ffffff;
    padding: 0.6em;
    font-size: 1em;
    width: 2.2em;
    max-width: 2.2em;
    height: 2.2em;
    max-height: 2.2em;
    overflow: hidden;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    float: left;
}

.olh-available-team-name--thumbnail-team-chat {
    background: #215e39;
}

.olh-available-team-name--thumbnail.leaderboard-avatar {
    width: 2.5em;
    height: 2.5em;
    line-height: 0.65;
    padding: 0.8em;
    margin-right: 0.5em;
}

    .olh-available-team-name--thumbnail.leaderboard-avatar.pull-right {
        margin-right: 0;
        margin-left: 0.5em;
    }

.olh-available-team-name--thumbnail.challenge-progress-avatar {
    width: 4em;
    height: 4em;
    max-width: inherit;
    max-height: inherit;
    line-height: 2.8;
}

.olh-available-team-name--thumbnail.avatar-5 {
    width: 5em;
    height: 5em;
}

.olh-available-team-name--thumbnail.has-avatar {
    padding: 0;
}

    .olh-available-team-name--thumbnail.has-avatar img {
        width: 100%;
    }

.olh-available-team-name--thumbnail, .olh-available-team-name--spot-available, .olh-available-team-name--join-team {
    display: inline-block;
    vertical-align: middle;
}

.olh-available-team-name--spot-available {
    padding-right: 0.5em;
}

@media (max-width: 767px) {
    .olh-available-team-name--spot-available {
        display: block;
        line-height: 1;
        white-space: nowrap;
        text-align: center;
    }
}

.olh-available-team-name--profile-name p, .olh-available-team-name--team-chat p {
    font-size: 1.2em;
    color: #00528a;
    padding-left: 2.2em;
}

    .olh-available-team-name--profile-name p.team-name, .olh-available-team-name--team-chat p.team-name {
        max-width: 20em;
    }

.olh-available-team-name--profile-name .member-name, .olh-available-team-name--team-chat .member-name {
    color: #525252;
}

.olh-available-team-name--team-chat {
    padding-right: 5em;
}

    .olh-available-team-name--team-chat p {
        color: #ffffff;
        width: auto;
        line-height: 2;
        max-width: inherit;
        padding-right: 3em;
        min-width: 16em;
    }

.olh-available-team-name--team-content p {
    width: auto;
    max-width: inherit;
    font-size: 1em;
}

.olh-available-team-name--total-members {
    font-size: 0.85em;
}

    .olh-available-team-name--total-members p {
        padding-left: 2.5em;
    }

        .olh-available-team-name--total-members p.text-secondary {
            color: #525252;
        }

.olh-available-team--members {
    padding: 1em;
    border: 0.06em solid #aaaaaa;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -ms-border-radius: 0.5em;
    border-radius: 0.5em;
}

    .olh-available-team--members.leaderboard-members {
        margin: 0;
        padding: 0;
        border: 0;
    }

        .olh-available-team--members.leaderboard-members .olh-available-team-name--profile-name {
            padding: 0.3em 0 0.3em 3.2em;
        }

            .olh-available-team--members.leaderboard-members .olh-available-team-name--profile-name p {
                margin-left: 0;
                line-height: 1.6;
                max-width: inherit;
            }

        .olh-available-team--members.leaderboard-members .captain-indicator {
            left: 1.8em;
        }

    .olh-available-team--members.olh-available-team--wrapper {
        max-height: initial;
    }

@media (max-width: 767px) {
    .olh-available-team--members.olh-available-team--wrapper {
        width: 100%;
    }
}

.olh-available-team--members.olh-available-team--wrapper .olh-available-team-name--wrapper {
    margin-bottom: 0.3em;
}

.olh-available-team--members .olh-available-team-name--profile-name {
    padding: 0.6em 0;
}

    .olh-available-team--members .olh-available-team-name--profile-name p {
        color: #525252;
        font-size: 1em;
        padding-left: 3.2em;
        line-height: 1;
    }

.olh-available-team--members .captain-indicator {
    display: block;
    position: absolute;
    left: 1.6em;
    bottom: 0;
    cursor: pointer;
    top: 1em;
}

.captain-indicator {
    background: #ffffff;
    border: 1px solid #215e39;
    border-radius: 50%;
    display: inline-block;
    width: 20px;
    height: 20px;
    color: #215e39;
    text-align: center;
    line-height: 1.1;
}

.olh-no-available-team {
    padding: 0.5em;
    background: #fec456;
    min-height: inherit;
}

.total-team-members {
    font-size: 0.8em;
}

.goal-data-total {
    border-top: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
}

    .goal-data-total.border-trim-top {
        border-top: none;
    }

.team-avatar-wrapper {
    display: table;
}

    .team-avatar-wrapper .team-avatar {
        background: none;
        border: 0;
        max-width: 4.5em;
    }

        .team-avatar-wrapper .team-avatar img {
            width: 100%;
            border-radius: 50%;
        }

    .team-avatar-wrapper .team-avatar-width {
        background: none;
        border: 0;
        max-width: 5.5em;
    }

        .team-avatar-wrapper .team-avatar-width img {
            width: 100%;
            border-radius: 50%;
        }

    .team-avatar-wrapper .inner-cell {
        display: inline-block;
        margin: 0 1em 0 0;
        border-radius: 50%;
    }

    .team-avatar-wrapper .inner-cellbutton:focus {
        outline: 1px solid #0897D6;
        outline-offset: 0.25em;
    }

.olh-create-new-team {
    margin-bottom: 3em;
}

    .olh-create-new-team .relative-pos .field-validation-error {
        top: 5em;
    }

#editTeamNameModal .challenges-block-heading,
#editTeamNameModal .team-details-description {
    display: none;
}

#editTeamNameModal .close {
    color: initial;
}

#editTeamNameModal .modal-header {
    padding: 3em;
}

#editTeamNameModal .modal-body {
    padding: 0 3em 2em 3em;
}

#editTeamNameModal .button-wrapper {
    padding-top: 1em;
}

.invite-another-team-member .input-group {
    border-spacing: 0.5em;
    margin-left: -0.5em;
}

.olh-custom-modal.modal .modal-header .close {
    color: #525252;
}

@media (min-width: 568px) {
    .olh-custom-modal.modal .modal-footer .corp-cancel-confirm .pull-left {
        margin-left: 2.75em;
    }

    .olh-custom-modal.modal .modal-footer .corp-cancel-confirm .pull-right {
        margin-right: 2.75em;
    }
}

.tracker-device--holder {
    border: 1px solid #525252;
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: left;
    width: 70%;
    margin: 0.5em auto;
    background: none;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    -ms-border-radius: 0.4em;
    border-radius: 0.4em;
}

@media (max-width: 767px) {
    .tracker-device--holder {
        width: 100%;
    }
}

.tracker-device--holder.challenge-tracker-block {
    width: 100%;
}

    .tracker-device--holder.challenge-tracker-block .right-button {
        margin-left: auto;
    }

.tracker-device--holder .challenge-connect-device, .tracker-device--holder .manage-devices {
    text-decoration: underline;
    color: #525252;
}

    .tracker-device--holder .challenge-connect-device:hover, .tracker-device--holder .challenge-connect-device:active, .tracker-device--holder .challenge-connect-device:focus, .tracker-device--holder .challenge-connect-device:visited, .tracker-device--holder .manage-devices:hover, .tracker-device--holder .manage-devices:active, .tracker-device--holder .manage-devices:focus, .tracker-device--holder .manage-devices:visited {
        text-decoration: none;
    }

.tracker-device--logo {
    max-width: 4em;
    margin-right: 1em;
}

.successful-invites-detail .invite-sent {
    font-weight: normal;
    font-family: "Helvetica Neue LT W01_55 Roman", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.successful-invites-detail .invites-sent-emails li {
    padding: 0.6em 7em 0.6em 0.6em;
    background: #CCCCCC;
    margin-top: 1px;
    position: relative;
    word-break: break-all;
}

    .successful-invites-detail .invites-sent-emails li .action-button {
        color: #525252;
        position: absolute;
        right: 1em;
        display: block;
        top: 50%;
        margin-top: -0.7em;
    }

#team-members-modal .modal-dialog .modal-content {
    padding: 1em;
}

#team-members-modal #quitChallengeLeadershipConfirm {
    display: none;
}

#team-members-modal.quit-challenge-captain .transfer-leadership {
    display: inline-block;
    padding: 0;
    float: left;
    margin-left: 1em;
    margin-right: 0.5em;
}

#team-members-modal.quit-challenge-captain .total-team-members,
#team-members-modal.quit-challenge-captain #memberDetailsModalButton,
#team-members-modal.quit-challenge-captain .captain-wrapper {
    display: none;
}

#team-members-modal.quit-challenge-captain #quitChallengeLeadershipConfirm {
    display: inline-block;
}

#team-members-modal.quit-challenge-captain .olh-available-team--members .olh-available-team-name--profile-name p {
    padding-left: 4.2em;
}

.team-chat--wrapper {
    background: #ffffff;
    position: fixed;
    bottom: -150%;
    right: 2em;
    min-width: 22em;
    z-index: 11;
    -webkit-box-shadow: 0 -6px 8px -2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 -6px 8px -2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 -6px 8px -2px rgba(0, 0, 0, 0.5);
}

.team-chat--header {
    background: #00528a;
    padding: 0.5em;
    position: relative;
}

.team-chat--header-expand-collapse {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    color: #ffffff;
    background: none;
    border: 0;
    padding: 0 0.5em;
    font-size: 1.5em;
}

    .team-chat--header-expand-collapse .unread-message-count {
        display: inline-block;
        border-radius: 50%;
        background: #b71234;
        position: absolute;
        top: -0.6em;
        right: -0.6em;
        padding: 0.2em;
        font-size: 0.7em;
        min-width: 1.6em;
        display: none;
    }

.team-chat--body {
    padding: 0.5em;
}

    .team-chat--body .team-chat-messages {
        height: 12.5em;
        overflow-y: auto;
        position: relative;
    }

    .team-chat--body .olh-available-team-name--wrapper {
        padding: 0.2em 0.5em 0.2em 0;
        margin-bottom: 0.7em;
    }

        .team-chat--body .olh-available-team-name--wrapper:first-child {
            margin-top: 2em;
        }

        .team-chat--body .olh-available-team-name--wrapper .message-sent-time, .team-chat--body .olh-available-team-name--wrapper .team-chat-content {
            color: #525252;
        }

        .team-chat--body .olh-available-team-name--wrapper .message-sent-time {
            margin-left: 0.5em;
            margin-right: 2em;
        }

        .team-chat--body .olh-available-team-name--wrapper .current-actor .message-sent-time {
            margin-right: 0.5em;
        }

        .team-chat--body .olh-available-team-name--wrapper .current-actor .team-chat-content {
            padding-left: 0;
            padding-right: 3em;
        }

        .team-chat--body .olh-available-team-name--wrapper.sender-message {
            padding-right: 0.5em;
        }

            .team-chat--body .olh-available-team-name--wrapper.sender-message .message-sent-time {
                margin-right: 0.5em;
            }

        .team-chat--body .olh-available-team-name--wrapper .team-chat-content {
            width: auto;
            min-width: inherit;
            margin: 0;
            white-space: inherit;
            padding-left: 2.65em;
            overflow: visible;
            font-size: 1em;
            max-width: 20em;
        }

            .team-chat--body .olh-available-team-name--wrapper .team-chat-content.current-actor {
                padding-right: 2.5em;
            }

.team-chat--footer {
    padding: 0.5em;
}

h4.blue .info-popover {
    font-size: 0.8em;
    vertical-align: middle;
}

h4.blue .popover {
    font-size: 0.8em;
}

.hide-inner-element span {
    display: none;
}

.black {
    color: #000000;
}

.browse-file-section {
    position: relative;
    top: 3em;
    right: 2.5em;
}

.btn-browse {
    border: 0;
    background: transparent;
    color: #087D91;
    padding: 0 0.8em 0 0;
}

    .btn-browse:focus {
        border: 1px solid #087D91;
    }

.user-thumbnail {
    background: none;
    border: 0.1rem solid #087D91;
}

.modal.medium-modal-h {
    height: 440px;
}

.modal .modal-dialog {
    margin: 60px auto 0 auto;
    z-index: 1056;
}

@media (max-width: 767px) {
    .modal .modal-dialog {
        margin: 15px auto 0 auto;
    }
}

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

@media (max-width: 767px) {
    .modal .modal-dialog.modal-small {
        width: 100%;
    }
}

.modal .modal-dialog.modal-medium {
    width: 700px;
}

@media (max-width: 767px) {
    .modal .modal-dialog.modal-medium {
        width: 100%;
    }
}

.modal .modal-dialog.modal-semi-medium {
    width: 780px;
}

@media (max-width: 767px) {
    .modal .modal-dialog.modal-semi-medium {
        width: 100%;
    }
}

.modal .modal-dialog.modal-large {
    width: 1000px;
}

@media (max-width: 767px) {
    .modal .modal-dialog.modal-large {
        width: 100%;
    }
}

.modal .modal-dialog .modal-content {
    box-shadow: none;
    border: none;
}

    .modal .modal-dialog .modal-content .preventive-tracker-modal {
        overflow-y: scroll;
        height: 400px;
    }

    .modal .modal-dialog .modal-content .modal-header {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .modal .modal-dialog .modal-content .modal-body {
        max-height: 31em;
    }

@media (max-width: 767px) {
    .modal .modal-dialog .modal-content .modal-body {
        max-height: 22em;
    }
}

.modal .tracker-reminder {
    padding-top: 10%;
}

.modal .popover-sub-heading,
.modal .popover-heading {
    color: #525252;
}

.modal .popover-sub-heading {
    font-weight: bold;
    text-transform: uppercase;
}

    .modal .popover-sub-heading span {
        color: #6ba343;
    }

.modal .popover-heading {
    margin-bottom: 0.5em;
}

.modal .paragraph {
    font-size: 1em;
    margin-bottom: 15px;
}

.modal .modal-header {
    background: #00528a;
    color: #ffffff;
}

    .modal .modal-header .modal-title {
        display: inline-block;
    }

        .modal .modal-header .modal-title.block-element {
            display: block;
        }

    .modal .modal-header .close {
        color: #ffffff;
        opacity: 0.8;
    }

        .modal .modal-header .close:hover, .modal .modal-header .close:focus {
            opacity: 1;
            border: 1px solid #0897D6;
        }

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

    .modal .modal-content .modal-footer.text-center {
        text-align: center;
        padding-bottom: 3em;
    }

    .modal .modal-content .modal-footer.actions-align-center {
        text-align: center;
    }

.theme-modal .modal-header {
    color: #ffffff;
}

    .theme-modal .modal-header .close {
        color: #ffffff;
    }

.facebook-modal-body {
    overflow-y: hidden;
}

.lesson-page-body {
    height: 500px;
    overflow-y: scroll;
}

.facebook-modal-body {
    height: 135px;
    overflow-y: hidden;
}

.lesson-page-window {
    width: auto;
}

.continue-to-facebook {
    width: 600px;
}

.ui-dialog .dialog .mainModal {
    width: 673px !important; /* overridden the modal */
}

.cm-inner-container {
    border: 1px solid #CCC;
    margin: 0.5em 2%;
    width: 96%;
    padding: 0.5em 1em;
    background: #FBFBFB;
}

.popover {
    border: 1px solid #00528a;
    opacity: 1;
    font-size: 0.85em;
    border-radius: 20px;
    line-height: 1em;
    text-align: left;
    font-size: 1em;
    min-width: 40em;
    max-width: 20em;
}

    .popover .popover-title {
        font-size: 1em;
        font-weight: bold;
    }

    .popover .popover-content {
        color: #00528a;
    }

    .popover.top > .arrow {
        border-top-color: #00528a;
    }

    .popover.bottom > .arrow, .popover.request-a-call > .arrow {
        border-bottom-color: #00528a;
    }

    .popover.right > .arrow {
        border-right-color: #00528a;
    }

.custom-popover .popover {
    border-radius: 5px;
    min-width: 250px;
    max-width: 250px;
}

    .custom-popover .popover.left > .arrow {
        border-left-color: #00528a;
    }

.custom-popover .rounded-button-white .glyphicon-question-sign.custom {
    font-size: 29px;
}

.training-materials {
    margin-bottom: 25px;
}

    .training-materials .flexslider {
        min-height: 235px;
        float: left;
        width: 100%;
        margin-top: 5px;
    }

        .training-materials .flexslider .slides h4, .training-materials .flexslider .slides h3 {
            padding-bottom: 0.4em;
            padding-top: 0;
        }

        .training-materials .flexslider .flex-control-nav {
            width: 100%;
            position: absolute;
            bottom: -35px;
            text-align: center;
        }

            .training-materials .flexslider .flex-control-nav li {
                margin: 0 6px;
                display: inline-block;
                zoom: 1;
                *display: inline;
            }

        .training-materials .flexslider .flex-control-paging li a {
            width: 15px;
            height: 15px;
            display: block;
            border: 1px solid #999;
            cursor: pointer;
            text-indent: -9999px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            opacity: 0.6;
        }

            .training-materials .flexslider .flex-control-paging li a:hover {
                opacity: 0.8;
            }

            .training-materials .flexslider .flex-control-paging li a.flex-active {
                cursor: default;
                opacity: 1;
            }

        .training-materials .flexslider .flex-direction-nav .flex-next, .training-materials .flexslider .flex-direction-nav .flex-prev {
            top: 210px;
        }

.max-min-btn .custom-minimize-glyphicon {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(/Images/custom-minimize.png) no-repeat;
}

.left-content-section {
    padding-top: 100px;
    min-height: 410px;
}

.new-training-materials .modal-body {
    padding-top: 30px;
    padding-bottom: 30px;
}

.popover.request-a-call {
    border-radius: 5px;
}

.modal-body-content #ModuleIframe .assessmentFrame {
    height: 100% !important;
    min-height: 24em;
}

#assessment-completed-frame-body {
    background: white;
}

.olh-warning-message .modal-body {
    padding: 3em 2em;
}

.olh-warning-message .modal-title {
    padding: 1em 0;
    color: #00528a;
    display: inline-block;
}

button.olh-close {
    color: #525252;
    opacity: 0.5;
}

    button.olh-close:hover .icon-onlife-close-filled, button.olh-close:focus .icon-onlife-close-filled {
        display: none;
    }

    button.olh-close:hover .icon-onlife-close-o, button.olh-close:focus .icon-onlife-close-o {
        display: block;
        color: #525252;
    }

#profilePicUpload .modal-dialog .modal-footer {
    text-align: center;
}

.olh-custom-modal .modal-header {
    background: #ffffff;
    position: relative;
    border: 0;
}

    .olh-custom-modal .modal-header .modal-title {
        color: #00528a;
    }

        .olh-custom-modal .modal-header .modal-title .close {
            position: absolute;
            top: 1em;
            right: 1em;
            color: #525252;
            font-size: 0.8em;
        }

.olh-custom-modal .modal-content .modal-footer {
    border-top: 0;
    padding-bottom: 2em;
}

    .olh-custom-modal .modal-content .modal-footer .button-new {
        padding: 0 2em;
    }

    .olh-custom-modal .modal-content .modal-footer.actions-align-center {
        text-align: center;
    }

.alert-message-wrapper {
    padding: 0 1em;
}

.content-scroll-modal.modal .modal-dialog .modal-content .modal-body {
    overflow: hidden;
    max-height: inherit;
}

    .content-scroll-modal.modal .modal-dialog .modal-content .modal-body .modal-content-wrapper {
        padding: 2em;
        margin: 1em 2em;
        border: 1px solid #525252;
        max-height: 25em;
        overflow-y: scroll;
        margin-bottom: 1em;
    }

.confirmation-modal .modal-body {
    padding-top: 3em;
    text-align: center;
}

    .confirmation-modal .modal-body .modal-body-title {
        margin-bottom: 0;
    }

.confirmation-modal .modal-footer.text-center {
    text-align: center;
    padding-bottom: 3em;
}

.olh-error-wrapper {
    border: 0.1em solid #a6192e;
    color: #a6192e;
    background: #fffafc;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    -ms-border-radius: 0.4em;
    border-radius: 0.4em;
    margin-bottom: 1em;
    display: none;
    padding: 0.5em;
}

    .olh-error-wrapper ul {
        list-style-type: none;
    }

        .olh-error-wrapper ul li .field-validation-error span {
            display: list-item;
            list-style-type: disc;
        }

form .form-group .input-validation-error {
    border-color: #a6192e;
    margin-bottom: 0;
}

.progress-checkin .modal-body-title {
    margin: 0;
}

.progress-checkin #ModuleIframe {
    padding: 0;
}

    .progress-checkin #ModuleIframe .assessmentFrame {
        min-height: 27em;
    }

.progress-checkin .modal-body {
    padding: 0;
    overflow-x: hidden;
}

@media screen and (max-width: 568px) {
    .modal .modal-dialog .modal-content {
        max-width: 100vw;
    }
}

.table-layout table {
    width: 100%;
    float: left;
    margin: 0 0 2em;
}

    .table-layout table thead th {
        padding: 0.35em 0 0.35em;
        text-align: center;
        text-align: center\9; /* IE9 and below */
        font-size: 1em;
        font-weight: bold;
        text-transform: uppercase;
    }

    .table-layout table tbody tr:nth-of-type(odd) {
        background: #F9F9F9;
    }

    .table-layout table tbody tr td {
        padding: 0.3em 1em;
        text-align: center;
    }

@media (max-width: 767px) {
    .table-layout table tbody tr td {
        text-align: left;
    }
}

.table-layout table tbody tr td a {
    text-decoration: none;
    display: inline-block;
    margin: 0 0.5em 0 0;
}

    .table-layout table tbody tr td a:hover, .table-layout table tbody tr td a:active, .table-layout table tbody tr td a:focus {
        border: none;
    }

.table-layout .responsive-tables thead tr th {
    padding: 0.6em 0 0.6em 0;
    text-align: center;
}

@media (max-width: 767px) {
    .table-layout .responsive-tables thead tr th {
        text-align: left;
        font-weight: normal;
    }
}

.table-layout .responsive-tables thead tr th:nth-child(2) {
    text-align: center;
}

@media (max-width: 767px) {
    .table-layout .responsive-tables thead tr th:nth-child(2) {
        text-align: left;
        font-weight: normal;
    }
}

.table-layout .responsive-tables tbody tr > td:first-child {
    padding: 0.6em 1em 0.6em 1em;
}

.table-layout .responsive-tables tbody tr > td:nth-child(2) {
    text-align: center;
}

.form-control:focus,
*:focus, a:focus,
.dropdown-menu:focus,
.dropdown-toggle:focus,
.btn-link:focus {
    -webkit-box-shadow: 0 0 5px rgb(81, 203, 238) rgb(223, 223, 223);
    -moz-box-shadow: 0 0 5px rgb(81, 203, 238) rgb(223, 223, 223);
    box-shadow: 0 0 5px rgb(81, 203, 238) rgb(223, 223, 223);
    border: 1px solid #0897D6;
    outline: inherit;
}

.btn-group .dropdown-menu:focus,
.btn-group .dropdown-toggle:focus {
    text-decoration: none;
    outline: 1px solid #0897D6;
    outline-offset: 0.25em;
}

.olh-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.olh-sr-only--focusable:focus, .olh-sr-only--focusable:active {
    width: auto;
    height: auto;
    margin: 0;
    overflow: auto;
    clip: auto;
    display: inline-block;
    background: #ffffcc;
    color: #000000;
    padding: 1em;
    border: 1px solid #0897D6;
    z-index: 99;
}

.olh-unordered-list li {
    display: inline-block;
    margin-right: 0.5em;
}

.terms-conditions {
    border-top: 1px solid #CCCCCC;
    padding-top: 2em;
    margin-top: 2em;
    padding-bottom: 2em;
}

.terms-conditions__error {
    display: none;
    background-color: #fffafc;
    color: #a6192e;
    border: 2px solid #a6192e;
    border-radius: 0.3em;
    padding: 1em;
    margin-bottom: 2em;
    text-align: left;
    width: 100%;
}

    .terms-conditions__error i {
        float: left;
        border: 2px solid #a6192e;
        border-radius: 45em;
        margin: 0 0.6em 0 0;
        text-align: center;
        display: flex;
        height: 1.5em;
        width: 1.5em;
        align-items: center;
        justify-content: center;
    }

.terms-conditions__container {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .terms-conditions__container .error {
        color: #a6192e;
    }

        .terms-conditions__container .error input {
            border-color: #a6192e;
        }

    .terms-conditions__container .required {
        color: #a6192e;
        font-size: 1.3em;
        font-weight: 900;
        margin-right: 0.2em;
    }

    .terms-conditions__container .initials {
        width: 3.5em;
        height: 2.5em;
        margin-left: 0.5em;
        border-radius: 0.2em;
        border: 1px solid #CCCCCC;
    }

.terms-conditions__footer {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-top: 1em;
}

.terms-conditions2 {
    padding-top: 2em;
    margin-top: 2em;
    padding-bottom: 2em;
}

.vertical-bar {
    width: 0.1em;
    height: 2em;
    border-right: 2px solid #CCCCCC;
    padding-left: 1em;
    margin-right: 1.5em;
    margin-top: auto;
    margin-bottom: auto;
}

@media screen and (max-width: 568px) {
    .vertical-bar {
        border: 0px;
        height: 0.8em;
    }

    .terms-conditions__container {
        flex-direction: column;
    }

        .terms-conditions__container input.initials {
            display: block;
            margin: 0.6em auto 0;
        }

    .terms-conditions__footer {
        flex-direction: column;
    }

        .terms-conditions__footer button {
            width: 100%;
            margin-bottom: 0.6em;
        }
}

#container-course .fitness-enroll {
    display: inline-block;
    margin: 1em 0;
    text-decoration: none;
    border: 1px solid #00528a;
    color: #00528a;
    padding: 0.5em 1.5em;
    border-radius: 2em;
}

    #container-course .fitness-enroll span {
        margin-left: 0.3em;
    }

        #container-course .fitness-enroll span i {
            font-size: 0.7em;
        }

.email-backdrop.modal-backdrop {
    top: 5.5em;
}

#emailVerificationModal.verification-modal {
    background: #ffffff;
    top: 5.4em;
}

@media (max-width: 425px) {
    #emailVerificationModal.verification-modal {
        top: 4.4em;
    }
}

@media (max-width: 992px) {
    #emailVerificationModal.verification-modal .main-content-pad {
        padding: 0 1.33rem;
    }
}

#emailVerificationModal.verification-modal .modal-dialog {
    margin: auto;
    padding: 0;
    max-width: 112.5rem;
}

@media (max-width: 425px) {
    #emailVerificationModal.verification-modal .modal-dialog {
        border-top: 0.1em solid #aaaaaa;
    }
}

#emailVerificationModal.verification-modal .modal-dialog .modal-content {
    padding: 0em;
}

#emailVerificationModal:focus {
    border: 0;
}

#emailVerificationModal .modal-dialog {
    width: 100vw;
    margin: 2em auto;
}

    #emailVerificationModal .modal-dialog .modal-content {
        padding: 1em;
    }

        #emailVerificationModal .modal-dialog .modal-content .modal-body {
            max-height: max-content;
            padding: 0;
        }

.verified-icon, .notverified-btn {
    display: inline-block;
    margin: -0.3em 0 0;
}

.verification-container {
    display: flex;
    justify-content: center;
    height: 100%;
    min-height: calc(100vh - 5.4em);
    padding-top: 1em;
    align-items: center;
}

@media (max-width: 425px) {
    .verification-container {
        min-height: calc(100vh - 4.4em);
    }
}

@media (max-width: 768px) {
    .verification-container {
        flex-direction: column;
    }
}

.verification-container h3 {
    font-size: 2.25em;
    margin-bottom: 0;
    color: #181F27;
    font-weight: 600;
}

.verification-container p {
    margin-bottom: 0;
    color: #252D37;
}

.verification-container a.disabled:hover, .verification-container a.disabled:active, .verification-container a.disabled:focus {
    opacity: 0.5;
}

.verification-container .back-button {
    align-self: flex-start;
}

@media (max-width: 768px) {
    .verification-container .back-button {
        margin-bottom: 1em;
        width: 100%;
    }
}

.verification-container .back-button button {
    display: flex;
}

@media (max-width: 568px) {
    .verification-container .back-button button {
        width: 100%;
        justify-content: center;
    }
}

.verification-container .back-button i {
    display: block;
    margin-top: 0.2em;
}

    .verification-container .back-button i::before {
        padding-right: 0.5em;
    }

.verification-container .error-message {
    color: #720013;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.2em;
    margin-top: 0.2em;
    justify-content: center;
}

    .verification-container .error-message i {
        display: flex;
    }

.verification-container .mt-1 {
    margin-top: 1em;
}

.verification-container .success-message {
    color: #215e39;
    font-weight: 600;
}

.verification-content {
    align-items: center;
    background: white;
    margin: 0 auto 1em;
    min-width: 50%;
    max-width: 80%;
    text-align: center;
    border-radius: 0.2em;
    box-shadow: 0 0.01em 1.09em 0.09em rgba(24, 39, 75, 0.0784313725);
    align-content: center;
}

@media (max-width: 768px) {
    .verification-content {
        min-width: 100%;
        max-width: 100%;
    }
}

.verification-content .brand-link {
    text-decoration: none;
    color: #003564;
}

    .verification-content .brand-link a {
        color: #003564;
    }

.verification-content .contact-info {
    margin-top: 1rem;
    max-width: 34em;
    align-self: center;
}

.verification-details {
    display: flex;
    flex-direction: column;
    row-gap: 2.5em;
    align-items: center;
    padding: 2.5em 5em;
}

@media (max-width: 568px) {
    .verification-details {
        padding: 1em;
    }
}

.verification-details img {
    width: 22em;
}

.verification-details.verification-options {
    padding: 2.5em 2em;
}

@media (max-width: 568px) {
    .verification-details.verification-options {
        padding: 1em;
    }
}

.verification-details.verification-options .resend-email__container {
    width: 100%;
}

.verification-code {
    border: 0.1em solid #1E75F8;
    border-radius: 0.8em;
    color: #181F27;
    font-size: 1.5em;
    font-weight: 700;
    height: 3.5em;
    width: 3em;
    text-align: center;
}

    .verification-code.error {
        color: #000000;
        background: #F8D6D4;
        border-color: #580011;
    }

@media (max-width: 992px) {
    .verification-code {
        width: 2.85em;
    }
}

@media (max-width: 768px) {
    .verification-code {
        width: 2.7em;
    }
}

@media (max-width: 568px) {
    .verification-code {
        width: 2.2em;
        font-size: 1.375em;
    }
}

.verification-code-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.8em;
}

@media (max-width: 768px) {
    .verification-code-container {
        gap: 0.5em;
    }
}

@media (max-width: 568px) {
    .verification-code-container {
        gap: 0.2em;
    }
}

.verification-footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 1em;
    width: 80%;
    margin: 0 auto;
}

    .verification-footer button {
        padding: 0.486em;
        max-width: 21.875em;
        width: 21.875em;
    }

@media (max-width: 425px) {
    .verification-footer button {
        max-width: 100%;
        width: 100%;
    }
}

.verification-footer.otp-footer {
    width: 90%;
}

    .verification-footer.otp-footer button {
        max-width: 100%;
        width: 100%;
    }

@media (min-width: 768px) {
    #verificationStep3 img {
        max-height: 25em;
    }

    #verificationStep3 .verification-footer {
        max-width: 50%;
    }
}

.resend-email__content {
    display: flex;
    padding: 0.7em 1em;
    text-align: left;
    border: 0.01em solid #D5D7DA;
    border-radius: 0.75em;
    margin: 1em 0em;
    justify-content: space-between;
}

    .resend-email__content span {
        color: #252D37;
        font-size: 1em;
        font-weight: 700;
        max-width: 1em;
        width: 1em;
        text-align: center;
    }

    .resend-email__content img {
        max-width: 1em;
        max-height: 1em;
        width: 1em;
        margin: 0.3em 0.5em 0 0;
    }

@media (max-width: 568px) {
    .resend-email__content img {
        display: none;
    }
}

.resend-email__content .save-email {
    padding: 0.58em 1em;
}

@media (max-width: 425px) {
    .resend-email__content .save-email {
        width: 100%;
    }
}

.resend-email__content .edit-email {
    flex: 1;
}

    .resend-email__content .edit-email .error-message {
        justify-content: flex-start;
    }

.resend-email__content .edit-email__container {
    font-size: 0.875em;
    display: flex;
    margin-top: 0.6em;
    gap: 0.3em;
}

    .resend-email__content .edit-email__container span {
        font-size: 1em;
    }

.resend-email__content .edit-email-address {
    padding: 1.27em 1em;
}

    .resend-email__content .edit-email-address.error {
        color: #000000;
        background: #F8D6D4;
        border-color: #580011;
        margin: 0;
    }

    .resend-email__content .edit-email-address:focus {
        outline: 0.1em solid;
    }

.resend-email__details {
    flex-grow: 1;
}

    .resend-email__details .edit-email-section, .resend-email__details .save-email-section {
        display: flex;
        justify-content: space-between;
        column-gap: 0.5em;
        margin: 0 0 0 0.4em;
    }

    .resend-email__details .save-email-section {
        flex-direction: column;
    }

@media (max-width: 568px) {
    .resend-email__details .save-email-section .edit-email__container {
        flex-direction: column;
    }
}

@media (max-width: 812px) {
    .resend-email__details {
        flex-direction: column;
        justify-content: unset;
        align-items: flex-start;
        row-gap: 0.6em;
        align-items: flex-start !important;
    }
}

.resend-email__details.align-item-end {
    align-items: flex-end;
}

.resend-email__description {
    flex: 1;
}

@media (max-width: 812px) {
    .resend-email__description {
        width: 100%;
    }
}

.resend-email__description div:nth-child(1) {
    margin-bottom: 0.25em;
}

.resend-email__description div:nth-child(1), .resend-email__description .resend-edit {
    font-weight: 600;
    font-size: 1em;
    color: #252D37;
}

.resend-email__description .email-text {
    padding-right: 0.9em;
    word-break: break-all;
}

@media (max-width: 425px) {
    .resend-email__description .email-text {
        word-break: break-all;
    }
}

.resend-email__edit div {
    padding: 0.713em 1.008em;
    border: 0.01em solid #D5D7DA;
    border-radius: 0.375em;
    display: flex;
    color: #181F27;
    font-weight: 600;
}

@media (max-width: 812px) {
    .resend-email__edit div {
        width: 100%;
        justify-content: center;
        padding: 0.8em;
    }
}

.resend-email__edit div.hide {
    display: none;
}

.resend-email__edit img {
    width: 0.69875em;
    height: 0.69875em;
    margin-top: 0.32em;
}

@media (max-width: 568px) {
    .resend-email__edit img {
        display: block;
    }
}

.email-placeholder {
    word-break: break-all;
}

.form-title {
    font-size: 2.5rem;
    font-weight: 600;
    margin-bottom: 0.625rem;
}

.form-subtitle {
    color: #555;
    margin-bottom: 1.5625rem;
}

.sms-form-control {
    padding: 0.75rem;
    font-size: 1rem;
}

textarea.sms-form-control {
    font-size: 0.9rem;
    color: #555;
    height: 6.25rem;
    text-align: left;
    min-height: 110px;
    text-align: left;
}

.form-check-label {
    margin-bottom: 0px;
}

.smsNextBtn {
    width: 375px;
    height: 44px;
    border-radius: 25px;
    border: none;
    cursor: pointer;
    font-size: 1.8rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 30px 11px 30px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    color: #ffffff;
}

    .smsNextBtn:active, .smsNextBtn:focus, .smsNextBtn:active:focus {
        outline: none !important;
        box-shadow: none !important;
    }

.form-step-container {
    width: 327px;
    max-width: 100%;
    height: auto;
    min-height: 28px;
    position: relative;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin-top: 12px;
    flex-shrink: 0;
}

.form-step {
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    color: #333333;
}

.container.navbar-fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 2rem;
    margin: 0;
    background: #ffffff;
    z-index: 1000;
}

    .container.navbar-fixed-bottom .center-block {
        width: 375px !important;
        max-width: 100% !important;
        position: relative !important;
        left: auto !important;
        transform: none !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        padding: 0;
        margin: 2rem 0;
        float: none !important;
    }

.preferences-inputtext.form-control {
    font-size: 1.19rem !important;
    border-radius: 7px !important;
}

.subtitle-font {
    font-size: 1.23rem !important;
}

.smsNextBtn:disabled,
.smsNextBtn:disabled:hover,
.smsNextBtn:disabled:focus,
.smsNextBtn:disabled:active {
    background: rgba(0, 0, 0, 0.17) !important;
    color: #ffffff !important;
    cursor: not-allowed;
    opacity: 1;
    border-color: #ffffff;
}

.subtext-style {
    padding: 0.375em 0.375em 0.375em 0;
    font-size: 1.5rem !important;
}

.ep-text-container {
    border: 0.01em solid grey;
    display: flex;
    padding: 1rem;
    background-color: #eee;
    border-radius: 1rem;
}

.preferences-textbox {
    padding: 0.5rem;
    border: none;
    box-shadow: none;
    font-size: 1.19rem !important;
}

@media (max-width: 992px) {
    .form-step-container {
        width: 100%;
        max-width: 327px;
        padding: 0 16px;
        margin-top: 16px;
    }

    .form-step {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }

    .smsNextBtn {
        width: 100%;
        max-width: 375px;
    }
}

@media (max-width: 768px) {
    .form-step-container {
        width: 100%;
        max-width: 327px;
        padding: 0 12px;
        margin-top: 16px;
    }

    .form-step {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }

    .smsNextBtn {
        height: 42px;
        padding: 12px 24px 10px 24px;
        font-size: 1.8rem;
    }
}

@media (max-width: 480px) {
    .form-step-container {
        width: 100%;
        max-width: 327px;
        padding: 0 10px;
        margin-top: 10px;
    }

    .form-step {
        font-size: 1rem;
        line-height: 1rem;
    }

    .smsNextBtn {
        width: 100%;
        height: 40px;
        padding: 11px 20px 9px 20px;
        font-size: 1.8rem;
        border-radius: 20px;
    }
}

.checkbox-container {
    display: flex;
    align-items: end;
    gap: 0.6rem;
}

    .checkbox-container input {
        margin-top: 0.13em;
        font-size: 2rem;
        width: 1em;
        height: 0.7em;
        accent-color: var(--token-primary, #0052cc);
    }

        .checkbox-container input[type=checkbox] {
            margin: 0.13em 0em 0.13em 0.13em;
        }

.header {
    width: 100%;
    box-sizing: border-box;
}

.header-logo {
    display: flex;
    justify-content: flex-end;
}

.container.mtc-30.full-width {
    padding-bottom: 150px;
}

.coach-welcome-screen-widget__row:first-child {
    width: 100% !important;
    padding-top: 16px !important;
    padding-right: 24px !important;
    padding-bottom: 16px !important;
    padding-left: 24px !important;
    gap: 12px !important;
    opacity: 1 !important;
    transform: rotate(0deg) !important;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    box-sizing: border-box !important;
    flex-flow: row;
}

.brand-logo {
    max-height: 75px;
    display: inline-flex;
}

#back-btn {
    width: 31px !important;
    height: 16px !important;
    opacity: 1 !important;
    transform: rotate(0deg) !important;
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    display: inline-flex !important;
    align-self: flex-start;
    font-family: inherit !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0% !important;
    text-decoration: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

    #back-btn:hover, #back-btn:focus {
        text-decoration: none !important;
        background: transparent !important;
    }

    #back-btn .icon.icon-onlife-chevron-left {
        width: 16px !important;
        height: 20px !important;
        opacity: 1 !important;
        transform: rotate(0deg) !important;
        background: transparent !important;
        display: inline-block !important;
        vertical-align: middle !important;
        font-size: 16px !important;
        line-height: 16px !important;
        box-sizing: border-box !important;
    }

        #back-btn .icon.icon-onlife-chevron-left::before {
            display: block !important;
            width: 100% !important;
            height: 100% !important;
            line-height: 16px !important;
            text-align: center !important;
        }

    #back-btn span {
        background: transparent !important;
        font-weight: 500 !important;
        font-size: 16px !important;
        line-height: 20px !important;
        letter-spacing: 0% !important;
    }

.welcome-screen-widget__coaching-explanation {
    max-width: 900px;
    width: 100%;
    min-height: 120px;
    height: 120px;
    gap: 10px;
    border-radius: 12px;
    padding-top: 16px;
    padding-right: 35px;
    padding-bottom: 16px;
    padding-left: 16px;
    background: var(--Colors-Card-Secondary-Default, #F7F7F7);
    box-shadow: 0px 0px 0px 0px rgba(26, 26, 26, 0), 0px 1px 0px 0px var(--ColorsBorderDefault) inset, 0px -1px 0px 0px var(--ColorsBorderDefault) inset, 1px 0px 0px 0px var(--ColorsBorderDefault) inset, -1px 0px 0px 0px var(--ColorsBorderDefault) inset;
    margin-bottom: 1.2rem;
    margin-left: 3rem;
    margin-right: auto;
    line-height: 1.5;
    color: #666666;
    font-size: 1rem;
    overflow-y: auto;
    overflow-x: hidden;
    text-align: left;
    box-sizing: border-box;
}

    .welcome-screen-widget__coaching-explanation::-webkit-scrollbar {
        width: 10px;
    }

    .welcome-screen-widget__coaching-explanation::-webkit-scrollbar-track {
        background: linear-gradient(180deg, #F8F8F8 0%, #FAFAFA 51.04%, #FAFAFA 100%);
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border: 1px solid var(--Colors-Border-Secondary, #EBEBEB);
        box-sizing: border-box;
    }

    .welcome-screen-widget__coaching-explanation::-webkit-scrollbar-thumb {
        background: var(--Colors-Fill-Tertiary-Default, #E3E3E3);
        border-radius: 4px;
        border: none;
        min-height: 56px;
        margin-left: 5px;
        margin-right: 5px;
        width: 9px;
    }

        .welcome-screen-widget__coaching-explanation::-webkit-scrollbar-thumb:hover {
            background: var(--Colors-Fill-Tertiary-Default, #E3E3E3);
        }

    .welcome-screen-widget__coaching-explanation::-webkit-scrollbar-button {
        display: none;
    }

    .welcome-screen-widget__coaching-explanation::-webkit-scrollbar-corner {
        background: transparent;
    }

    .welcome-screen-widget__coaching-explanation p {
        margin-bottom: 0.8rem !important;
        font-family: inherit;
        font-weight: 400;
        font-style: normal;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0%;
        vertical-align: middle;
    }

@media (max-width: 992px) {
    .welcome-screen-widget__coaching-explanation {
        padding-right: 16px;
        padding-left: 16px;
    }
}

@media (max-width: 768px) {
    .welcome-screen-widget__coaching-explanation {
        padding-right: 16px;
        padding-left: 16px;
        min-height: 100px;
        height: auto;
        max-height: 200px;
    }
}

@media (max-width: 480px) {
    .welcome-screen-widget__coaching-explanation {
        padding-right: 12px;
        padding-left: 12px;
        border-radius: 8px;
    }
}

.coaching-primary-btn.btn-primary {
    border-radius: 25px !important;
    padding: 12px 30px !important;
    margin-bottom: 10px !important;
    width: 250px !important;
    transition: all 0.3s ease;
}

    .coaching-primary-btn.btn-primary:disabled {
        background-color: #CCCCCC !important;
        border-color: #CCCCCC !important;
        color: #ffffff !important;
        cursor: not-allowed !important;
        opacity: 1 !important;
    }

.step-1-buttons-row .welcome-screen-widget__assessment-button:disabled,
.step-2-buttons-row .welcome-screen-widget__assessment-button:disabled,
.step-3-buttons-row .welcome-screen-widget__assessment-button:disabled {
    background-color: #CCCCCC !important;
    border-color: #CCCCCC !important;
    color: #ffffff !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}

.coaching-checkbox-container {
    border: none !important;
    box-shadow: none !important;
}

    .coaching-checkbox-container.form-group {
        margin-bottom: 50px !important;
        margin-left: auto;
        margin-right: auto;
        width: 289px;
        height: 28px;
        opacity: 1;
    }

    .coaching-checkbox-container .checkbox {
        border: none !important;
        padding: 15px !important;
        margin: 10px 0 !important;
        box-shadow: none !important;
        display: flex;
        align-items: center;
        gap: 8px;
    }

        .coaching-checkbox-container .checkbox input {
            border: 0.66px solid #8a8a8a !important;
            background: #ffffff !important;
            background-color: #ffffff !important;
            border-radius: 0 !important;
            accent-color: var(--token-primary, #0052cc);
        }

        .coaching-checkbox-container .checkbox label {
            border: none !important;
            background: transparent !important;
            background-color: transparent !important;
            font-family: inherit;
            font-weight: 400;
            font-style: normal;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0px;
            color: #333333 !important;
            margin-left: 3px !important;
            width: auto;
            min-width: 265px;
            height: 28px;
            opacity: 1;
            padding-top: 4px;
            padding-bottom: 4px;
            white-space: nowrap;
        }

input#accept-coaching-terms {
    margin-top: 5px;
    margin-left: 0px;
    border: 0.66px solid #8a8a8a !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
}

.step-content.step-1 .welcome-screen-widget__verbiage {
    min-height: 10em;
}

.welcome-screen-widget__verbiage h2 {
    font-size: 2.5rem;
    font-weight: bold;
}

.welcome-screen-widget__verbiage p {
    font-size: 1.5rem;
    margin: 0;
}

.coaching-verbiage h2 {
    font-size: 2.5rem;
    font-weight: bold;
}

.coaching-verbiage p {
    font-size: 1.5rem;
    margin: 0;
}

.welcome-screen-widget__coaching-options {
    margin-bottom: 3rem;
}

.welcome-screen-widget__option-item {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    margin-bottom: 1rem;
    background: #ffffff;
    border: 2px solid #EEEEEE;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .welcome-screen-widget__option-item:hover {
        border-color: #0052cc;
        background-color: #D3F4F9;
    }

    .welcome-screen-widget__option-item.selected {
        border-color: #0052cc;
        background-color: #D3F4F9;
    }

.welcome-screen-widget__option-radio {
    width: 20px;
    height: 20px;
    margin-right: 1rem;
    accent-color: var(--token-primary, #0052cc);
}

.welcome-screen-widget__option-icon {
    width: 48px;
    height: 48px;
    margin-right: 1rem;
    color: #666666;
    flex-shrink: 0;
}

.welcome-screen-widget__option-content {
    flex: 1;
}

.welcome-screen-widget__option-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333333;
    margin-bottom: 0.25rem;
}

.welcome-screen-widget__option-description {
    font-size: 0.9rem;
    color: #666666;
    line-height: 1.4;
}

.step-content.step-2 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    .step-content.step-2 .coaching-options {
        margin-bottom: 24px;
        max-width: 500px;
        width: 100%;
        min-height: 286px;
        opacity: 1;
        transform: rotate(0deg);
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin: 0 auto;
    }

    .step-content.step-2 .welcome-screen-widget__nav-buttons + .welcome-screen-widget__nav-buttons {
        margin-top: 12px;
    }

    .step-content.step-2 .coaching-verbiage {
        margin-bottom: 30px;
        text-align: left;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        min-height: 0; /* allow flex shrink for long text */
    }

        .step-content.step-2 .coaching-verbiage h2 {
            max-width: 500px;
            min-height: 40px;
            opacity: 1;
            transform: rotate(0deg);
            font-weight: 700;
            font-style: normal;
            font-size: 32px;
            line-height: 1.25;
            letter-spacing: -0.3px;
            vertical-align: middle;
            color: #333333;
            margin: 0 0 16px 0;
            padding: 0;
            text-align: left;
            word-wrap: break-word;
        }

        .step-content.step-2 .coaching-verbiage p {
            max-width: 500px;
            opacity: 1;
            transform: rotate(0deg);
            font-family: inherit;
            font-weight: 400;
            font-style: normal;
            font-size: 18px;
            line-height: 28px;
            letter-spacing: 0%;
            text-align: left;
            vertical-align: middle;
            color: #848484;
            margin: 0;
            padding: 0;
            word-wrap: break-word;
        }

    .step-content.step-2 .coaching-option-radio {
        width: 20px;
        height: 20px;
        margin-right: 1rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 50%;
        border: 2px solid #8a8a8a;
    }

        .step-content.step-2 .coaching-option-radio:not(:checked):not(.checked) {
            background: #ffffff !important;
            background-color: #ffffff !important;
            border-color: #8a8a8a !important;
        }

        .step-content.step-2 .coaching-option-radio:checked, .step-content.step-2 .coaching-option-radio.checked {
            border-width: 2px !important;
            position: relative;
            box-shadow: none !important;
            outline: none !important;
        }

            .step-content.step-2 .coaching-option-radio:checked::after, .step-content.step-2 .coaching-option-radio.checked::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background: #ffffff;
            }

    .step-content.step-2 .coaching-option-icon {
        width: 53px;
        height: 43px;
        opacity: 1;
        transform: rotate(0deg);
        font-family: inherit;
        font-weight: 600;
        font-style: normal;
        font-size: 36px;
        line-height: 1.2;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 1rem;
        flex-shrink: 0;
    }

    .step-content.step-2 .coaching-option-item[data-method=everywhere] {
        width: 500px;
        height: 104px;
        opacity: 1;
        transform: rotate(0deg);
        border-radius: 12px;
        border: 1px solid #dfdfdf;
        padding-top: 16px;
        padding-right: 24px;
        padding-bottom: 16px;
        padding-left: 24px;
        display: flex;
        align-items: center;
        gap: 24px;
        margin-bottom: 0;
        box-sizing: border-box;
    }

    .step-content.step-2 .coaching-option-item[data-method=messages-only], .step-content.step-2 .coaching-option-item[data-method=calls-only] {
        width: 500px;
        height: 75px;
        opacity: 1;
        transform: rotate(0deg);
        border-radius: 12px;
        border: 1px solid #dfdfdf;
        padding-top: 16px;
        padding-right: 24px;
        padding-bottom: 16px;
        padding-left: 24px;
        display: flex;
        align-items: center;
        gap: 24px;
        margin-bottom: 0;
        box-sizing: border-box;
    }

        .step-content.step-2 .coaching-option-item[data-method=messages-only] .coaching-option-title, .step-content.step-2 .coaching-option-item[data-method=calls-only] .coaching-option-title {
            width: 260px;
            height: 20px;
            opacity: 1;
            transform: rotate(0deg);
            font-weight: 600;
            font-style: normal;
            font-size: 16px;
            line-height: 20px;
            letter-spacing: 0px;
            vertical-align: middle;
            padding-top: 25px;
            text-align: left;
        }

    .step-content.step-2 .coaching-option-item.selected {
        border-width: 1px !important;
    }

    .step-content.step-2 .coaching-option-item:hover {
        background: #f0f0f0;
    }

    .step-content.step-2 .coaching-option-content {
        width: 260px;
        height: 72px;
        opacity: 1;
        transform: rotate(0deg);
        display: flex;
        flex-direction: column;
        gap: 4px;
        flex: 0 0 260px;
        text-align: left;
    }

    .step-content.step-2 .coaching-option-title {
        width: 217px;
        min-height: 20px;
        opacity: 1;
        transform: rotate(0deg);
        font-weight: 600;
        font-style: normal;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0px;
        vertical-align: middle;
        color: #333333;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    .step-content.step-2 .coaching-option-description {
        width: 260px;
        height: 35px;
        opacity: 1;
        transform: rotate(0deg);
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0px;
        text-align: left;
        vertical-align: middle;
        color: #848484;
        margin: 0;
        padding: 0;
    }

.step-1-buttons-row {
    display: flex;
    justify-content: center;
    width: 100%;
}

    .step-1-buttons-row .welcome-screen-widget__nav-buttons {
        position: static;
        width: 100%;
        height: auto;
        top: auto;
        left: auto;
        margin: 0 auto;
        justify-content: center;
    }

        .step-1-buttons-row .welcome-screen-widget__nav-buttons .text-center {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            width: 100%;
        }

    .step-1-buttons-row .welcome-screen-widget__assessment-button {
        opacity: 1;
        transform: rotate(0deg);
        gap: 2px;
        border-radius: 25px;
        padding-top: 12px;
        padding-right: 24px;
        padding-bottom: 12px;
        padding-left: 24px;
        box-sizing: border-box;
        width: 28rem !important;
        margin: 0;
        background-color: var(--token-primary, #0052cc);
    }

        .step-1-buttons-row .welcome-screen-widget__assessment-button:hover:not(:disabled), .step-1-buttons-row .welcome-screen-widget__assessment-button:focus:not(:disabled), .step-1-buttons-row .welcome-screen-widget__assessment-button:active:not(:disabled) {
            opacity: 1 !important;
        }

        .step-1-buttons-row .welcome-screen-widget__assessment-button:hover:not(:disabled) {
            filter: brightness(0.9) !important;
        }

    .step-1-buttons-row .welcome-screen-widget__dashboard-button,
    .step-1-buttons-row .btn-link {
        opacity: 1;
        transform: rotate(0deg);
        font-family: inherit;
        font-weight: 600;
        font-style: normal;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 0%;
        color: #333333;
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        border-width: 0 !important;
        outline: none !important;
        padding: 5px;
        margin: 5px;
        box-sizing: border-box;
        box-shadow: none !important;
    }

        .step-1-buttons-row .welcome-screen-widget__dashboard-button:hover, .step-1-buttons-row .welcome-screen-widget__dashboard-button:focus, .step-1-buttons-row .welcome-screen-widget__dashboard-button:active, .step-1-buttons-row .welcome-screen-widget__dashboard-button:visited,
        .step-1-buttons-row .btn-link:hover,
        .step-1-buttons-row .btn-link:focus,
        .step-1-buttons-row .btn-link:active,
        .step-1-buttons-row .btn-link:visited {
            background: transparent !important;
            background-color: transparent !important;
            border: none !important;
            border-width: 0 !important;
            outline: none !important;
            box-shadow: none !important;
        }

.step-2-buttons-row {
    display: flex;
    justify-content: center;
    width: 100%;
}

    .step-2-buttons-row .welcome-screen-widget__nav-buttons {
        position: static;
        width: 100%;
        height: auto;
        top: auto;
        left: auto;
        margin: 0 auto;
        justify-content: center;
    }

        .step-2-buttons-row .welcome-screen-widget__nav-buttons .text-center {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            width: 100%;
        }

    .step-2-buttons-row .welcome-screen-widget__assessment-button {
        opacity: 1;
        transform: rotate(0deg);
        gap: 2px;
        border-radius: 25px;
        padding-top: 12px;
        padding-right: 24px;
        padding-bottom: 12px;
        padding-left: 24px;
        box-sizing: border-box;
        width: 28rem !important;
        margin: 0;
    }

        .step-2-buttons-row .welcome-screen-widget__assessment-button:hover:not(:disabled), .step-2-buttons-row .welcome-screen-widget__assessment-button:focus:not(:disabled), .step-2-buttons-row .welcome-screen-widget__assessment-button:active:not(:disabled) {
            opacity: 1 !important;
        }

        .step-2-buttons-row .welcome-screen-widget__assessment-button:hover:not(:disabled) {
            filter: brightness(0.9) !important;
        }

    .step-2-buttons-row .welcome-screen-widget__dashboard-button {
        opacity: 1;
        transform: rotate(0deg);
        font-family: inherit;
        font-weight: 600;
        font-style: normal;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 0%;
        color: #333333;
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        border-width: 0 !important;
        outline: none !important;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        box-shadow: none !important;
    }

        .step-2-buttons-row .welcome-screen-widget__dashboard-button:hover, .step-2-buttons-row .welcome-screen-widget__dashboard-button:focus, .step-2-buttons-row .welcome-screen-widget__dashboard-button:active, .step-2-buttons-row .welcome-screen-widget__dashboard-button:visited {
            background: transparent !important;
            background-color: transparent !important;
            border: none !important;
            border-width: 0 !important;
            outline: none !important;
            box-shadow: none !important;
        }

.step-content.step-3 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

    .step-content.step-3 .coaching-verbiage {
        margin-bottom: 30px;
        text-align: left;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        min-height: 0;
    }

        .step-content.step-3 .coaching-verbiage h2 {
            max-width: 500px;
            min-height: 40px;
            opacity: 1;
            transform: rotate(0deg);
            font-weight: 700;
            font-style: normal;
            font-size: 32px;
            line-height: 1.25;
            letter-spacing: -0.3px;
            vertical-align: middle;
            color: #333333;
            margin: 0 0 16px 0;
            padding: 0;
            text-align: left;
            word-wrap: break-word;
        }

        .step-content.step-3 .coaching-verbiage p {
            max-width: 500px;
            opacity: 1;
            transform: rotate(0deg);
            font-family: inherit;
            font-weight: 400;
            font-style: normal;
            font-size: 18px;
            line-height: 28px;
            letter-spacing: 0%;
            vertical-align: middle;
            color: #848484;
            margin: 0;
            padding: 0;
            text-align: left;
            word-wrap: break-word;
        }

    .step-content.step-3 .coaching-options {
        margin-bottom: 24px;
        max-width: 500px;
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin: 0 auto;
    }

    .step-content.step-3 .coaching-option-item {
        width: 500px;
        min-height: 75px;
        opacity: 1;
        transform: rotate(0deg);
        border-radius: 12px;
        border: 1px solid #dfdfdf;
        padding-top: 16px;
        padding-right: 24px;
        padding-bottom: 16px;
        padding-left: 24px;
        display: flex;
        align-items: center;
        gap: 24px;
        margin-bottom: 0;
        box-sizing: border-box;
        background: #ffffff;
        cursor: pointer;
        transition: all 0.3s ease;
    }

        .step-content.step-3 .coaching-option-item:hover {
            border-color: #dfdfdf;
            background-color: #f3f3f3;
        }

        .step-content.step-3 .coaching-option-item.selected {
            border-width: 1px !important;
        }

    .step-content.step-3 .coaching-option-radio {
        width: 20px;
        height: 20px;
        margin-right: 1rem;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 50%;
        border: 2px solid #8a8a8a;
    }

        .step-content.step-3 .coaching-option-radio:not(:checked):not(.checked) {
            background: #ffffff !important;
            background-color: #ffffff !important;
            border-color: #8a8a8a !important;
        }

        .step-content.step-3 .coaching-option-radio:checked, .step-content.step-3 .coaching-option-radio.checked {
            border-width: 2px !important;
            position: relative;
            box-shadow: none !important;
            outline: none !important;
        }

            .step-content.step-3 .coaching-option-radio:checked::after, .step-content.step-3 .coaching-option-radio.checked::after {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                width: 10px;
                height: 10px;
                border-radius: 50%;
                background: #ffffff;
            }

    .step-content.step-3 .coaching-option-icon {
        width: 53px;
        height: 43px;
        opacity: 1;
        transform: rotate(0deg);
        font-family: inherit;
        font-weight: 600;
        font-style: normal;
        font-size: 36px;
        line-height: 1.2;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;
        margin-right: 1rem;
        color: #666666;
        flex-shrink: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .step-content.step-3 .coaching-option-content {
        flex: 1;
        text-align: left;
    }

    .step-content.step-3 .coaching-option-title {
        font-size: 1.1rem;
        font-weight: 600;
        color: #333333;
        margin-bottom: 0.25rem;
        text-align: left;
    }

    .step-content.step-3 .coaching-option-description {
        font-size: 0.9rem;
        color: #666666;
        line-height: 1.4;
        text-align: left;
    }

    .step-content.step-3 .timezone-section {
        max-width: 500px;
        width: 100%;
        margin: 10px auto;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .step-content.step-3 .timezone-display {
        text-align: right;
        width: 100%;
    }

    .step-content.step-3 #edit-timezone-link {
        outline: none !important;
    }

        .step-content.step-3 #edit-timezone-link:focus {
            outline: none !important;
            box-shadow: none !important;
        }

    .step-content.step-3 .timezone-selection {
        max-width: 500px;
        width: 100%;
        min-height: 56px;
        opacity: 1;
        transform: rotate(0deg);
        gap: 12px;
        border-radius: 12px;
        border-width: 1px;
        padding-top: 16px;
        padding-right: 24px;
        padding-bottom: 16px;
        padding-left: 24px;
        background: #f3f3f3;
        border: 1px solid #dfdfdf;
        box-sizing: border-box;
        margin: 0 auto;
        margin-top: 16px;
        display: flex;
        align-items: center;
        cursor: pointer;
        position: relative;
    }

        .step-content.step-3 .timezone-selection .timezone-icon {
            width: 14px;
            height: 24px;
            opacity: 1;
            transform: rotate(0deg);
            font-family: inherit;
            font-weight: 400;
            font-style: normal;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 0px;
            vertical-align: middle;
            display: inline-block;
            flex-shrink: 0;
            margin-left: 8px;
            margin-right: 8px;
        }

        .step-content.step-3 .timezone-selection .dropdown-arrows {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 2px;
            margin-left: 4.8px;
        }

        .step-content.step-3 .timezone-selection .arrow-up {
            width: 0;
            height: 0;
            border-left: 3.5px solid transparent;
            border-right: 3.5px solid transparent;
            border-bottom: 4.9px solid #333333;
            opacity: 1;
            transform: rotate(0deg);
            display: inline-block;
            cursor: pointer;
        }

        .step-content.step-3 .timezone-selection .arrow-down {
            width: 0;
            height: 0;
            border-left: 3.5px solid transparent;
            border-right: 3.5px solid transparent;
            border-top: 4.9px solid #333333;
            opacity: 1;
            transform: rotate(0deg);
            display: inline-block;
            cursor: pointer;
        }

    .step-content.step-3 .timezone-dropdown-display {
        flex: 1;
        height: 20px;
        display: flex;
        align-items: center;
        gap: 12px;
        cursor: pointer;
        width: 100%;
        position: relative;
    }

        .step-content.step-3 .timezone-dropdown-display * {
            pointer-events: none;
        }

    .step-content.step-3 .timezone-selected-text {
        flex: 1;
        font-family: inherit;
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
        line-height: 20px;
        color: #333333;
        text-align: left;
    }

    .step-content.step-3 .timezone-dropdown-options {
        position: absolute;
        bottom: 100%;
        left: 0;
        right: 0;
        width: 500px;
        height: 408px;
        opacity: 1;
        transform: rotate(0deg);
        gap: 4px;
        border-radius: 8px;
        padding: 0;
        background: #ffffff;
        border: 1px solid #dfdfdf;
        margin-bottom: 8px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        z-index: 10000 !important;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        pointer-events: auto !important;
    }

        .step-content.step-3 .timezone-dropdown-options.show {
            display: flex !important;
            visibility: visible !important;
            opacity: 1 !important;
            pointer-events: auto !important;
        }

    .step-content.step-3 .timezone-option-item {
        width: 100%;
        min-height: 56px;
        padding: 16px 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        font-family: inherit;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #333333;
        background: #f3f3f3;
        transition: background-color 0.2s;
        box-sizing: border-box;
        margin-bottom: 4px;
        position: relative;
        pointer-events: auto !important;
        user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        z-index: 10001 !important;
    }

        .step-content.step-3 .timezone-option-item:last-child {
            margin-bottom: 0;
        }

        .step-content.step-3 .timezone-option-item:hover {
            background: #f0f0f0;
        }

        .step-content.step-3 .timezone-option-item.selected {
            background: #EBEBEB;
            font-weight: 600;
        }

        .step-content.step-3 .timezone-option-item .alert-icon-wrapper {
            width: 12.2568359375px;
            height: 8.5380859375px;
            opacity: 1;
            transform: rotate(0deg);
            position: relative;
            top: 6px;
            left: 4px;
            display: inline-block;
        }

            .step-content.step-3 .timezone-option-item .alert-icon-wrapper .icon {
                width: 100%;
                height: 100%;
                color: #333333;
            }

    .step-content.step-3 .timezone-option-text {
        flex: 1;
        text-align: left;
    }

#edit-timezone-link {
    width: auto;
    min-width: 114px;
    height: 24px;
    opacity: 1;
    transform: rotate(0deg);
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    text-decoration-skip-ink: auto;
    display: inline-block;
    box-sizing: border-box;
    text-align: right;
    white-space: nowrap;
    color: #000000 !important;
}

    #edit-timezone-link:link, #edit-timezone-link:visited, #edit-timezone-link:hover, #edit-timezone-link:active, #edit-timezone-link:focus {
        color: #000000 !important;
    }

.step-3-buttons-row {
    display: flex;
    justify-content: center;
    width: 100%;
}

    .step-3-buttons-row .welcome-screen-widget__nav-buttons {
        position: static;
        width: 100%;
        height: auto;
        top: auto;
        left: auto;
        margin: 0 auto;
        justify-content: center;
    }

        .step-3-buttons-row .welcome-screen-widget__nav-buttons .text-center {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 12px;
            width: 100%;
        }

    .step-3-buttons-row .welcome-screen-widget__assessment-button {
        opacity: 1;
        transform: rotate(0deg);
        gap: 2px;
        border-radius: 25px;
        padding-top: 12px;
        padding-right: 24px;
        padding-bottom: 12px;
        padding-left: 24px;
        box-sizing: border-box;
        width: 28rem !important;
        margin: 0;
    }

        .step-3-buttons-row .welcome-screen-widget__assessment-button:hover:not(:disabled), .step-3-buttons-row .welcome-screen-widget__assessment-button:focus:not(:disabled), .step-3-buttons-row .welcome-screen-widget__assessment-button:active:not(:disabled) {
            opacity: 1 !important;
        }

        .step-3-buttons-row .welcome-screen-widget__assessment-button:hover:not(:disabled) {
            filter: brightness(0.9) !important;
        }

    .step-3-buttons-row .welcome-screen-widget__dashboard-button {
        opacity: 1;
        transform: rotate(0deg);
        font-family: inherit;
        font-weight: 600;
        font-style: normal;
        font-size: 18px;
        line-height: 20px;
        letter-spacing: 0%;
        color: #333333;
        background: transparent !important;
        background-color: transparent !important;
        border: none !important;
        border-width: 0 !important;
        outline: none !important;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        box-shadow: none !important;
    }

        .step-3-buttons-row .welcome-screen-widget__dashboard-button:hover, .step-3-buttons-row .welcome-screen-widget__dashboard-button:focus, .step-3-buttons-row .welcome-screen-widget__dashboard-button:active, .step-3-buttons-row .welcome-screen-widget__dashboard-button:visited {
            background: transparent !important;
            background-color: transparent !important;
            border: none !important;
            border-width: 0 !important;
            outline: none !important;
            box-shadow: none !important;
        }

.user-agreement-v2 {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}

.user-agreement-v2__header {
    width: 100%;
    box-sizing: border-box;
}

.user-agreement-v2__logo {
    display: flex;
    justify-content: flex-end;
}

.user-agreement-v2__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 0;
}

.user-agreement-v2__error {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #a6192e;
    border-radius: 5px;
    background-color: #fffafc;
    color: #a6192e;
}

.user-agreement-v2__layout {
    width: 900px;
    max-width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

.user-agreement-v2__title {
    width: 100%;
    height: auto;
    min-height: 40px;
    transform: rotate(0deg);
    opacity: 1;
    font-family: inherit;
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    line-height: 2.5rem;
    letter-spacing: -0.3px;
    vertical-align: middle;
    color: #333333;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    flex-shrink: 0;
}

.user-agreement-v2__tos-container {
    position: relative;
    width: 100%;
    flex: 1 1 0;
    min-height: 500px;
    max-height: none;
    transform: rotate(0deg);
    opacity: 1;
    margin: 0;
    overflow: hidden;
}

.user-agreement-v2 .agreement-text.decimals {
    width: 100%;
    height: 100%;
    min-height: 0;
    transform: rotate(0deg);
    opacity: 1;
    gap: 10px;
    border-radius: 12px;
    padding-top: 16px;
    padding-right: 35px;
    padding-bottom: 16px;
    padding-left: 16px;
    background: #F9F9F9;
    box-shadow: 0px 0px 0px 0px rgba(26, 26, 26, 0), 0px 1px 0px 0px #DDDDDD inset, 0px -1px 0px 0px #DDDDDD inset, 1px 0px 0px 0px #DDDDDD inset, -1px 0px 0px 0px #DDDDDD inset;
    box-sizing: border-box;
    margin: 0;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    scrollbar-width: thin;
    scrollbar-color: #F9F9F9 #EBEBEB;
}

    .user-agreement-v2 .agreement-text.decimals::-webkit-scrollbar {
        width: 19px;
        opacity: 1;
    }

    .user-agreement-v2 .agreement-text.decimals::-webkit-scrollbar-track {
        background: transparent;
    }

    .user-agreement-v2 .agreement-text.decimals::-webkit-scrollbar-thumb {
        width: 19px;
        height: 520px;
        transform: rotate(0deg);
        opacity: 1;
        top: 4px;
        left: 877px;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border: 1px solid #EBEBEB;
        background: linear-gradient(180deg, #F9F9F9 0%, #EEEEEE 51.04%, #EEEEEE 100%);
        box-sizing: border-box;
        position: relative;
    }

        .user-agreement-v2 .agreement-text.decimals::-webkit-scrollbar-thumb::before {
            content: "";
            position: absolute;
            width: 9px;
            height: 56px;
            transform: rotate(0deg);
            opacity: 1;
            top: 13px;
            left: 50%;
            margin-left: -4.5px;
            border-radius: 4px;
            background: #ececec;
            display: block;
        }

        .user-agreement-v2 .agreement-text.decimals::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(180deg, #f0f0f0 0%, #f3f3f3 51.04%, #f3f3f3 100%);
        }

            .user-agreement-v2 .agreement-text.decimals::-webkit-scrollbar-thumb:hover::before {
                background: #CCCCCC;
            }

.user-agreement-v2__checkbox-container {
    width: 500px;
    max-width: 100%;
    height: auto;
    min-height: 48px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    box-sizing: border-box;
    margin-top: 16px;
    flex-shrink: 0;
}

    .user-agreement-v2__checkbox-container .checkbox {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        height: 100%;
    }

        .user-agreement-v2__checkbox-container .checkbox input[type=checkbox] {
            width: 16px;
            height: 16px;
            transform: rotate(0deg);
            opacity: 1;
            border-radius: 100%;
            border-width: 0.66px;
            border: 0.66px solid #8a8a8a;
            background: #ffffff;
            margin: 0;
            cursor: pointer;
            box-sizing: border-box;
            flex-shrink: 0;
            accent-color: var(--token-primary, #0058BE);
        }

        .user-agreement-v2__checkbox-container .checkbox label {
            width: auto;
            flex: 1;
            min-width: 0;
            height: auto;
            min-height: 48px;
            transform: rotate(0deg);
            opacity: 1;
            padding-top: 4px;
            padding-bottom: 4px;
            font-family: inherit;
            font-weight: 400;
            font-style: normal;
            font-size: 1rem;
            line-height: 1.5rem;
            letter-spacing: 0px;
            color: #333333;
            cursor: pointer;
            margin: 4px;
            box-sizing: border-box;
        }

.user-agreement-v2__page-indicator {
    width: 327px;
    max-width: 100%;
    height: auto;
    min-height: 28px;
    position: relative;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    margin: 0;
    flex-shrink: 0;
}

.user-agreement-v2__page-label {
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    line-height: 1.5rem;
    text-align: center;
    color: #333333;
    box-sizing: border-box;
}

.user-agreement-v2__footer {
    width: 375px;
    max-width: 100%;
    height: auto;
    min-height: 100px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
    background: #ffffff;
    padding: 0rem 0rem 2rem;
    box-sizing: border-box;
    flex-shrink: 0;
}

.user-agreement-v2__continue-btn,
.user-agreement-v2__cancel-btn {
    width: 375px;
    height: 44px;
    border-radius: 25px;
    border: none;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 30px 11px 30px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    background-color: var(--token-primary, #0058BE);
}

.user-agreement-v2__continue-btn {
    color: #ffffff;
}

    .user-agreement-v2__continue-btn:disabled, .user-agreement-v2__continue-btn:disabled:hover {
        background-color: rgba(0, 0, 0, 0.17);
        cursor: not-allowed;
        opacity: 1;
        border-color: #ffffff;
    }

.user-agreement-v2__cancel-btn {
    background: transparent !important;
    color: #333333 !important;
    border: none !important;
    font-family: inherit;
    font-weight: 600;
    font-style: normal;
    font-size: 1.25rem;
    line-height: 1.875rem;
    letter-spacing: 0%;
    text-decoration: none;
    transition: color 0.3s ease;
    outline: none !important;
    box-shadow: none !important;
}

    .user-agreement-v2__cancel-btn:hover {
        background: transparent !important;
        color: #333333 !important;
        text-decoration: underline;
    }

    .user-agreement-v2__cancel-btn:focus, .user-agreement-v2__cancel-btn:active, .user-agreement-v2__cancel-btn:visited, .user-agreement-v2__cancel-btn:focus-visible {
        outline: none !important;
        box-shadow: none !important;
        color: #333333 !important;
        text-decoration: none;
    }

@media (max-width: 1200px) {
    .user-agreement-v2__layout {
        width: 90%;
        max-width: 900px;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        top: 0;
        height: auto;
        min-height: 580px;
    }

    .user-agreement-v2__title {
        width: 100%;
        height: auto;
    }

    .user-agreement-v2__tos-container {
        width: 100%;
        height: auto;
        min-height: 200px;
        max-height: calc(100vh - 500px);
        flex: 1 1 0;
        overflow: hidden;
    }

    .user-agreement-v2 .agreement-text.decimals {
        width: 100%;
        height: 100%;
        min-height: 0;
        max-height: none;
        overflow-y: auto;
        overflow-x: hidden;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .user-agreement-v2__checkbox-container {
        position: relative;
        width: 90%;
        max-width: 500px;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        margin-top: 20px;
        margin-bottom: 0;
        height: auto;
        min-height: 48px;
    }

    .user-agreement-v2__page-indicator {
        width: 100%;
        max-width: 327px;
        margin: 0;
        height: auto;
        min-height: 28px;
        text-align: center;
    }

    .user-agreement-v2__footer {
        position: relative;
        width: 90%;
        max-width: 375px;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        height: auto;
        min-height: 100px;
    }
}

@media (max-width: 992px) {
    .user-agreement-v2__content {
        padding: 16px;
        overflow-y: auto;
    }

    .user-agreement-v2__layout {
        width: 100%;
        padding: 0 16px;
    }

    .user-agreement-v2__title {
        font-size: 1.75rem;
        line-height: 2.25rem;
    }

    .user-agreement-v2__tos-container {
        min-height: 150px;
        max-height: none;
        flex: 1 1 0;
    }

    .user-agreement-v2 .agreement-text.decimals {
        min-height: 0;
        max-height: 100%;
        padding-right: 20px;
        padding-left: 16px;
    }

    .user-agreement-v2__checkbox-container {
        width: 100%;
        max-width: 500px;
        padding: 0 16px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        margin-top: 20px;
        margin-bottom: 0;
    }

        .user-agreement-v2__checkbox-container .checkbox label {
            width: 100%;
            height: auto;
            min-height: 48px;
        }

    .user-agreement-v2__page-indicator {
        width: 100%;
        max-width: 327px;
        margin: 0;
        height: auto;
        min-height: 28px;
        text-align: center;
    }

    .user-agreement-v2__footer {
        width: 100%;
        max-width: 375px;
        left: 50%;
        transform: translateX(-50%);
    }

    .user-agreement-v2__continue-btn,
    .user-agreement-v2__cancel-btn {
        width: 100%;
        max-width: 375px;
    }
}

@media (max-width: 768px) {
    .user-agreement-v2__content {
        padding: 12px;
        overflow-y: auto;
    }

    .user-agreement-v2__layout {
        padding: 0 12px;
        gap: 10px;
    }

    .user-agreement-v2__title {
        font-size: 1.5rem;
        line-height: 2rem;
        height: auto;
    }

    .user-agreement-v2__tos-container {
        min-height: 150px;
        max-height: calc(100vh - 350px);
        flex: 1 1 0;
    }

    .user-agreement-v2 .agreement-text.decimals {
        min-height: 0;
        max-height: 100%;
        padding-top: 12px;
        padding-right: 16px;
        padding-bottom: 12px;
        padding-left: 12px;
        border-radius: 10px;
    }

        .user-agreement-v2 .agreement-text.decimals::-webkit-scrollbar {
            width: 12px;
        }

        .user-agreement-v2 .agreement-text.decimals::-webkit-scrollbar-thumb {
            width: 12px;
            border-top-right-radius: 6px;
            border-bottom-right-radius: 6px;
        }

            .user-agreement-v2 .agreement-text.decimals::-webkit-scrollbar-thumb::before {
                width: 6px;
            }

    .user-agreement-v2__checkbox-container {
        width: 100%;
        max-width: 500px;
        padding: 0 12px;
        gap: 6px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        margin-top: 16px;
        margin-bottom: 0;
    }

        .user-agreement-v2__checkbox-container .checkbox {
            gap: 6px;
        }

            .user-agreement-v2__checkbox-container .checkbox label {
                font-size: 0.9375rem;
                line-height: 1.4375rem;
                padding-top: 2px;
                padding-bottom: 2px;
            }

    .user-agreement-v2__page-indicator {
        width: 100%;
        max-width: 327px;
        margin: 0;
        height: auto;
        min-height: 28px;
        text-align: center;
    }

    .user-agreement-v2__footer {
        width: 100%;
        max-width: 375px;
        gap: 10px;
        left: 50%;
        transform: translateX(-50%);
    }

    .user-agreement-v2__continue-btn,
    .user-agreement-v2__cancel-btn {
        height: 42px;
        padding: 12px 24px 10px 24px;
        font-size: 0.9375rem;
    }

    .user-agreement-v2__cancel-btn {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
}

@media (max-width: 480px) {
    .user-agreement-v2__content {
        padding: 10px;
        overflow-y: auto;
    }

    .user-agreement-v2__layout {
        padding: 0 10px;
        gap: 8px;
    }

    .user-agreement-v2__title {
        font-size: 1.375rem;
        line-height: 1.875rem;
        letter-spacing: -0.2px;
    }

    .user-agreement-v2__tos-container {
        min-height: 150px;
        max-height: calc(100vh - 320px);
        flex: 1 1 0;
    }

    .user-agreement-v2 .agreement-text.decimals {
        min-height: 0;
        max-height: 100%;
        padding-top: 10px;
        padding-right: 12px;
        padding-bottom: 10px;
        padding-left: 10px;
        border-radius: 8px;
        gap: 8px;
    }

        .user-agreement-v2 .agreement-text.decimals::-webkit-scrollbar {
            width: 10px;
        }

        .user-agreement-v2 .agreement-text.decimals::-webkit-scrollbar-thumb {
            width: 10px;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

            .user-agreement-v2 .agreement-text.decimals::-webkit-scrollbar-thumb::before {
                width: 5px;
            }

    .user-agreement-v2__checkbox-container {
        width: 100%;
        max-width: 500px;
        padding: 0 10px;
        gap: 6px;
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        top: 0;
        margin-top: 12px;
        margin-bottom: 0;
    }

        .user-agreement-v2__checkbox-container .checkbox {
            width: 100%;
            flex-direction: row;
            align-items: flex-start;
            gap: 8px;
        }

            .user-agreement-v2__checkbox-container .checkbox label {
                width: calc(100% - 24px);
                height: auto;
                min-height: auto;
                font-size: 0.875rem;
                line-height: 1.375rem;
                padding-top: 0;
                padding-bottom: 0;
                margin: 0;
            }

    .user-agreement-v2__page-indicator {
        width: 100%;
        max-width: 327px;
        margin: 0;
        height: auto;
        min-height: 28px;
        text-align: center;
    }

    .user-agreement-v2__page-label {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .user-agreement-v2__footer {
        width: 100%;
        max-width: 375px;
        gap: 8px;
        left: 50%;
        transform: translateX(-50%);
    }

    .user-agreement-v2__continue-btn,
    .user-agreement-v2__cancel-btn {
        width: 100%;
        height: 40px;
        padding: 11px 20px 9px 20px;
        font-size: 0.875rem;
        border-radius: 20px;
    }

    .user-agreement-v2__cancel-btn {
        font-size: 1rem;
        line-height: 1.625rem;
    }
}

.mbc-0 {
    margin-bottom: calc(0 * 0.25rem);
}

.mlc-0 {
    margin-left: calc(0 * 0.25rem);
}

.mrc-0 {
    margin-right: calc(0 * 0.25rem);
}

.mtc-0 {
    margin-top: calc(0 * 0.25rem);
}

.mxc-0 {
    margin-top: calc(0 * 0.25rem);
    margin-bottom: calc(0 * 0.25rem);
}

.mc-0 {
    margin: calc(0 * 0.25rem);
}

.pc-0 {
    padding: calc(0 * 0.25rem);
}

.ptc-0 {
    padding-top: calc(0 * 0.25rem);
}

.plc-0 {
    padding-left: calc(0 * 0.25rem);
}

.pbc-0 {
    padding-bottom: calc(0 * 0.25rem);
}

.mbc-1 {
    margin-bottom: calc(1 * 0.25rem);
}

.mlc-1 {
    margin-left: calc(1 * 0.25rem);
}

.mrc-1 {
    margin-right: calc(1 * 0.25rem);
}

.mtc-1 {
    margin-top: calc(1 * 0.25rem);
}

.mxc-1 {
    margin-top: calc(1 * 0.25rem);
    margin-bottom: calc(1 * 0.25rem);
}

.mc-1 {
    margin: calc(1 * 0.25rem);
}

.pc-1 {
    padding: calc(1 * 0.25rem);
}

.ptc-1 {
    padding-top: calc(1 * 0.25rem);
}

.plc-1 {
    padding-left: calc(1 * 0.25rem);
}

.pbc-1 {
    padding-bottom: calc(1 * 0.25rem);
}

.mbc-2 {
    margin-bottom: calc(2 * 0.25rem);
}

.mlc-2 {
    margin-left: calc(2 * 0.25rem);
}

.mrc-2 {
    margin-right: calc(2 * 0.25rem);
}

.mtc-2 {
    margin-top: calc(2 * 0.25rem);
}

.mxc-2 {
    margin-top: calc(2 * 0.25rem);
    margin-bottom: calc(2 * 0.25rem);
}

.mc-2 {
    margin: calc(2 * 0.25rem);
}

.pc-2 {
    padding: calc(2 * 0.25rem);
}

.ptc-2 {
    padding-top: calc(2 * 0.25rem);
}

.plc-2 {
    padding-left: calc(2 * 0.25rem);
}

.pbc-2 {
    padding-bottom: calc(2 * 0.25rem);
}

.mbc-3 {
    margin-bottom: calc(3 * 0.25rem);
}

.mlc-3 {
    margin-left: calc(3 * 0.25rem);
}

.mrc-3 {
    margin-right: calc(3 * 0.25rem);
}

.mtc-3 {
    margin-top: calc(3 * 0.25rem);
}

.mxc-3 {
    margin-top: calc(3 * 0.25rem);
    margin-bottom: calc(3 * 0.25rem);
}

.mc-3 {
    margin: calc(3 * 0.25rem);
}

.pc-3 {
    padding: calc(3 * 0.25rem);
}

.ptc-3 {
    padding-top: calc(3 * 0.25rem);
}

.plc-3 {
    padding-left: calc(3 * 0.25rem);
}

.pbc-3 {
    padding-bottom: calc(3 * 0.25rem);
}

.mbc-4 {
    margin-bottom: calc(4 * 0.25rem);
}

.mlc-4 {
    margin-left: calc(4 * 0.25rem);
}

.mrc-4 {
    margin-right: calc(4 * 0.25rem);
}

.mtc-4 {
    margin-top: calc(4 * 0.25rem);
}

.mxc-4 {
    margin-top: calc(4 * 0.25rem);
    margin-bottom: calc(4 * 0.25rem);
}

.mc-4 {
    margin: calc(4 * 0.25rem);
}

.pc-4 {
    padding: calc(4 * 0.25rem);
}

.ptc-4 {
    padding-top: calc(4 * 0.25rem);
}

.plc-4 {
    padding-left: calc(4 * 0.25rem);
}

.pbc-4 {
    padding-bottom: calc(4 * 0.25rem);
}

.mbc-5 {
    margin-bottom: calc(5 * 0.25rem);
}

.mlc-5 {
    margin-left: calc(5 * 0.25rem);
}

.mrc-5 {
    margin-right: calc(5 * 0.25rem);
}

.mtc-5 {
    margin-top: calc(5 * 0.25rem);
}

.mxc-5 {
    margin-top: calc(5 * 0.25rem);
    margin-bottom: calc(5 * 0.25rem);
}

.mc-5 {
    margin: calc(5 * 0.25rem);
}

.pc-5 {
    padding: calc(5 * 0.25rem);
}

.ptc-5 {
    padding-top: calc(5 * 0.25rem);
}

.plc-5 {
    padding-left: calc(5 * 0.25rem);
}

.pbc-5 {
    padding-bottom: calc(5 * 0.25rem);
}

.mbc-6 {
    margin-bottom: calc(6 * 0.25rem);
}

.mlc-6 {
    margin-left: calc(6 * 0.25rem);
}

.mrc-6 {
    margin-right: calc(6 * 0.25rem);
}

.mtc-6 {
    margin-top: calc(6 * 0.25rem);
}

.mxc-6 {
    margin-top: calc(6 * 0.25rem);
    margin-bottom: calc(6 * 0.25rem);
}

.mc-6 {
    margin: calc(6 * 0.25rem);
}

.pc-6 {
    padding: calc(6 * 0.25rem);
}

.ptc-6 {
    padding-top: calc(6 * 0.25rem);
}

.plc-6 {
    padding-left: calc(6 * 0.25rem);
}

.pbc-6 {
    padding-bottom: calc(6 * 0.25rem);
}

.mbc-7 {
    margin-bottom: calc(7 * 0.25rem);
}

.mlc-7 {
    margin-left: calc(7 * 0.25rem);
}

.mrc-7 {
    margin-right: calc(7 * 0.25rem);
}

.mtc-7 {
    margin-top: calc(7 * 0.25rem);
}

.mxc-7 {
    margin-top: calc(7 * 0.25rem);
    margin-bottom: calc(7 * 0.25rem);
}

.mc-7 {
    margin: calc(7 * 0.25rem);
}

.pc-7 {
    padding: calc(7 * 0.25rem);
}

.ptc-7 {
    padding-top: calc(7 * 0.25rem);
}

.plc-7 {
    padding-left: calc(7 * 0.25rem);
}

.pbc-7 {
    padding-bottom: calc(7 * 0.25rem);
}

.mbc-8 {
    margin-bottom: calc(8 * 0.25rem);
}

.mlc-8 {
    margin-left: calc(8 * 0.25rem);
}

.mrc-8 {
    margin-right: calc(8 * 0.25rem);
}

.mtc-8 {
    margin-top: calc(8 * 0.25rem);
}

.mxc-8 {
    margin-top: calc(8 * 0.25rem);
    margin-bottom: calc(8 * 0.25rem);
}

.mc-8 {
    margin: calc(8 * 0.25rem);
}

.pc-8 {
    padding: calc(8 * 0.25rem);
}

.ptc-8 {
    padding-top: calc(8 * 0.25rem);
}

.plc-8 {
    padding-left: calc(8 * 0.25rem);
}

.pbc-8 {
    padding-bottom: calc(8 * 0.25rem);
}

.mbc-9 {
    margin-bottom: calc(9 * 0.25rem);
}

.mlc-9 {
    margin-left: calc(9 * 0.25rem);
}

.mrc-9 {
    margin-right: calc(9 * 0.25rem);
}

.mtc-9 {
    margin-top: calc(9 * 0.25rem);
}

.mxc-9 {
    margin-top: calc(9 * 0.25rem);
    margin-bottom: calc(9 * 0.25rem);
}

.mc-9 {
    margin: calc(9 * 0.25rem);
}

.pc-9 {
    padding: calc(9 * 0.25rem);
}

.ptc-9 {
    padding-top: calc(9 * 0.25rem);
}

.plc-9 {
    padding-left: calc(9 * 0.25rem);
}

.pbc-9 {
    padding-bottom: calc(9 * 0.25rem);
}

.mbc-10 {
    margin-bottom: calc(10 * 0.25rem);
}

.mlc-10 {
    margin-left: calc(10 * 0.25rem);
}

.mrc-10 {
    margin-right: calc(10 * 0.25rem);
}

.mtc-10 {
    margin-top: calc(10 * 0.25rem);
}

.mxc-10 {
    margin-top: calc(10 * 0.25rem);
    margin-bottom: calc(10 * 0.25rem);
}

.mc-10 {
    margin: calc(10 * 0.25rem);
}

.pc-10 {
    padding: calc(10 * 0.25rem);
}

.ptc-10 {
    padding-top: calc(10 * 0.25rem);
}

.plc-10 {
    padding-left: calc(10 * 0.25rem);
}

.pbc-10 {
    padding-bottom: calc(10 * 0.25rem);
}

.mbc-11 {
    margin-bottom: calc(11 * 0.25rem);
}

.mlc-11 {
    margin-left: calc(11 * 0.25rem);
}

.mrc-11 {
    margin-right: calc(11 * 0.25rem);
}

.mtc-11 {
    margin-top: calc(11 * 0.25rem);
}

.mxc-11 {
    margin-top: calc(11 * 0.25rem);
    margin-bottom: calc(11 * 0.25rem);
}

.mc-11 {
    margin: calc(11 * 0.25rem);
}

.pc-11 {
    padding: calc(11 * 0.25rem);
}

.ptc-11 {
    padding-top: calc(11 * 0.25rem);
}

.plc-11 {
    padding-left: calc(11 * 0.25rem);
}

.pbc-11 {
    padding-bottom: calc(11 * 0.25rem);
}

.mbc-12 {
    margin-bottom: calc(12 * 0.25rem);
}

.mlc-12 {
    margin-left: calc(12 * 0.25rem);
}

.mrc-12 {
    margin-right: calc(12 * 0.25rem);
}

.mtc-12 {
    margin-top: calc(12 * 0.25rem);
}

.mxc-12 {
    margin-top: calc(12 * 0.25rem);
    margin-bottom: calc(12 * 0.25rem);
}

.mc-12 {
    margin: calc(12 * 0.25rem);
}

.pc-12 {
    padding: calc(12 * 0.25rem);
}

.ptc-12 {
    padding-top: calc(12 * 0.25rem);
}

.plc-12 {
    padding-left: calc(12 * 0.25rem);
}

.pbc-12 {
    padding-bottom: calc(12 * 0.25rem);
}

.mbc-13 {
    margin-bottom: calc(13 * 0.25rem);
}

.mlc-13 {
    margin-left: calc(13 * 0.25rem);
}

.mrc-13 {
    margin-right: calc(13 * 0.25rem);
}

.mtc-13 {
    margin-top: calc(13 * 0.25rem);
}

.mxc-13 {
    margin-top: calc(13 * 0.25rem);
    margin-bottom: calc(13 * 0.25rem);
}

.mc-13 {
    margin: calc(13 * 0.25rem);
}

.pc-13 {
    padding: calc(13 * 0.25rem);
}

.ptc-13 {
    padding-top: calc(13 * 0.25rem);
}

.plc-13 {
    padding-left: calc(13 * 0.25rem);
}

.pbc-13 {
    padding-bottom: calc(13 * 0.25rem);
}

.mbc-14 {
    margin-bottom: calc(14 * 0.25rem);
}

.mlc-14 {
    margin-left: calc(14 * 0.25rem);
}

.mrc-14 {
    margin-right: calc(14 * 0.25rem);
}

.mtc-14 {
    margin-top: calc(14 * 0.25rem);
}

.mxc-14 {
    margin-top: calc(14 * 0.25rem);
    margin-bottom: calc(14 * 0.25rem);
}

.mc-14 {
    margin: calc(14 * 0.25rem);
}

.pc-14 {
    padding: calc(14 * 0.25rem);
}

.ptc-14 {
    padding-top: calc(14 * 0.25rem);
}

.plc-14 {
    padding-left: calc(14 * 0.25rem);
}

.pbc-14 {
    padding-bottom: calc(14 * 0.25rem);
}

.mbc-15 {
    margin-bottom: calc(15 * 0.25rem);
}

.mlc-15 {
    margin-left: calc(15 * 0.25rem);
}

.mrc-15 {
    margin-right: calc(15 * 0.25rem);
}

.mtc-15 {
    margin-top: calc(15 * 0.25rem);
}

.mxc-15 {
    margin-top: calc(15 * 0.25rem);
    margin-bottom: calc(15 * 0.25rem);
}

.mc-15 {
    margin: calc(15 * 0.25rem);
}

.pc-15 {
    padding: calc(15 * 0.25rem);
}

.ptc-15 {
    padding-top: calc(15 * 0.25rem);
}

.plc-15 {
    padding-left: calc(15 * 0.25rem);
}

.pbc-15 {
    padding-bottom: calc(15 * 0.25rem);
}

.mbc-16 {
    margin-bottom: calc(16 * 0.25rem);
}

.mlc-16 {
    margin-left: calc(16 * 0.25rem);
}

.mrc-16 {
    margin-right: calc(16 * 0.25rem);
}

.mtc-16 {
    margin-top: calc(16 * 0.25rem);
}

.mxc-16 {
    margin-top: calc(16 * 0.25rem);
    margin-bottom: calc(16 * 0.25rem);
}

.mc-16 {
    margin: calc(16 * 0.25rem);
}

.pc-16 {
    padding: calc(16 * 0.25rem);
}

.ptc-16 {
    padding-top: calc(16 * 0.25rem);
}

.plc-16 {
    padding-left: calc(16 * 0.25rem);
}

.pbc-16 {
    padding-bottom: calc(16 * 0.25rem);
}

.mbc-17 {
    margin-bottom: calc(17 * 0.25rem);
}

.mlc-17 {
    margin-left: calc(17 * 0.25rem);
}

.mrc-17 {
    margin-right: calc(17 * 0.25rem);
}

.mtc-17 {
    margin-top: calc(17 * 0.25rem);
}

.mxc-17 {
    margin-top: calc(17 * 0.25rem);
    margin-bottom: calc(17 * 0.25rem);
}

.mc-17 {
    margin: calc(17 * 0.25rem);
}

.pc-17 {
    padding: calc(17 * 0.25rem);
}

.ptc-17 {
    padding-top: calc(17 * 0.25rem);
}

.plc-17 {
    padding-left: calc(17 * 0.25rem);
}

.pbc-17 {
    padding-bottom: calc(17 * 0.25rem);
}

.mbc-18 {
    margin-bottom: calc(18 * 0.25rem);
}

.mlc-18 {
    margin-left: calc(18 * 0.25rem);
}

.mrc-18 {
    margin-right: calc(18 * 0.25rem);
}

.mtc-18 {
    margin-top: calc(18 * 0.25rem);
}

.mxc-18 {
    margin-top: calc(18 * 0.25rem);
    margin-bottom: calc(18 * 0.25rem);
}

.mc-18 {
    margin: calc(18 * 0.25rem);
}

.pc-18 {
    padding: calc(18 * 0.25rem);
}

.ptc-18 {
    padding-top: calc(18 * 0.25rem);
}

.plc-18 {
    padding-left: calc(18 * 0.25rem);
}

.pbc-18 {
    padding-bottom: calc(18 * 0.25rem);
}

.mbc-19 {
    margin-bottom: calc(19 * 0.25rem);
}

.mlc-19 {
    margin-left: calc(19 * 0.25rem);
}

.mrc-19 {
    margin-right: calc(19 * 0.25rem);
}

.mtc-19 {
    margin-top: calc(19 * 0.25rem);
}

.mxc-19 {
    margin-top: calc(19 * 0.25rem);
    margin-bottom: calc(19 * 0.25rem);
}

.mc-19 {
    margin: calc(19 * 0.25rem);
}

.pc-19 {
    padding: calc(19 * 0.25rem);
}

.ptc-19 {
    padding-top: calc(19 * 0.25rem);
}

.plc-19 {
    padding-left: calc(19 * 0.25rem);
}

.pbc-19 {
    padding-bottom: calc(19 * 0.25rem);
}

.mbc-20 {
    margin-bottom: calc(20 * 0.25rem);
}

.mlc-20 {
    margin-left: calc(20 * 0.25rem);
}

.mrc-20 {
    margin-right: calc(20 * 0.25rem);
}

.mtc-20 {
    margin-top: calc(20 * 0.25rem);
}

.mxc-20 {
    margin-top: calc(20 * 0.25rem);
    margin-bottom: calc(20 * 0.25rem);
}

.mc-20 {
    margin: calc(20 * 0.25rem);
}

.pc-20 {
    padding: calc(20 * 0.25rem);
}

.ptc-20 {
    padding-top: calc(20 * 0.25rem);
}

.plc-20 {
    padding-left: calc(20 * 0.25rem);
}

.pbc-20 {
    padding-bottom: calc(20 * 0.25rem);
}

.mbc-21 {
    margin-bottom: calc(21 * 0.25rem);
}

.mlc-21 {
    margin-left: calc(21 * 0.25rem);
}

.mrc-21 {
    margin-right: calc(21 * 0.25rem);
}

.mtc-21 {
    margin-top: calc(21 * 0.25rem);
}

.mxc-21 {
    margin-top: calc(21 * 0.25rem);
    margin-bottom: calc(21 * 0.25rem);
}

.mc-21 {
    margin: calc(21 * 0.25rem);
}

.pc-21 {
    padding: calc(21 * 0.25rem);
}

.ptc-21 {
    padding-top: calc(21 * 0.25rem);
}

.plc-21 {
    padding-left: calc(21 * 0.25rem);
}

.pbc-21 {
    padding-bottom: calc(21 * 0.25rem);
}

.mbc-22 {
    margin-bottom: calc(22 * 0.25rem);
}

.mlc-22 {
    margin-left: calc(22 * 0.25rem);
}

.mrc-22 {
    margin-right: calc(22 * 0.25rem);
}

.mtc-22 {
    margin-top: calc(22 * 0.25rem);
}

.mxc-22 {
    margin-top: calc(22 * 0.25rem);
    margin-bottom: calc(22 * 0.25rem);
}

.mc-22 {
    margin: calc(22 * 0.25rem);
}

.pc-22 {
    padding: calc(22 * 0.25rem);
}

.ptc-22 {
    padding-top: calc(22 * 0.25rem);
}

.plc-22 {
    padding-left: calc(22 * 0.25rem);
}

.pbc-22 {
    padding-bottom: calc(22 * 0.25rem);
}

.mbc-23 {
    margin-bottom: calc(23 * 0.25rem);
}

.mlc-23 {
    margin-left: calc(23 * 0.25rem);
}

.mrc-23 {
    margin-right: calc(23 * 0.25rem);
}

.mtc-23 {
    margin-top: calc(23 * 0.25rem);
}

.mxc-23 {
    margin-top: calc(23 * 0.25rem);
    margin-bottom: calc(23 * 0.25rem);
}

.mc-23 {
    margin: calc(23 * 0.25rem);
}

.pc-23 {
    padding: calc(23 * 0.25rem);
}

.ptc-23 {
    padding-top: calc(23 * 0.25rem);
}

.plc-23 {
    padding-left: calc(23 * 0.25rem);
}

.pbc-23 {
    padding-bottom: calc(23 * 0.25rem);
}

.mbc-24 {
    margin-bottom: calc(24 * 0.25rem);
}

.mlc-24 {
    margin-left: calc(24 * 0.25rem);
}

.mrc-24 {
    margin-right: calc(24 * 0.25rem);
}

.mtc-24 {
    margin-top: calc(24 * 0.25rem);
}

.mxc-24 {
    margin-top: calc(24 * 0.25rem);
    margin-bottom: calc(24 * 0.25rem);
}

.mc-24 {
    margin: calc(24 * 0.25rem);
}

.pc-24 {
    padding: calc(24 * 0.25rem);
}

.ptc-24 {
    padding-top: calc(24 * 0.25rem);
}

.plc-24 {
    padding-left: calc(24 * 0.25rem);
}

.pbc-24 {
    padding-bottom: calc(24 * 0.25rem);
}

.mbc-25 {
    margin-bottom: calc(25 * 0.25rem);
}

.mlc-25 {
    margin-left: calc(25 * 0.25rem);
}

.mrc-25 {
    margin-right: calc(25 * 0.25rem);
}

.mtc-25 {
    margin-top: calc(25 * 0.25rem);
}

.mxc-25 {
    margin-top: calc(25 * 0.25rem);
    margin-bottom: calc(25 * 0.25rem);
}

.mc-25 {
    margin: calc(25 * 0.25rem);
}

.pc-25 {
    padding: calc(25 * 0.25rem);
}

.ptc-25 {
    padding-top: calc(25 * 0.25rem);
}

.plc-25 {
    padding-left: calc(25 * 0.25rem);
}

.pbc-25 {
    padding-bottom: calc(25 * 0.25rem);
}

.mbc-26 {
    margin-bottom: calc(26 * 0.25rem);
}

.mlc-26 {
    margin-left: calc(26 * 0.25rem);
}

.mrc-26 {
    margin-right: calc(26 * 0.25rem);
}

.mtc-26 {
    margin-top: calc(26 * 0.25rem);
}

.mxc-26 {
    margin-top: calc(26 * 0.25rem);
    margin-bottom: calc(26 * 0.25rem);
}

.mc-26 {
    margin: calc(26 * 0.25rem);
}

.pc-26 {
    padding: calc(26 * 0.25rem);
}

.ptc-26 {
    padding-top: calc(26 * 0.25rem);
}

.plc-26 {
    padding-left: calc(26 * 0.25rem);
}

.pbc-26 {
    padding-bottom: calc(26 * 0.25rem);
}

.mbc-27 {
    margin-bottom: calc(27 * 0.25rem);
}

.mlc-27 {
    margin-left: calc(27 * 0.25rem);
}

.mrc-27 {
    margin-right: calc(27 * 0.25rem);
}

.mtc-27 {
    margin-top: calc(27 * 0.25rem);
}

.mxc-27 {
    margin-top: calc(27 * 0.25rem);
    margin-bottom: calc(27 * 0.25rem);
}

.mc-27 {
    margin: calc(27 * 0.25rem);
}

.pc-27 {
    padding: calc(27 * 0.25rem);
}

.ptc-27 {
    padding-top: calc(27 * 0.25rem);
}

.plc-27 {
    padding-left: calc(27 * 0.25rem);
}

.pbc-27 {
    padding-bottom: calc(27 * 0.25rem);
}

.mbc-28 {
    margin-bottom: calc(28 * 0.25rem);
}

.mlc-28 {
    margin-left: calc(28 * 0.25rem);
}

.mrc-28 {
    margin-right: calc(28 * 0.25rem);
}

.mtc-28 {
    margin-top: calc(28 * 0.25rem);
}

.mxc-28 {
    margin-top: calc(28 * 0.25rem);
    margin-bottom: calc(28 * 0.25rem);
}

.mc-28 {
    margin: calc(28 * 0.25rem);
}

.pc-28 {
    padding: calc(28 * 0.25rem);
}

.ptc-28 {
    padding-top: calc(28 * 0.25rem);
}

.plc-28 {
    padding-left: calc(28 * 0.25rem);
}

.pbc-28 {
    padding-bottom: calc(28 * 0.25rem);
}

.mbc-29 {
    margin-bottom: calc(29 * 0.25rem);
}

.mlc-29 {
    margin-left: calc(29 * 0.25rem);
}

.mrc-29 {
    margin-right: calc(29 * 0.25rem);
}

.mtc-29 {
    margin-top: calc(29 * 0.25rem);
}

.mxc-29 {
    margin-top: calc(29 * 0.25rem);
    margin-bottom: calc(29 * 0.25rem);
}

.mc-29 {
    margin: calc(29 * 0.25rem);
}

.pc-29 {
    padding: calc(29 * 0.25rem);
}

.ptc-29 {
    padding-top: calc(29 * 0.25rem);
}

.plc-29 {
    padding-left: calc(29 * 0.25rem);
}

.pbc-29 {
    padding-bottom: calc(29 * 0.25rem);
}

.mbc-30 {
    margin-bottom: calc(30 * 0.25rem);
}

.mlc-30 {
    margin-left: calc(30 * 0.25rem);
}

.mrc-30 {
    margin-right: calc(30 * 0.25rem);
}

.mtc-30 {
    margin-top: calc(30 * 0.25rem);
}

.mxc-30 {
    margin-top: calc(30 * 0.25rem);
    margin-bottom: calc(30 * 0.25rem);
}

.mc-30 {
    margin: calc(30 * 0.25rem);
}

.pc-30 {
    padding: calc(30 * 0.25rem);
}

.ptc-30 {
    padding-top: calc(30 * 0.25rem);
}

.plc-30 {
    padding-left: calc(30 * 0.25rem);
}

.pbc-30 {
    padding-bottom: calc(30 * 0.25rem);
}

@media (max-width: 568px) {
    .mbc-xs-0 {
        margin-bottom: calc(0 * 0.25rem);
    }

    .mtc-xs-0 {
        margin-top: calc(0 * 0.25rem);
    }

    .mbc-xs-1 {
        margin-bottom: calc(1 * 0.25rem);
    }

    .mtc-xs-1 {
        margin-top: calc(1 * 0.25rem);
    }

    .mbc-xs-2 {
        margin-bottom: calc(2 * 0.25rem);
    }

    .mtc-xs-2 {
        margin-top: calc(2 * 0.25rem);
    }

    .mbc-xs-3 {
        margin-bottom: calc(3 * 0.25rem);
    }

    .mtc-xs-3 {
        margin-top: calc(3 * 0.25rem);
    }

    .mbc-xs-4 {
        margin-bottom: calc(4 * 0.25rem);
    }

    .mtc-xs-4 {
        margin-top: calc(4 * 0.25rem);
    }

    .mbc-xs-5 {
        margin-bottom: calc(5 * 0.25rem);
    }

    .mtc-xs-5 {
        margin-top: calc(5 * 0.25rem);
    }

    .mbc-xs-6 {
        margin-bottom: calc(6 * 0.25rem);
    }

    .mtc-xs-6 {
        margin-top: calc(6 * 0.25rem);
    }

    .mbc-xs-7 {
        margin-bottom: calc(7 * 0.25rem);
    }

    .mtc-xs-7 {
        margin-top: calc(7 * 0.25rem);
    }

    .mbc-xs-8 {
        margin-bottom: calc(8 * 0.25rem);
    }

    .mtc-xs-8 {
        margin-top: calc(8 * 0.25rem);
    }

    .mbc-xs-9 {
        margin-bottom: calc(9 * 0.25rem);
    }

    .mtc-xs-9 {
        margin-top: calc(9 * 0.25rem);
    }

    .mbc-xs-10 {
        margin-bottom: calc(10 * 0.25rem);
    }

    .mtc-xs-10 {
        margin-top: calc(10 * 0.25rem);
    }

    .mbc-xs-11 {
        margin-bottom: calc(11 * 0.25rem);
    }

    .mtc-xs-11 {
        margin-top: calc(11 * 0.25rem);
    }

    .mbc-xs-12 {
        margin-bottom: calc(12 * 0.25rem);
    }

    .mtc-xs-12 {
        margin-top: calc(12 * 0.25rem);
    }

    .mbc-xs-13 {
        margin-bottom: calc(13 * 0.25rem);
    }

    .mtc-xs-13 {
        margin-top: calc(13 * 0.25rem);
    }

    .mbc-xs-14 {
        margin-bottom: calc(14 * 0.25rem);
    }

    .mtc-xs-14 {
        margin-top: calc(14 * 0.25rem);
    }

    .mbc-xs-15 {
        margin-bottom: calc(15 * 0.25rem);
    }

    .mtc-xs-15 {
        margin-top: calc(15 * 0.25rem);
    }

    .mbc-xs-16 {
        margin-bottom: calc(16 * 0.25rem);
    }

    .mtc-xs-16 {
        margin-top: calc(16 * 0.25rem);
    }

    .mbc-xs-17 {
        margin-bottom: calc(17 * 0.25rem);
    }

    .mtc-xs-17 {
        margin-top: calc(17 * 0.25rem);
    }

    .mbc-xs-18 {
        margin-bottom: calc(18 * 0.25rem);
    }

    .mtc-xs-18 {
        margin-top: calc(18 * 0.25rem);
    }

    .mbc-xs-19 {
        margin-bottom: calc(19 * 0.25rem);
    }

    .mtc-xs-19 {
        margin-top: calc(19 * 0.25rem);
    }

    .mbc-xs-20 {
        margin-bottom: calc(20 * 0.25rem);
    }

    .mtc-xs-20 {
        margin-top: calc(20 * 0.25rem);
    }

    .mbc-xs-21 {
        margin-bottom: calc(21 * 0.25rem);
    }

    .mtc-xs-21 {
        margin-top: calc(21 * 0.25rem);
    }

    .mbc-xs-22 {
        margin-bottom: calc(22 * 0.25rem);
    }

    .mtc-xs-22 {
        margin-top: calc(22 * 0.25rem);
    }

    .mbc-xs-23 {
        margin-bottom: calc(23 * 0.25rem);
    }

    .mtc-xs-23 {
        margin-top: calc(23 * 0.25rem);
    }

    .mbc-xs-24 {
        margin-bottom: calc(24 * 0.25rem);
    }

    .mtc-xs-24 {
        margin-top: calc(24 * 0.25rem);
    }

    .mbc-xs-25 {
        margin-bottom: calc(25 * 0.25rem);
    }

    .mtc-xs-25 {
        margin-top: calc(25 * 0.25rem);
    }

    .mbc-xs-26 {
        margin-bottom: calc(26 * 0.25rem);
    }

    .mtc-xs-26 {
        margin-top: calc(26 * 0.25rem);
    }

    .mbc-xs-27 {
        margin-bottom: calc(27 * 0.25rem);
    }

    .mtc-xs-27 {
        margin-top: calc(27 * 0.25rem);
    }

    .mbc-xs-28 {
        margin-bottom: calc(28 * 0.25rem);
    }

    .mtc-xs-28 {
        margin-top: calc(28 * 0.25rem);
    }

    .mbc-xs-29 {
        margin-bottom: calc(29 * 0.25rem);
    }

    .mtc-xs-29 {
        margin-top: calc(29 * 0.25rem);
    }

    .mbc-xs-30 {
        margin-bottom: calc(30 * 0.25rem);
    }

    .mtc-xs-30 {
        margin-top: calc(30 * 0.25rem);
    }
}

.container.full-width {
    width: 100%;
}

.create-user-form-theme {
    --icon-left: 0.875rem;
    --icon-opacity: 0.85;
    --input-bg: #ffffff;
    --input-border: #d2d2d2;
    --input-radius: 0.625rem;
    --input-padding-left: 2.875rem;
    --input-focus-border: #8a8a8a;
    --text-muted: #555;
    --btn-bg: #d9d9d9;
}

.create-user-header {
    width: 100%;
    box-sizing: border-box;
}

.create-user-header-logo {
    display: flex;
    justify-content: flex-end;
}

.create-user-form-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Arial, sans-serif;
    padding-bottom: 150px;
}

.create-user-form-container {
    width: 29.375rem;
    font-family: Arial, sans-serif;
    background-color: #ffffff;
    padding: 1.875rem;
}

.create-user-form-title {
    font-size: 1.75rem;
    margin-bottom: 0.625rem;
    font-weight: 600;
}

.create-user-form-description {
    margin-bottom: 1.5625rem;
    color: var(--text-muted);
    font-size: 1rem;
}

.input-group-createuser {
    margin-bottom: 1.1875rem;
}

.create-user-username-input, .create-user-password-input, .create-user-confirm-password-input {
    width: 100%;
    padding: 0.625rem;
    font-size: 1rem;
    border: 0.125rem solid #CCCCCC;
    border-radius: 0.375rem;
    outline: none;
}

    .create-user-password-input.error, .create-user-confirm-password-input.error, .create-user-username-input.error {
        border-color: #d9534f;
        background-color: #f8d7da;
    }

.create-user-validation-icon {
    width: 0.9375rem;
    display: inline-block;
    margin-right: 0.315rem;
    font-weight: bold;
    font-size: 1rem;
    position: absolute;
    left: var(--icon-left);
    font-size: var(--icon-size);
    opacity: var(--icon-opacity);
    user-select: none;
    pointer-events: none;
    line-height: 1;
}

.status-message {
    margin-top: 0.625rem;
    font-weight: bold;
}

.input-group-createuser:last-of-type {
    margin-bottom: 1.875rem;
}

.create-user-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.create-user-input-field {
    width: 100%;
    padding: 0.875rem 0.875rem 0.875rem var(--input-padding-left);
    border-radius: var(--input-radius);
    border: 0.0625rem solid var(--input-border);
    background: var(--input-bg);
    font-size: 0.6875rem;
    transition: 0.2s;
}

    .create-user-input-field:focus {
        outline: none;
        border-color: var(--input-focus-border);
        box-shadow: 0 0 0 0.125rem rgba(0, 0, 0, 0.05);
    }

.create-user-validation-text {
    display: flex;
    align-items: center;
    margin-bottom: 0.625rem;
    font-size: 0.875rem;
    color: #666;
}

    .create-user-validation-text .create-user-tick-circle {
        width: 0.6875rem;
        height: 0.6875rem;
        background-color: white;
        border: 0.125rem solid green;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 0.5rem;
        z-index: 1;
    }

        .create-user-validation-text .create-user-tick-circle::before {
            content: "✔";
            font-size: 0.5rem;
            color: green;
        }

    .create-user-validation-text span {
        font-size: 0.71875rem;
        color: #666;
        z-index: 0;
    }

.create-user-footer {
    width: 375px;
    max-width: 100%;
    height: auto;
    min-height: 100px;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    background: #ffffff;
    margin: 0;
    padding: 0 2rem;
    box-sizing: border-box;
    z-index: 1000;
}

.user-create-next-btn {
    width: 375px;
    height: 44px;
    border-radius: 25px;
    border: none;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 13px 30px 11px 30px;
    box-sizing: border-box;
    transition: all 0.3s ease;
    color: #ffffff;
    background-color: var(--token-primary, #0058BE);
    margin: 0;
}

    .user-create-next-btn:active, .user-create-next-btn:focus, .user-create-next-btn:active:focus {
        outline: none !important;
        box-shadow: none !important;
    }

    .user-create-next-btn:disabled, .user-create-next-btn:hover:disabled {
        background: rgba(0, 0, 0, 0.17);
        color: #ffffff;
        cursor: not-allowed;
        opacity: 1;
        border-color: #ffffff;
    }

.create-user-circle {
    width: 0.6875rem;
    height: 0.6875rem;
    border-radius: 50%;
    border: 0.125rem solid #b68e4b;
    margin-right: 0.5rem;
}

.create-user-error-message, .create-user-error-message-donotmatch {
    margin-top: 0.315rem;
    color: #800000;
    font-size: 1rem;
    display: none;
}

.create-user-error-icon {
    font-size: 0.6875rem;
    color: #800000;
    border: 0.125rem solid #800000;
    border-radius: 50%;
    padding: 0.0625rem;
    margin-right: 0.3125rem;
    display: inline-block;
    width: 0.6875rem;
    height: 0.6875rem;
    text-align: center;
    vertical-align: middle;
}

.create-user-error-text {
    font-size: 0.8125rem;
}

.create-user-warning-icon {
    font-size: 0.875rem;
    color: #800000;
    margin-right: 0.375rem;
}

@media (max-width: 992px) {
    .user-create-next-btn {
        width: 100%;
        max-width: 375px;
    }
}

@media (max-width: 768px) {
    .user-create-next-btn {
        height: 42px;
        padding: 12px 24px 10px 24px;
        font-size: 0.9375rem;
    }
}

@media (max-width: 480px) {
    .user-create-next-btn {
        width: 100%;
        height: 40px;
        padding: 11px 20px 9px 20px;
        font-size: 0.875rem;
        border-radius: 20px;
    }
}