/* file requested: /App_themes/default/redesign/main.css */
/* file resolved: /App_themes/default/redesign/main.css */
/* file requested: /App_themes/default/redesign/main.css */
/* file resolved: /App_themes/default/redesign/main.css */
.main {
    background-color: #f1f1f1;
}


.fullwidth {
}

.divider {
    border-right: 2px solid #d9d9d6;
}

.nextstep-banners .focus .focus-layout .divider::after {
    display: block;
    margin-bottom: -15px;
    content: '';
}

.h-divider {
    border-top: 2px solid #d9d9d6;
}

.hb-divider {
    border-bottom: 2px solid #b2b2b0;
}

.button-wrap a {
    display: inline-block;
    float: left;
    margin: 5px;
}

.button-right {
    float: right;
}

.first {
    margin-left: -195px !important;
    margin-right: 100px;
}

.first-cancel {
    margin-left: -210px !important;
    margin-right: 95px;
}

.vertical-button-wrap a {
    display: inline-block;
    margin: 5px;
    float: right;
}


/*Fix hard to read links*/

.banner-text a,
.landingpage-tabs a {
    color: #fff;
    text-decoration: underline;
}


/*QUESTION SET*/


/*hide something from a sighted user but not a screen reader*/

.visuallyhidden {
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    border: 0;
    clip: rect(0, 0, 0, 0);
    position: absolute;
}


/*------------------------*/


/*START SPECIFIC PAGES */


/*--------------------------*/


/*---------------------*/


/*LANDING PAGE        */


/*--------------------*/

.lmpPanel0 {
    background-color: #f68621;
    color: #fff;
}

.lmpPanel1 {
    background-color: #188ccc;
    color: #fff;
}

.lmpPanel2 {
    background-color: #39b54a;
    color: #fff;
}

.lmpPanel3 {
    background-color: #e35205;
    color: #fff;
}

.hpbox0 {
    background-color: #f68621;
    color: #fff;
}

.hpbox1 {
    background-color: #188ccc;
    color: #fff;
}

.hpbox2 {
    background-color: #39b54a;
    color: #fff;
}

.hpbox3 {
    background-color: #e35205;
    color: #fff;
}

.bgphoto-landing {
    background-image: url('/App_Themes/default/Redesign/images/hp_bg_image1.jpg?v=22');
}


/*Secondary banner area on landing */

.secondarybanner h2 {
    margin-left: 44px;
    font-size: 16px !important;
}

.secondarybanner .login label {
    display: block;
    margin-bottom: 10px;
}

.login input {
    width: 100%;
    height: 35px;
}

.login .username {
    background-image: url('/App_Themes/default/Redesign/images/icons/headshoulder_white.png?v=22');
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-left: 44px;
    background-size: 36px;
    margin-bottom: 10px;
}

.login .password {
    background-image: url('/App_Themes/default/Redesign/images/icons/padlock_white.png?v=22');
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-left: 44px;
    background-size: 36px;
}

.forgotdetails {
    padding-left: 0px;
    margin-bottom: 0;
    margin-top: 20px;
}

    .forgotdetails a {
        color: #fff;
        font-size: 11px;
        padding: 0;
        margin: 0;
    }

.banner-calltoaction #loginbutton {
    border: 0;
    background-color: transparent;
    margin: 0;
    padding: 0;
}


/*End Secondary banner area on landing */

.landingpage-wrap {
    position: relative;
}

.landingpage-tab-wrap {
    padding: 0 20px;
    margin-bottom: -59px;
}

.landingpage-tabs {
    padding: 20px 20px 20px;
}

    .landingpage-tabs h3 {
        text-align: center;
        color: white;
        text-transform: uppercase;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 20px;
    }

    .landingpage-tabs p {
        margin-top: 0;
        margin-bottom: 0;
        color: white;
        font-size: 14px;
        text-align: center;
    }

.landingpage-content-wrap {
    margin-bottom: 30px;
    padding: 90px 20px 90px 20px;
    text-align: center;
}

.landingpage-content {
    padding: 0 50px;
}

.lpborder {
    border-right: 2px solid #d9d9d6;
    margin-right: -17px;
    padding-right: 67px;
}

.landingpage-content h3 {
    text-transform: uppercase;
    color: #58595b;
    font-weight: bold;
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 18px;
}

.landingpage-content p {
    color: #58595b;
    font-size: 14px;
    margin-top: 0;
}

.landingpage-content img {
    max-width: 170px;
}

.lpbox0 {
    background-color: #f68621;
    color: white;
}

.lpbox1 {
    background-color: #188ccc;
    color: white;
}

.lpbox2 {
    background-color: #39b54a;
    color: white;
}

.lpbox3 {
    background-color: #e35205;
    color: white;
}


/*END LANDING PAGE*/


/*-----------------*/


/*HOME PAGE      */


/*----------------*/


/*Homepage Carousel*/

.homepage-carousel img {
    padding-left: 20px;
}

.homepage-carousel .slider-nav-container {
    position: absolute;
    bottom: -46px;
    left: 0;
    right: 0;
    text-align: center;
}

@media screen and (min-width: 1024px) {
    .homepage-carousel .slider-nav-container > .slider-nav {
        display: inline-block;
        background: rgb(0, 0, 0);
        background: rgba(0, 0, 0, 0.2);
        border-radius: 15px;
        padding: 0 10px;
    }
}

.homepage-carousel .slider-nav-container .slick-dots {
    font-size: 0;
    /*fix for the Space Between Inline Block Elements issue*/
    margin: 8px 5px 4px 5px;
    position: relative;
    bottom: auto;
    width: auto;
    display: inline-block;
}

    .homepage-carousel .slider-nav-container .slick-dots li {
        position: relative;
        top: 0;
    }

.homepage-carousel .slider-nav-container .slick-prev,
.homepage-carousel .slider-nav-container .slick-next {
    position: relative;
    left: auto;
    right: auto;
    display: inline-block;
    color: #fff;
    background-size: 72% 72%, cover;
    -webkit-transform: translate(0, 5px);
    -ms-transform: translate(0, 5px);
    transform: translate(0, 5px);
}

.homepage-carousel .slider-nav-container .slick-prev {
    float: left;
    background-position: left 8px;
}

.homepage-carousel .slider-nav-container .slick-next {
    float: right;
    background-position: right 8px;
}

.homepage-carousel .slick-dots li.slick-active button {
    background-image: url('/App_Themes/default/Redesign/images/current-slide-green.png?v=22');
}

.bg-image-container {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1;
}

.bg-image {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    overflow: hidden;
    width: 100%;
}

.hpbox0 {
    background-color: #f68621;
    color: #fff;
}

.hpbox1 {
    background-color: #188ccc;
    color: #fff;
}

.hpbox2 {
    background-color: #39b54a;
    color: #fff;
}

.hpbox3 {
    background-color: #e35205;
    color: #fff;
}

.lmpPanel0 {
    background-color: #f68621;
    color: #fff;
}

.lmpPanel1 {
    background-color: #188ccc;
    color: #fff;
}

.lmpPanel2 {
    background-color: #39b54a;
    color: #fff;
}

.lmpPanel3 {
    background-color: #e35205;
    color: #fff;
}

.homepage-tab-wrap .landingpage-tabs {
    margin-bottom: 20px;
}

@media (min-width: 990px) {
    .carousel-content {
        margin-right: 10px;
    }
}

.bgphoto-homepage {
    background-image: url('/App_Themes/default/Redesign/images/hp_bg_image1.jpg?v=22');
}

.homepage-carousel img {
    padding-left: 20px;
}

.homepage-tab-wrap {
    padding: 0 20px;
    margin-bottom: -59px;
}

.homepage-content {
    padding: 97px 0 17px 0;
    margin-bottom: 75px;
    text-align: center;
    color: #58595b;
}

.site .withoutboxes {
    padding: 17px 0 17px 0;
}

.homepage-content h3 {
    font-size: 18px;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: uppercase;
    margin-top: 15px;
}

.homepage-content p {
    margin-top: 0;
}

.homepage-content a {
    color: #f68621;
    margin-bottom: 14px;
}

.homepage-column {
    padding-left: 25px;
    padding-right: 25px;
    margin-left: 0;
    padding-top: 70px;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 75px;
}

.homepage-column1 {
    background-image: url('/App_Themes/default/Redesign/images/icons/laptop_orange.png?v=22');
}

.homepage-column2 {
    background-image: url('/App_Themes/default/Redesign/images/icons/clock_orange.png?v=22');
}

.homepage-column3 {
    background-image: url('/App_Themes/default/Redesign/images/icons/heartbeat_orange.png?v=22');
}

.homepage-column4 {
    background-image: url('/App_Themes/default/Redesign/images/icons/veggies_orange.png?v=22');
    border-right: none;
}

.homepage-divider {
    border-right: 2px solid #d9d9d6;
}

.homepage-divider2 {
    border-right: 2px solid #d9d9d6;
}

/*MSC ACCESS IN CAROUSEL SLIDES*/

div.msc-single-button-box {
    text-align: center;
    width: auto;
    background: rgba(255, 255, 255, 0.15);
    padding-bottom: 10px;
}

    div.msc-single-button-box p {
        padding: 0 10px;
    }

/*Styles for slides containers*/

p.msc-single-button {
    padding-top: 15px;
    text-align: center;
    margin-top: 25px;
}

.msc-buttons-box {
    border: solid 1px rgba(255, 255, 255, 0.05);
    width: 99%;
    height: auto;
    padding: 15px 10px;
}

.msc-buttons-box {
    width: auto;
    text-align: center;
    background: rgba(255, 255, 255, 0.15);
}

    .msc-buttons-box a {
        margin-bottom: 5px;
        padding: 8px 8px;
        margin-right: 5px;
        display: inline-block;
    }

/*Styles for Slides Buttons*/

a.msc-buttons-sleep {
    color: #014886;
}

a.msc-buttons-resilience {
    color: #198ccd;
}

a.msc-buttons-movement {
    color: #f68622;
}

a.msc-buttons-nutrition {
    color: #007a3f;
}

a.msc-buttons-tobacco {
    color: #78c429;
}

/*Smaller text for Welcome slide*/

a.msc-buttons-sleep, a.msc-buttons-resilience, a.msc-buttons-movement, a.msc-buttons-nutrition, a.msc-buttons-tobacco {
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

/**MEDIA QUERIES**/

@media screen and (max-width: 768px) {
    p.msc-single-button a {
        width: 100%;
        font-size: 10px;
        font-weight: bold;
        padding: 10px 4px;
    }

    .msc-buttons-box a {
        padding: 10px 14px;
        width: 100%;
        font-size: 14px;
    }

    .pre-tra-info h3 {
        font-size: 15px;
        margin-top: 25px;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .msc-buttons-box a {
        padding: 10px 14px;
        width: 49%;
        font-size: 14px;
    }
}
/*END MSC ACCESS IN CAROUSEL SLIDES*/


/*END HOME PAGE*/


/*-----------------------*/


/*HEALTH RISK ASSESSMENT*/


/*-----------------------*/


/*HRA HOMEPAGE*/

@media screen and (max-width: 420px) {
    .hra-bannerwrap.hrareport-banner {
        padding-left: 10px;
    }

    .hrareport-banner {
        padding-left: 0px !important;
        padding-top: 0px;
        background-image: none !important;
    }
}

.bgphoto-hra {
    background-image: url('/App_Themes/default/Redesign/images/hp_bg_image10.jpg?v=22');
}

.hra {
    margin-top: 30px;
    color: #58595b;
}

    .hra h2 {
        margin-top: 0;
        font-size: 30px;
    }

.focus {
    background-color: white;
    /*margin-bottom: 30px;*/
}

.focus-layout {
    margin-top: 45px;
    margin-bottom: 45px;
}

.tobacco-layout {
    margin-bottom: 45px;
}

/*.focus-layout div:nth-child(2n+1) {
    clear: left
}*/

@media (max-width: 768px) {
    .focus-layout div:nth-child(2n) {
        border-bottom: 3px solid #d9d9d6;
    }
}

.score {
    text-align: center;
    padding-top: 34px;
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    cursor: pointer;
    border-style: solid;
    border-width: 22px;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    font-size: 60px;
    margin-left: auto;
    margin-right: auto;
}

.banner-content .score {
    color: #fff;
}

.banner-content .score-wrapper {
    color: #fff;
}

    .banner-content .score-wrapper a {
        color: orange;
    }

        .banner-content .score-wrapper a:hover {
            color: orange;
            text-decoration: underline;
        }

    .banner-content .score-wrapper p {
        margin: 0 0 5px;
        padding: 0;
    }

.score.tra-score {
    font-size: 26px;
    padding-top: 56px;
}

.score-poor {
    border-color: #e35205;
}

.score-medium {
    border-color: #f1b434;
}

.score-good {
    border-color: #39b54a;
}

.score span {
    font-size: 22px;
}

.score-breakdown {
    padding-bottom: 20px;
    padding-top: 20px;
}

.score-wrapper {
    text-align: center;
    margin-bottom: 0 /* 15px */
    ;
    margin-top: 0 /* 20px */
    ;
}

    .score-wrapper a {
        color: #adadad;
        margin-top: 0;
        font-size: 18px;
    }

        .score-wrapper a:hover {
            color: #58595b
        }

    .score-wrapper h3 {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 24px;
    }

.prevscore {
    color: #afafaf;
    margin: 0;
    padding: 5px 0;
}

.score1 {
    border-color: rgba(227, 82, 5, 0.3);
}

.score2 {
    border-color: rgba(227, 82, 5, 0.3);
}

.score3 {
    border-color: rgba(241, 180, 52, 0.3);
}

.score4 {
    border-color: rgba(241, 180, 52, 0.3);
}

.score5 {
    border-color: rgba(227, 82, 5, 0.3);
}

.score6 {
    border-color: rgba(227, 82, 5, 0.3);
}

.score7 {
    border-color: rgba(57, 181, 74, 0.3);
}

.score8 {
    border-color: rgba(57, 181, 74, 0.3);
}

.hra-tab-wrap {
    padding-top: 20px;
    margin-bottom: 30px;
}

.hra-banner {
    padding: 25px 0;
    margin-bottom: 20px;
}

    .hra-banner p {
        margin-top: 0;
    }

    .hra-banner h4 {
        font-size: 30px;
        margin-bottom: 15px;
        margin-top: 0;
        text-transform: uppercase;
    }

.hra-bannerwrap {
    display: inline-block;
    background-position: left center;
    padding-left: 130px;
    background-repeat: no-repeat;
    background-size: auto 110px;
    background-position: top left;
}

.hra-banner-content p {
    display: inline-block;
    width: 60%;
}

.hra-banner-content button {
    vertical-align: text-bottom;
    float: right;
}

.gp-banner {
    background-image: url('/App_Themes/default/Redesign/images/icons/stethoscope_white.png?v=22');
    background-size: 100px;
}

.new-challenge-banner {
    background-image: url('/App_Themes/default/Redesign/images/icons/medal_white.png?v=22');
    background-size: 100px;
}

.programme-banner {
    background-image: url('/App_Themes/default/Redesign/images/icons/rocks_white.png?v=22');
    background-size: 100px;
}

.more-reports {
    text-align: center;
    margin: 40px 0;
}

.other-reports {
    background-position: top center;
    background-repeat: no-repeat;
    padding-top: 170px;
    text-align: center;
}

    .other-reports h3 {
        margin-top: 10px;
        margin-bottom: 20px;
        text-transform: uppercase;
        font-size: 22px;
    }

    .other-reports a {
        margin: 0;
        color: #004986;
        font-size: 15px;
        font-weight: bold;
    }

.previous-reports {
    background-image: url('/App_Themes/default/Redesign/images/icons/chart-up_blue.png?v=22');
    background-size: 170px;
}

.assess-again {
    background-image: url('/App_Themes/default/Redesign/images/icons/clipboard_blue.png?v=22');
    background-size: 165px;
}

.hra-info {
    padding-top: 40px;
    padding-bottom: 30px;
    /*background-color:#D9D9D7;*/
}

.hra-info-margin {
    margin-bottom: 20px;
}

.hra-info .row ul {
    margin: 0;
    padding: 0;
}

    .hra-info .row ul li {
        margin-bottom: 10px;
    }

.hra-info h3 {
    color: #58595b;
    font-size: 30px;
    margin-top: 0;
}

.hra-info-title h3 {
    color: #007a3e;
    font-size: 24px;
    display: inline;
    margin-top: 0;
}

.hra-info p {
    margin-top: 0;
    margin-bottom: 25px;
}

    .hra-info p.hra-info-title-number {
        color: #007a3e;
        font-size: 22px;
        -webkit-border-radius: 50%;
        moz-border-radius: 50%;
        border-radius: 50%;
        border: 3px solid #007a3e;
        width: 42px;
        text-align: center;
        display: inline-block;
        margin-top: 0;
        margin-right: 10px;
        float: left;
    }


/*END HRA HOMEPAGE*/


/*----------------------*/


/*HRA QUESTION SETS*/


/*------------------------*/


/*backgrounds */

.bgphoto-hraintroquestions {
    background-image: url('/App_Themes/default/Redesign/images/hp_bg_image12.jpg?v=22');
}

.bgphoto-hrastressquestions {
    background-image: url('/App_Themes/default/Redesign/images/hp_bg_image7.jpg?v=22');
}

.bgphoto-hramedicalquestions {
    background-image: url('/App_Themes/default/Redesign/images/hp_bg_image4.jpg?v=22');
}


/*general*/


/* CALLOUT BOX */

.callout {
    display: inline;
    padding: 0;
    margin-left: 12px;
    font-size: 0.9em;
    margin: 10px 10px 10px 0;
}

    .callout p {
        font-weight: normal !important;
    }

.hidtext {
    color: #39b54a !important;
}

    .hidtext span {
        font-size: 0.9em;
    }

    .hidtext a {
        cursor: help;
        text-decoration: none;
        color: #39b54a;
    }

        .hidtext a strong {
            display: block;
            margin-top: 5px;
        }

        .hidtext a span {
            position: absolute;
            cursor: help;
            color: #fff;
            top: -99999px;
            left: -99999px;
            width: 225px;
            background: #fff;
            border-bottom: 1px solid #d9d9d6;
            z-index: 200;
        }

        .hidtext a:hover span,
        .hidtext a:focus span,
        .hidtext a:active span,
        .hidtext a.showme span {
            top: 5px;
            left: 0px;
        }

        .hidtext a:hover,
        .hidtext a:focus,
        .hidtext a:active,
        .hidtext a.showme {
            position: relative;
            z-index: 50;
            border-top: 1px solid #fff;
            text-decoration: none;
        }

            .hidtext a:hover span,
            .hidtext a:focus span,
            .hidtext a:active span,
            .hidtext a.showme span {
                display: block;
                background: url('/App_Themes/default/Redesign/images/callout_bckg.gif?v=22') left top no-repeat;
                margin-top: 15px;
                text-decoration: none;
                font-weight: normal;
                position: absolute;
                display: block;
                padding: 17px 10px 10px;
                z-index: 30;
            }

.sideresults .hidtext a:hover span,
.sideresults .hidtext a:focus span,
.sideresults .hidtext a:active span,
.sideresults .hidtext a.showme span {
    top: -20px;
    left: -260px;
}

.sideresults .hidtext a:hover span,
.sideresults .hidtext a:focus span,
.sideresults .hidtext a:active span,
.sideresults .hidtext a.showme span {
    background: #fff;
    border-left: 1px solid #0067ac;
    border-top: 1px solid #0067ac;
    border-right: 1px solid #0067ac;
    padding-top: 10px;
    padding: 10px 10px 10px;
}

.fieldwarning {
    cursor: help;
    color: #000;
    background: #fff;
    border: 1px solid #0067ac;
    z-index: 200;
    padding: 4px;
    font-size: 0.9em;
}

.invisible {
    display: none;
}

.hra-questions {
    color: #58595b;
}

    .hra-questions .wrapper {
        padding-top: 10px;
    }

    .hra-questions fieldset {
        border: none;
        margin-top: 20px;
        margin-bottom: 40px;
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        text-align: center;
    }

        .hra-questions fieldset .questiontitle {
            text-align: left;
        }

        .hra-questions fieldset legend {
            font-size: 16px;
            font-weight: bold;
            padding-bottom: 5px;
        }

.imagebuttonschoice img {
    display: block;
    border-radius: 50%;
    border: 4px solid #ccc;
}

.hra-questions h2 {
    font-size: 24px !important;
    color: #f68621;
}

    .hra-questions h2 em {
        color: #58595b;
        font-weight: normal;
        font-style: normal;
        font-size: 18px;
    }

.hra-questions h3 {
    font-size: 18px;
    margin-top: 30px;
}

    .hra-questions h3 em {
        font-size: 13px;
        font-weight: normal;
    }

.hra-questions .questions span.numbers-warning {
    color: #e35205;
}

.opquest {
    font-weight: bold;
}

fieldset.question {
    text-align: left
}

.hra-questions p {
}

input.simplevalue {
    border: 2px solid #ccc;
    margin-left: 5px;
}

.questions .questionpanel {
    text-align: left;
}

.questiontitle {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}

    .questiontitle em {
        font-weight: normal;
        font-size: 14px;
    }

.simplevalue {
    width: 5em;
    margin-right: 2em;
}


/*progress bar*/

.progress-bar-wrap {
    text-align: center;
    color: #39b54a;
    margin-top: 25px;
    margin-bottom: 40px;
    padding-bottom: 15px;
}

.progress-bar-section {
    display: inline-block;
    width: 13%;
    position: relative;
    font-size: 12px;
    vertical-align: top;
}

.progress-box {
    height: 20px;
    width: 100%;
    border: 2px solid #39b54a;
    display: inline-block;
    border-left: 0;
}

    .progress-box:after {
        height: 30px;
        width: 100%;
        border-right: 2px solid #39b54a;
        content: '';
        display: inherit;
        position: absolute;
        top: -5px;
        right: 0;
    }

    .progress-box:last-child:after {
        background-color: blue;
    }

.progress-box-fill {
    background-color: #39b54a;
}

.progress-box-active {
    background-color: #39b54a;
    background-image: linear-gradient(to right, #39b54a 54%, #f1f1f1 46%);
}

.progress-box-fill + .progress-bar-text:after {
    content: '';
    background-image: url('/App_Themes/default/Redesign/images/icons/tick_green.png?v=22');
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 10px;
}


/* Progress bar v2 (MSC) */

.formslider {
    margin-top: 50px;
}

.container .noUi-background {
    background-color: #188ccc;
}

.container .noUi-target {
    border: 0;
    border-radius: 5px;
    margin-left: 15px;
    margin-right: 15px;
}

.container .noUi-horizontal {
    height: 6px;
}

.container .noUi-background {
    box-shadow: none !important;
}

.container .noUi-target {
    box-shadow: none !important;
}

.noUi-horizontal .noUi-handle {
    border: 0;
    box-shadow: none;
    background-color: transparent;
    cursor: pointer;
}

.container .noUi-handle::before,
.container .noUi-handle::after {
    background: #e35205 none repeat scroll 0 0;
    border-radius: 50%;
    height: 23px;
    left: 4px;
    top: -3px;
    width: 23px;
}

.container .noUi-base {
}

.formslider {
    position: relative;
}

    .formslider .slidelegleft {
        position: absolute;
        top: 20px;
        left: 0;
        width: 100px;
        font-size: 9px;
    }

    .formslider .slidelegcenter {
        position: absolute;
        top: 20px;
        left: -50px;
        width: 100px;
        font-size: 9px;
    }

    .formslider .slidelegright {
        position: absolute;
        top: 20px;
        right: 0;
        width: 100px;
        font-size: 9px;
        text-align: right;
    }

    .formslider .bar {
        background-color: #188ccc;
        width: 3px;
        height: 20px;
        display: inline-block;
        position: absolute;
        top: -8px;
    }

fieldset.slider {
    text-align: left;
}

.slider label {
    font-size: 18px;
    text-align: left;
    font-weight: bold;
}

    .slider label em {
        font-size: 16px;
        font-weight: normal;
    }

@media screen and (max-width: 730px) {
    .formslider .slidelegleft,
    .formslider .slidelegcenter,
    .formslider .slidelegright {
        display: block;
        z-index: 3
    }

    .formslider .bar .even {
        top: -40px
    }
}

/*INPUT STYLES*/

/*Sqaure orange button style*/

input + .label-button {
    color: #110081;
    background-color: transparent;
    border: 3px solid;
    padding: 16px 8px;
    width: 180px;
    display: inline-block;
    text-align: center;
    margin: 10px 8px;
    overflow: hidden;
    cursor: pointer;
}

input:checked + .label-button {
    background-color: #004986;
    color: white;
    border: 3px solid;
}

input:focus + .label-button {
}

.label-button:hover {
    border-width: 3px;
}

.two-col-orange .label-button {
    width: 100%;
    font-weight: bold;
    font-size: 18px;
}

    .two-col-orange .label-button span {
        font-weight: normal;
        font-size: 15px;
        display: block;
    }


/* Customised checkbox */


/* Checkbox */

.hra-questions .checkboxcustom {
    text-align: left;
}

.checkboxcustom .formrow {
    margin-top: 0;
    margin-bottom: 5px;
}

.checkboxcustom label {
    padding-left: 60px;
    cursor: pointer;
}

.custom-checkbox {
    width: 42px;
    height: 39px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    z-index: 1;
    top: 3px;
    background: url('/App_Themes/default/Redesign/images/icons/checkbox.png?v=22') no-repeat;
    background-size: 42px 39px;
}

    .custom-checkbox:hover {
        /* background: url('/App_Themes/Default/images/icons/checkbox-hover.png?v=22') no-repeat; */
    }

    .custom-checkbox.selected {
        background: url('/App_Themes/default/Redesign/images/icons/checkbox-selected.png?v=22') no-repeat;
        background-size: 42px 39px;
    }

    .custom-checkbox input[type="checkbox"] {
        margin: 0;
        position: absolute;
        z-index: 2;
        cursor: pointer;
        outline: none;
        opacity: 0;
        /* CSS hacks for older browsers */
        _noFocusLine: expression(this.hideFocus=true);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -khtml-opacity: 0;
        -moz-opacity: 0;
    }


/*Blue slider radio style */

.radio-slider-wrap {
    text-align: justify;
    position: relative;
    margin: 40px 0;
}


/*.radio-slider-wrap:after {
    content: '';
    border: 3px solid #188ccc;
    display: block;
    height: 3px;
    width: 100%;
    position: absolute;
    top: 20px;
    z-index: 1;
}
*/


/*.radio-slider-bar {
    content: '';
    border: 3px solid #188ccc;
    display: block;
    height: 3px;
    width: 100%;
    position: absolute;
    top: 20px;
    z-index: 1;
}
*/

.radio-slider-label {
    display: inline-block;
    text-align: center;
    margin: 10px 44px;
    vertical-align: top;
    width: 125px;
    z-index: 2;
    position: relative;
}

    .radio-slider-label:focus {
        background-color: #c4d600;
    }

    .radio-slider-label.radio-slider-label-first {
        margin-left: 0;
        text-align: left;
    }

    .radio-slider-label.radio-slider-label-last {
        margin-right: 0;
        float: right;
    }

.radio-slider-label-first .radio-slider-span {
    text-align: left;
    margin-left: 0;
}

.radio-slider-label-last .radio-slider-span {
    text-align: right;
    margin-right: 0;
}

input + .radio-slider-span {
    border: 1px solid #188ccc;
    display: block;
    height: 23px;
    width: 2px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    text-align: center;
}

input:hover + .radio-slider-span {
    border: 1px solid #e35205;
    height: 20px;
    width: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    text-align: center;
    border-radius: 50%;
    background-color: #e35205;
}

input:hover + .radio-slider-span-last {
    margin-right: 0;
}

input:hover + .radio-slider-span-first {
    margin-left: 0;
}

input:focus + .radio-slider-span:after {
    content: '';
    font-size: 30px;
}

input:checked + .radio-slider-span {
    border: 1px solid #e35205;
    height: 25px;
    width: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    text-align: center;
    border-radius: 50%;
    background-color: #e35205;
    z-index: 2;
}

input:checked + .radio-slider-span-last {
    margin-right: 0;
}

input:checked + .radio-slider-span-first {
    margin-left: 0;
}


/*SLIDER TEST*/

.mobile-slider-bar {
    border: 3px solid #188ccc;
    display: block;
    height: 3px;
    width: 100%;
    position: absolute;
    top: 10px;
}

.mobile-slider-wrap {
    position: relative;
    margin: 40px 0;
    text-align: left;
}

.mobile-slider-label {
    display: block;
    margin-bottom: 30px;
    background: white;
    padding: 5px;
    margin: 5px;
    position: absolute;
    top: -64px;
    width: 100%;
    color: #666;
    cursor: pointer;
}

.mobile-slider-object {
    display: inline-block;
    width: 19%;
    background-color: white;
    text-align: center;
    position: relative;
}

    .mobile-slider-object input {
        visibility: hidden;
        left: -50px;
    }

.mobile-slider-span {
    height: 25px;
    width: 3px;
    color: blue;
    background-color: blue;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 0;
    z-index: 50;
}

.mobile-slider-object input:checked + .mobile-slider-span {
    border: 1px solid #e35205;
    height: 25px;
    width: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    text-align: center;
    border-radius: 50%;
    background-color: #e35205;
    z-index: 2;
}

.mobile-slider-span.mobile-slider-span-first {
    float: left;
}

.mobile-slider-object-first {
    text-align: left;
}

.mobile-slider-span.mobile-slider-span-last {
    float: right;
}

.mobile-slider-object-last {
    text-align: right;
}


/*SLIDER TEST*/


/*Blue & yellow radio style*/

.falseradio-label {
    display: inline-block;
    font-size: 15px;
    margin: 10px 40px;
    width: 115px;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
}

input + .falseradio-span {
    height: 20px;
    width: 20px;
    border: 2px solid #004986;
    border-radius: 50%;
    display: block;
    padding-left: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

input:focus + .falseradio-span:after {
    content: ''
}

input:checked + .falseradio-span,
input:hover + .falseradio-span {
    background-color: #0033ff;
}


/*picture question style*/

.picture-label:before {
    content: '';
    background-size: 180px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 180px;
    height: 180px;
    display: inline-block;
    margin-bottom: 20px;
}

#small-portion-rice:before {
    background-image: url('/App_Themes/default/Redesign/images/small_portion.png?v=22');
}

#medium-portion-rice:before {
    background-image: url('/App_Themes/default/Redesign/images/medium_portion.png?v=22');
}

#large-portion-rice:before {
    background-image: url('/App_Themes/default/Redesign/images/large_portion.png?v=22');
}

.falseradio-label.picture-label {
    width: auto;
}


/*Back and Next buttons */

.question-nav-buttons {
    margin-top: 40px;
}

    .question-nav-buttons a,
    .question-nav-buttons input {
        display: inline-block;
        padding-top: 80px;
        background-size: 75px 75px;
        background-position: top center;
        background-repeat: no-repeat;
        text-transform: uppercase;
        text-align: center;
        font-size: 15px;
        color: #188ccc;
        min-width: 75px;
    }

    .question-nav-buttons a,
    .question-nav-buttons input {
        color: #188ccc;
        border: 0;
        font-weight: bold;
        background-color: transparent;
    }

        .question-nav-buttons a.prev,
        .question-nav-buttons input.prev {
            background-image: url('/App_Themes/vielife/../default/Redesign/images/icons/prev-arrow-round_blue.png?v=22');
            float: left;
        }

        .question-nav-buttons a.next,
        .question-nav-buttons input.next {
            background-image: url('/App_Themes/vielife/../default/Redesign/images/icons/next-arrow-round_blue.png?v=22');
            float: right;
        }


/*END HRA QUESTION SET*/


/*------------------------------*/


/*HEALTH RISK ASSESSMENT REPORT */


/*------------------------------*/

.svg-container {
    max-width: 300px;
    min-width: 180px;
}

.bgphoto-hrareport {
    background-image: url('/App_Themes/Default/../images/hp_bg_image2.jpg?v=22');
}

.hrareport {
    color: #58595b;
}

    .hrareport h2 {
        font-size: 30px;
    }

    .hrareport h3 {
        font-size: 22px;
    }

.nextstep-banners .stepbox1 {
    background-color: #00a9e0;
    color: white;
}

.nextstep-banners .stepbox2 {
    background-color: #188ccc;
    color: white;
}

.step-banner {
    padding: 20px 30px 20px 20px;
    margin-bottom: 20px;
}

    .step-banner p {
        display: inline-block;
        font-size: 16px;
        float: left;
        width: 80%;
        margin-top: 0;
        margin-bottom: 0;
    }

    .step-banner a {
        color: #f4f2ae;
    }

    .step-banner p.step-number {
        border-radius: 50%;
        border-color: white;
        border-width: 2px;
        border-style: solid;
        font-size: 30px;
        width: 46px;
        height: 46px;
        margin-right: 20px;
        text-align: center;
        margin-bottom: 4%;
    }

.focus-wrapper {
    text-align: center;
    padding-top: 0px;
    background-position: top center;
    background-size: 100px;
    background-repeat: no-repeat;
    margin-bottom: 30px;
}

.nextstep-banners .focus .focus-layout .focus-wrapper {
    min-height: 250px;
}

.focus-wrapper .areastofocushra img {
    width: 100px;
    height: 100px;
}

.focus-wrapper h3 {
    font-size: 26px;
    margin: 8px 0;
    text-transform: uppercase;
}

.focus-wrapper p {
    margin-top: 0;
}

.hrareport-banner {
    background-image: url('/App_Themes/default/Redesign/images/icons/pageplus_white.png?v=22');
    background-size: 100px;
}

.hrareport .hra-banner .hrareport-banner a {
    float: none;
}

.nextstep-banners .stepbox1 {
    background-color: #188ccc;
}

.nextstep-banners .stepbox2 {
    background-color: #004986;
}

.hiddenscore {
    display: none;
}

.hrasubreport-content .cigna-button-normal,
.hrasubreport-content .cigna-button-normal {
    color: #fff;
}

    .hrasubreport-content .cigna-button-normal:hover,
    .hrasubreport-content .cigna-button-normal:hover {
        color: #e35205;
    }

.hrasubreport-content table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

    .hrasubreport-content table th {
        border: 1px solid #ccc;
        padding: 5px 10px;
    }

        .hrasubreport-content table th p {
            padding: 0;
            margin: 0;
        }

    .hrasubreport-content table td p {
        padding: 0;
        margin: 0 0 10px;
    }

    .hrasubreport-content table td {
        border: 1px solid #ccc;
        padding: 5px 10px;
    }

.darkgreen .wrapper {
    max-width: none;
}

.darkgreen .container {
    width: auto;
}


/*--------------*/


/*HRA SUBREPORT*/


/*--------------*/

.hrasubreport {
    color: #58595b;
}

.hrasubreport-wrapper {
    padding-bottom: 30px;
}

.hrasubreport-content {
    padding-top: 30px;
}

    .hrasubreport-content h2 {
        font-size: 30px;
    }

    .hrasubreport-content h3 {
        font-size: 18px;
    }

    .hrasubreport-content p {
    }

    .hrasubreport-content a {
        color: #f68621;
    }

    .hrasubreport-content li {
        list-style: disc;
        margin-left: 30px;
    }

.hrasubreport-button {
    display: inline-block;
    margin-left: 14px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.subscoredisplay {
    clear: both;
    padding-top: 10px;
}

.viewreport {
    padding: 7px 0;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px
}

@media screen and (max-width: 768px) {
    .viewreport {
        padding: 7px 10px;
    }

        .viewreport .cigna-button {
            margin: 10px 0;
        }

        .viewreport .col-sm-2,
        .viewreport .col-sm-3 {
            display: inline-block;
            width: 100%;
            padding-left: 10px;
            font-weight: bold;
            clear: both
        }

        .viewreport .col-sm-1,
        .viewreport .col-sm-4 {
            display: inline-block;
            padding-left: 10px;
            width: 100%;
            float: left
        }

            .viewreport .col-sm-1::before {
                content: "Your score: ";
            }

        .viewreport .col-sm-2 a {
            text-decoration: none;
        }

            .viewreport .col-sm-2 a::after {
                content: "\25BC";
            }

            .viewreport .col-sm-2 a.selected::after {
                content: "\25B2";
            }

    .subscoredisplay .col-sm-4 {
        display: inline-block;
        width: 100%;
        margin: 0 0 5px 0;
        background: #f1f1f1;
        padding: 2px 10px;
        box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.1);
    }

        .subscoredisplay .col-sm-4 div + div {
            font-weight: bold;
        }
}

@media screen and (min-width: 769px) and (max-width: 992px) {
    .viewreport .col-sm-2 {
        width: 33%;
    }

    .viewreport .cigna-button {
        margin: 10px 0;
    }
}


/*END HRA SUBREPORT*/


/*---------------*/


/*TRA REPORT     */


/*-------------*/

.aboutpage {
    padding-top: 40px;
    padding-bottom: 50px;
}

    .aboutpage h2 {
        color: #f68621;
        font-size: 24px;
    }

    .aboutpage .homebutton {
        padding-top: 40px;
    }

        .aboutpage .homebutton a {
            margin-right: 10px;
        }

    .aboutpage .aboutpoints ul {
        padding-left: 0;
        margin-left: 0;
    }

.tra-focus-area1 {
    background-image: url('/App_Themes/default/Redesign/images/icons/stethoscope_green.png?v=22');
}

.tra-focus-area2 {
    background-image: url('/App_Themes/default/Redesign/images/icons/heartbeat_green.png?v=22');
}

.banner-button {
    /*display: inline-block;*/
}

.hra-banner a {
    float: right;
}

.hra-banner .hra-banner-content a {
    float: none;
}

.tra-links {
    background-color: #d9d9d7;
}

    .tra-links h3 {
        font-size: 30px;
        padding-top: 20px;
    }

    .tra-links a {
        font-size: 18px;
    }

    .tra-links .hb-divider {
        padding-bottom: 5px;
        margin-bottom: 15px;
    }

.pre-tra-info {
    margin-bottom: 30px;
    padding-top: 20px;
}

    .pre-tra-info h3 {
        margin-top: 25px;
    }

.backstressconfirmation {
    margin-top: 15px;
}

    .backstressconfirmation p {
        margin-top: 15px;
    }

.programme-message h2 {
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 10px;
}

.programme-message {
    margin-bottom: 30px;
    margin-top: 30px;
}

.lmphomebuttons {
    margin-left: 20px;
}


/*END TRA*/


/*SIDEBAR on HRA SUBREPORT and ALSO LIBRARY ARTICLES*/

.sidebar-box {
    padding: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}

    .sidebar-box h3 {
        font-size: 22px;
        margin-top: 0;
    }

    .sidebar-box p {
    }

    .sidebar-box ul {
        color: white;
    }

    .sidebar-box li {
        color: white;
    }

    .sidebar-box a {
        color: white;
    }


/*SIDEBAR on HRA SUBREPORT and ALSO LIBRARY ARTICLES*/


/*--------------*/


/*CHALLENGES      */


/*----------------*/


/*CHALLENGES HOME PAGE*/

.bgphoto-challenges {
    background-image: url('/App_Themes/default/Redesign/images/hp_bg_image12.jpg?v=22');
}

.challenges {
    color: #58595b;
}

    .challenges h2 {
        font-size: 30px;
        margin: 0;
        font-weight: normal;
    }

    .challenges h3 {
        font-weight: normal;
    }

.challenge-banner {
    margin-bottom: 30px;
}

    .challenge-banner h3,
    .challenge-banner h4 {
        font-size: 22px;
        font-weight: normal;
    }

.challenge-header-wrap h2 {
    display: inline-block;
    float: left;
    margin: 30px 0;
}

.challenge-header-wrap .challenge-progress {
    float: right;
}

.challenges h3,
.challenges h4 {
    margin: 0;
}

.challenges h3 {
    /*text-transform: uppercase;*/
}

.challenge-info {
    padding-left: 120px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.challenge-info {
    background-repeat: no-repeat;
    background-position: 0 20px;
    background-size: 100px;
}

.challenge-info-1 {
    background-image: url('/App_Themes/default/Redesign/images/icons/trainers_white.png?v=22');
}

.challenge-info-2 {
    background-image: url('/App_Themes/default/Redesign/images/icons/heartbeat_white.png?v=22');
}

.challenge-info-3 {
    background-image: url('/App_Themes/default/Redesign/images/icons/clock_white.png?v=22');
}

.challenge-info-4 {
    background-image: url('/App_Themes/Default/Redesign/images/icons/coffee_white.png?v=22');
}

.challenge-graph-wrap {
    padding-bottom: 20px;
}

    .challenge-graph-wrap h4 {
        text-align: center;
        font-size: 22px;
    }

.scores-user-details h2 {
    font-size: 26px;
}

.challenge-graph-wrap .previous {
    float: left;
    background-color: #39b54a;
    color: #fff;
    border: 0;
    font-weight: bold;
}

    .challenge-graph-wrap .previous[disabled="disabled"],
    .challenge-graph-wrap .next[disabled="disabled"] {
        visibility: hidden
    }

.challenge-graph-wrap .next {
    float: right;
    background-color: #39b54a;
    color: #fff;
    border: 0;
    font-weight: bold;
}

.challenge-banner-expired {
    background-color: #d9d9d6;
    color: #666;
}

    .challenge-banner-expired .challenge-inf0-header-wrap {
        padding-left: 0;
    }

    .challenge-banner-expired .button-wrap {
        display: none;
    }

    .challenge-banner-expired .challenge-graph-wrap {
        display: none;
    }


/* Make Change page */


/* popup */

.navcenter {
    text-align: center;
}

    .navcenter a {
        display: inline-block;
        margin-bottom: 10px;
    }

.questionpoints {
    padding: 10px;
    text-align: center;
    background-color: #ffffff;
}


/*CHALLENGES TRACK PAGE*/

.challenge-track {
    padding: 20px 0;
}

.challenge-track-form {
    margin-top: 30px;
}

.challenge-track-week-titles {
    display: block;
    margin-bottom: 20px;
    text-align: center;
}

    .challenge-track-week-titles h3,
    .challenge-track-week-titles a {
        color: #00a9e0;
        font-size: 15px;
        display: inline-block;
    }

    .challenge-track-week-titles a {
        text-transform: uppercase;
        background-repeat: no-repeat;
    }


/*.challenge-track-week-titles a.track-week-next {
    float: right;
}
*/

.track-week-next {
    background-image: url('/App_Themes/default/Redesign/images/arrow-right_blue.png?v=22');
    background-position: center right;
    background-size: 10px;
    padding-right: 20px;
    float: right;
}

.track-week-back {
    background-image: url('/App_Themes/default/Redesign/images/arrow-left_blue.png?v=22');
    background-position: center left;
    background-size: 10px;
    padding-left: 20px;
    float: left;
}

.challenge-track-week-titles h3 {
    text-transform: none;
}

.challenge-track-week:first-child {
    margin-left: 0;
}

.challenge-track-week:last-child {
    margin-right: 0;
}

.challenge-form-group {
    display: inline-block;
    float: left;
    margin: 0 2%;
}

    .challenge-form-group label,
    .challenge-form-group input {
        display: block;
    }

    .challenge-form-group label {
        text-align: center;
        color: #188ccc;
        font-size: 15px;
        margin-bottom: 5px;
    }

    .challenge-form-group input {
        width: 65px;
        height: 28px;
        text-align: center;
        border: 1px solid #d9d9d6;
        color: #004986;
        font-weight: bold;
    }

.challenge-track-form h4 {
    text-align: center;
    text-transform: uppercase;
    color: #39b54a;
    font-size: 15px;
    margin-top: 30px;
}

.challenge-track-total-wrap {
    width: 30%;
}

.challenge-track-total {
    border: 1px solid #d9d9d6;
    margin-top: 10px;
    text-align: center;
    background-color: #ffffff;
    padding: 5px 10px;
    color: #39b54a;
}

.challenge-link-device {
    margin-top: 60px;
}

    .challenge-link-device input {
        height: 30px;
        border: 1px solid #d9d9d6;
        width: 30%;
        display: block;
    }

    .challenge-link-device button {
        margin-top: 20px;
    }

.challenge-track-submit {
    float: right;
    margin-top: 30px;
}

.challenge-track .challenge-graph-wrap {
    padding-left: 0;
}


/*CHALLENGES STATS PAGE*/


/*link tabs*/

.changes-tab-links {
    float: right;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 0;
}

    .changes-tab-links li:last-child {
        margin-right: 10px;
        padding-right: 10px;
        border-right: none;
    }

    .changes-tab-links li {
        display: inline-block;
        cursor: pointer;
        margin-right: 10px;
        padding-right: 10px;
        border-right: 1px solid #d9d9d6;
    }

#current-changes-link.active,
#changes-stats-link.active,
#individual-medals-link.active,
#individual-points-link.active {
    color: #f68621;
}

#completed-changes-link.active,
#changes-stats-link.active,
#team-medals-link.active,
#team-points-link.active {
    color: #f68621;
}

#current-changes,
#individual-medals,
#individual-points,
#team-points,
#changes-stats {
    display: none;
}

#completed-changes,
#team-medals {
    display: none;
}

#current-changes.active,
#individual-medals.active,
#individual-points.active,
#team-points.active {
    display: block;
}

#completed-changes.active,
#team-medals.active,
#changes-stats.active {
    display: block;
}


/*END TABS*/

.challenges-overall-stats {
    padding-top: 30px;
    padding-bottom: 30px;
}


/*Indivudual points section */


/*top scores column*/

.top-scores-row h2 {
}

.top-scores-row p {
    margin: 0;
}

.top-scores-row {
    margin-bottom: 20px;
}

    .top-scores-row * {
        vertical-align: top;
    }

.top-scores-medal {
    width: 60px;
    height: 85px;
    background-size: 60px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    position: relative;
}

.top-scores-medal-first {
    background-image: url('/App_Themes/default/Redesign/images/icons/award_green.png?v=22');
    color: #39b54a;
}

    .top-scores-medal-first:after {
        content: '1';
        font-size: 40px;
        position: absolute;
        top: 2px;
        left: 19px;
    }

.top-scores-medal-second {
    background-image: url('/App_Themes/default/Redesign/images/icons/award_blue.png?v=22');
    color: #00a9e0;
}

    .top-scores-medal-second:after {
        content: '2';
        font-size: 40px;
        position: absolute;
        top: 2px;
        left: 19px;
    }

.top-scores-medal-third {
    background-image: url('/App_Themes/default/Redesign/images/icons/award_orange.png?v=22');
    color: #f68621;
}

    .top-scores-medal-third:after {
        content: '3';
        font-size: 40px;
        position: absolute;
        top: 2px;
        left: 19px;
    }

.top-scores-first .points {
    color: #39b54a;
}

.top-scores-second .points {
    color: #00a9e0;
}

.top-scores-third .points {
    color: #f68621;
}

.scores-user-details {
    display: inline-block;
}

.scores-user-pic {
    background-repeat: no-repeat;
    background-size: 60px;
    background-position: center center;
    width: 120px;
    height: 120px;
    margin: 0 5px;
}

.top-scores-row .scores-user-pic {
    display: inline-block;
}

.star-points {
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center center;
    width: 40px;
    height: 40px;
    display: inline-block;
    background-image: url('/App_Themes/default/Redesign/images/icons/star_orange.png?v=22');
    background-position: center center;
    position: relative;
    text-align: center;
}

    .star-points a {
        position: relative;
        top: 14px;
        color: #f3b739;
        font-weight: bold;
        font-size: 12px;
    }

.top-scores-first .star-points:after {
    position: absolute;
    top: 11px;
    left: 16px;
    color: #f1b434;
}

.top-scores-second .star-points:after {
    position: absolute;
    top: 11px;
    left: 13px;
    color: #f1b434;
}

.top-scores-third .star-points:after {
    position: absolute;
    top: 11px;
    left: 13px;
    color: #f1b434;
}

.top-scores-row .star-points {
    margin-left: 15px;
}

.scores-user-pic1 {
    background-image: url('/App_Themes/default/Redesign/images/icons/avatar_1.png?v=22');
}

.scores-user-pic2 {
    background-image: url('/App_Themes/default/Redesign/images/icons/avatar_2.png?v=22');
}

.scores-user-pic3 {
    background-image: url('/App_Themes/default/Redesign/images/icons/avatar_3.png?v=22');
}


/*ranking column */

.ranking-row {
    padding-left: 25px;
    margin: 5px 0;
    color: #58595b;
}

    .ranking-row p {
        display: inline-block;
        font-size: 18px;
        margin: 7px 0 0 0;
    }

    .ranking-row h4 {
        display: inline-block;
        font-size: 18px;
        font-weight: normal;
    }

.ranking-highlight {
    background-color: #00a9e0;
    color: white;
    padding-bottom: 10px;
}

.ranking-pagination .prev {
    background-image: url('/App_Themes/default/Redesign/images/arrow-left_blue.png?v=22');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 10px;
    display: inline-block;
}

    .ranking-pagination .prev a {
        padding-left: 20px;
    }

.ranking-pagination .next {
    background-image: url('/App_Themes/default/Redesign/images/arrow-right_blue.png?v=22');
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 10px;
    display: inline-block;
}

    .ranking-pagination .next a {
        padding-right: 20px;
    }

.ranking-pagination {
    color: #00a9e0;
    text-align: center;
    width: 100%;
    font-size: 15px;
}

    .ranking-pagination p {
        margin: 0;
    }

    .ranking-pagination ul,
    .ranking-pagination li {
        display: inline-block;
    }

    .ranking-pagination a {
        /*display: block;*/
        color: #00a9e0;
        padding: 0 3px;
    }

        .ranking-pagination a:hover {
            color: #004986;
            text-decoration: underline;
        }


/*score-summary column*/

.score-summary {
    text-align: center;
    color: #e35205;
}

    .score-summary .scores-user-pic {
        margin-left: auto;
        margin-right: auto;
    }

    .score-summary .user-score-images .scores-user-pic span.avatarimg img {
        width: 90px;
        height: 90px;
    }

    .score-summary .star-points {
        position: absolute;
        top: 36px;
    }

        .score-summary .star-points:after {
            position: absolute;
            top: 11px;
            left: 16px;
            color: #f1b434;
        }

.user-score-images {
    position: relative;
}

.challenges .challenges-overall-stats .score-summary p {
    display: block;
}

.score-summary p.position {
    color: #58595b;
}

.score-summary-score {
    border-radius: 50%;
    border: 3px solid #e35205;
    width: 60px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    font-size: 26px;
}

.score-summary-text {
    font-size: 30px;
}

    .score-summary-text h3 {
        margin-top: 8px;
        margin-bottom: 0;
        font-size: 26px;
    }

    .score-summary-text p {
        font-size: 30px;
        margin: 0;
    }

    .score-summary-text span {
        font-size: 15px;
    }


/*Team points tab*/

#team-points .scores-user-details {
    margin-left: 85px;
}

    #team-points .scores-user-details h2 {
        margin-left: -75px;
    }

/*END INDIVIDUAL POINTS SECTION*/

.top-company-changes {
    margin-bottom: 30px;
}

.challenges .top-company-changes h2 {
    margin: 5px 0;
}

.challenges .top-company-changes p {
    margin: 5px 0;
}

.challenges-stats {
    padding-bottom: 30px;
}

.challenges .challenges-overall-stats p {
    display: inline-block;
}

.top-company-changes ol {
    font-size: 22px;
    margin-right: 10px;
}

    .top-company-changes ol p {
        font-size: 22px;
        margin: 5px 0;
        display: inline-block;
    }

.top-category-changes li.category-change {
    padding-left: 75px;
    background-size: 50px;
    background-position: left center;
    background-repeat: no-repeat;
    margin: 25px 0;
}

li.category-change1 {
    background-image: url('/App_Themes/default/Redesign/images/icons/sleep_orange.png?v=22');
}

li.category-change2 {
    background-image: url('/App_Themes/default/Redesign/images/icons/heartbeat_orange.png?v=22');
}

li.category-change3 {
    background-image: url('/App_Themes/default/Redesign/images/icons/veggies_orange.png?v=22');
}

li.category-change4 {
    background-image: url('/App_Themes/default/Redesign/images/icons/trainers_orange.png?v=22');
}

li.category-change5 {
    background-image: url('/App_Themes/default/Redesign/images/icons/trainers_orange.png?v=22');
}

li.category-change6 {
    background-image: url('/App_Themes/default/Redesign/images/icons/trainers_orange.png?v=22');
}

li.category-change7 {
    background-image: url('/App_Themes/default/Redesign/images/icons/trainers_orange.png?v=22');
}

li.category-change8 {
    background-image: url('/App_Themes/default/Redesign/images/icons/trainers_orange.png?v=22');
}

.top-category-changes h3 {
    text-transform: none;
    margin: 0;
    font-size: 22px;
}

.top-category-changes p {
    margin: 0;
}

.challenge-stats-banner {
    padding: 10px 0;
}

.challenge-banner.challenge-stats-banner {
    margin-bottom: 0;
}

.challenge-activity-stats-banner h3,
.challenge-changes-stats-banner h2 {
    margin-top: 20px;
}

.challenge-changes-stats-banner .challenge-score-wrap h2 {
    font-size: 30px;
}

.challenges .challenge-score-wrap h3 {
    text-align: center;
    font-size: 22px;
    margin: 10px 0;
    text-transform: none;
}

.challenge-score-wrap h4 {
    text-align: center;
    font-size: 22px;
    margin: 20px 0 10px 0;
}

.challenges p.challenge-score-score {
    text-align: center;
    font-size: 40px;
    margin: 20px 0 0 0;
    line-height: 1
}

.challenge-score p.points {
    font-size: 18px;
    float: none;
    margin: 0;
    text-align: center;
    line-height: 1;
}

.challenge-score {
    border-radius: 50%;
    height: 111px;
    border: 3px solid white;
    width: 111px;
    margin-left: auto;
    margin-right: auto;
}

.challenge-stats-nav-button {
    float: right;
    padding: 0;
    display: block;
    margin: 40px 0;
}


/*END CHALLENGES STATS*/


/*MEDALS PAGE */

.bgphoto-challengemedals {
    background-image: url('/App_Themes/default/Redesign/images/hp_bg_image10.jpg?v=22');
}

.medal-tab-links {
    float: right;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 0;
}

    .medal-tab-links li:last-child {
        margin-right: 10px;
        padding-right: 10px;
        border-right: 1px solid #d9d9d6;
    }

    .medal-tab-links li {
        display: inline-block;
        float: right;
    }

.challenges.challenges-medals h2 {
    margin: 0;
}

.challenges.challenges-medals h3 {
    text-transform: none;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 2px;
}

.challenges.challenges-medals p {
    margin: 2px 0;
}

.challenges-medals-content {
    padding-top: 30px;
}

.medal-wrap {
    max-width: 180px;
    margin: 30px 10px 40px 10px;
    display: inline-block;
    padding-top: 180px;
    background-size: 160px;
    background-repeat: no-repeat;
    background-position: top center;
    text-align: center;
    vertical-align: top;
}

.medal1 {
    background-image: url('/App_Themes/default/Redesign/images/icons/circle_yellow.png?v=22');
}

.medal2 {
    background-image: url('/App_Themes/default/Redesign/images/icons/circle_yellow.png?v=22');
}

.medal3 {
    background-image: url('/App_Themes/default/Redesign/images/icons/circle_grey.png?v=22');
}

.medal4 {
    background-image: url('/App_Themes/default/Redesign/images/icons/circle_grey.png?v=22');
}

.medal5 {
    background-image: url('/App_Themes/default/Redesign/images/icons/circle_grey.png?v=22');
}

.medal6 {
    background-image: url('/App_Themes/default/Redesign/images/icons/circle_grey.png?v=22');
}

.medal7 {
    background-image: url('/App_Themes/default/Redesign/images/icons/circle_grey.png?v=22');
}

.medal8 {
    background-image: url('/App_Themes/default/Redesign/images/icons/circle_grey.png?v=22');
}

.medal9 {
    background-image: url('/App_Themes/default/Redesign/images/icons/circle_grey.png?v=22');
}

.medal10 {
    background-image: url('/App_Themes/default/Redesign/images/icons/circle_grey.png?v=22');
}

.medal11 {
    background-image: url('/App_Themes/default/Redesign/images/icons/circle_grey.png?v=22');
}

.medal12 {
    background-image: url('/App_Themes/default/Redesign/images/icons/circle_grey.png?v=22');
}

.challenge-medal-button-wrap {
    padding-bottom: 30px;
}

    .challenge-medal-button-wrap a {
        display: inline-block;
        margin-bottom: 10px;
    }

.medal-button-1 {
    float: left;
}

.medal-button-2 {
    float: right;
}

.medal-button-3 {
    float: right;
}


/*-------------------------*/


/*CHALLENGE: CHANGES PAGE*/


/*----------------------------*/

.challenges-changes {
    padding-top: 30px;
}

    .challenges-changes h3 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .challenges-changes .challenge-score {
        border-color: #58595b;
    }

    .challenges-changes .h-divider {
        padding-top: 30px;
    }


/*Pick a change form */

.changes-form select {
    width: 100%;
    height: 35px;
    color: #00a9e0;
    margin-bottom: 40px;
    margin-top: 20px;
    border-color: #d9d9d6;
    padding-left: 15px;
    font-weight: bold;
}

.changes-form label {
    display: inline-block;
    margin-right: 5px;
}

.option-wrap {
    margin-bottom: 20px;
    display: inline-block;
}

.three-option-box input[type=checkbox] {
    display: inline-block;
    margin-right: 50px;
}

.three-option-box label {
    margin-right: 5px;
}

#SwapLogDataCheckBoxArea > .three-option-box label {
    padding-left: 30px;
}

.three-option-box label:before {
    border: 2px solid #f68621;
    border-radius: 50%;
    width: 86px;
    color: #e35205;
    font-size: 16px;
    text-align: center;
    margin-right: 8px;
}

.four-option-box input[type=checkbox] {
    margin-right: 8px;
}

.four-option-box label {
    padding-left: 40px;
    background-size: 30px;
    background-position: left center;
    background-repeat: no-repeat;
    height: 30px;
    line-height: 30px;
}

#SwapLogDataCheckBoxArea > .four-option-box label {
    padding-left: 30px;
}

#tenpointchangelabel:before {
    content: "10";
    padding: 4px 4px 4px 3px;
}

#sevenpointchangelabel:before {
    content: "7";
    padding: 4px 7px 4px 7px;
}

#fivepointchangelabel:before {
    content: "5";
    padding: 4px 7px 4px 7px;
}

#sleepchangelabel {
    background-image: url('/App_Themes/default/Redesign/images/icons/sleep_orange.png?v=22');
}

#stresschangelabel {
    background-image: url('/App_Themes/default/Redesign/images/icons/heartbeat_orange.png?v=22');
}

#nutritionchangelabel {
    background-image: url('/App_Themes/default/Redesign/images/icons/veggies_orange.png?v=22');
}

#activitychangelabel {
    background-image: url('/App_Themes/default/Redesign/images/icons/trainers_orange.png?v=22');
}

#create-change {
    width: 80%;
    margin-bottom: 20px;
    display: inline-block;
}

.create-change-number {
    border: 2px solid #f68621;
    border-radius: 50%;
    color: #e35205;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    padding: 3px 9px 3px 9px;
    margin-left: 20px;
}


/*CONFIRMATION OF NEW CHANGE SUBMIT MODAL*/

.modal-buttons {
    text-align: center;
}

    .modal-buttons a {
        display: inline-block;
    }

.modal-header {
    border-bottom: none;
    padding-bottom: 0;
    text-align: center;
}

.modal-title {
    font-size: 30px;
}


/*Medal summary section */

.challenge-medal-headers h2 {
    float: left;
    display: inline-block;
}

.challenge-medal-headers a {
    float: right;
    display: inline-block;
    text-transform: uppercase;
}


/*Update changes form*/

.changes-update-form-wrap {
    display: table;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 10px;
}

.changes-update-headers {
    display: table-header-group;
}

    .changes-update-headers h4 {
        display: table-cell;
        padding-bottom: 10px;
        font-size: 15px;
    }

.changes-update-row {
    display: table-row;
    margin-bottom: 10px;
}

    .changes-update-row label,
    .changes-update-row span {
        display: table-cell;
        padding-bottom: 10px;
    }

.change-stars {
    margin-bottom: 30px;
}


/*Pick a change form */

.challenges-changes button {
    float: right;
    margin-bottom: 30px;
}

#completed-changes {
    margin-bottom: 20px;
}

.completed-changes-row {
    width: 100%;
    display: block;
    margin-top: 10px;
}

    .completed-changes-row h3 {
        display: inline-block;
        float: left;
        margin: 0;
        font-size: 15px;
        font-weight: normal;
    }

    .completed-changes-row p {
        display: inline-block;
        float: right;
        margin: 0;
        font-size: 15px;
    }

.change-mini-medals-wrap {
    text-align: center;
    margin-bottom: 30px;
}

.change-mini-medals {
    display: inline-block;
    margin: 10px 5px;
}

    .change-mini-medals img {
        width: 60px;
        height: 60px;
    }


/*chellenge join page*/

.challenge-join {
    padding-top: 40px;
}


/*challenge join  form */

.challenge-join-select-label {
    display: block;
    color: #004986;
    font-size: 22px;
    margin-bottom: 20px;
}

    .challenge-join-select-label:before {
        content: '1';
        border: 3px solid #004986;
        border-radius: 50%;
        padding: 4px 12px 4px 11px;
        margin-right: 20px;
    }

#challenge-join-select,
.challenge-join-select {
    display: block;
    width: 80%;
    color: #00a9e0;
    padding: 10px 20px;
    border-color: #d9d9d6;
    margin-left: 63px;
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: bold;
}

.challenge-join-check-group {
    padding-left: 63px;
    margin-bottom: 40px;
}

    .challenge-join-check-group label {
        font-size: 15px;
        margin-left: 5px;
    }

#challenge-join-check {
    padding-left: 63px;
    border-color: #d9d9d6;
}

.challenge-join-form fieldset {
    border: none;
}

.challenge-join-form legend {
    display: block;
    color: #004986;
    font-size: 22px;
    margin-bottom: 20px;
}

    .challenge-join-form legend p {
        font-size: 15px;
        color: #58595b;
        padding-left: 63px;
    }

    .challenge-join-form legend:before {
        content: '2';
        border: 3px solid #004986;
        border-radius: 50%;
        padding: 4px 12px 4px 11px;
        margin-right: 20px;
    }

.challange-join-pics-row {
    width: 100%;
    text-align: center;
}

.challenge-join-icon {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    background-size: 50px;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 26px 75px 30px;
}

    .challenge-join-icon input {
        position: absolute;
        bottom: -55px;
        left: 52px;
    }

.challenge-join-icon-1 {
    background-image: url('/App_Themes/default/Redesign/images/icons/avatar_1.png?v=22');
}

.challenge-join-icon-2 {
    background-image: url('/App_Themes/default/Redesign/images/icons/avatar_2.png?v=22');
}

.challenge-join-icon-3 {
    background-image: url('/App_Themes/default/Redesign/images/icons/avatar_3.png?v=22');
}

.challenge-join-icon-4 {
    background-image: url('/App_Themes/default/Redesign/images/icons/avatar_1.png?v=22');
}

.challenge-join-icon-5 {
    background-image: url('/App_Themes/default/Redesign/images/icons/avatar_2.png?v=22');
}


/*challange error banner*/

.challenge-error-banner a {
    color: #004986;
}

.challenge-error-banner {
    margin-bottom: 0;
    padding: 30px 0 1px 0;
}

    .challenge-error-banner h2 {
        margin: 0;
    }


/*challenge join stats banner */

.challenge-join-stats-banner {
    padding-top: 30px;
}


/*END CHALLENGES*/


/*-------------*/


/*LIBRARY       */


/*--------------*/


/*LIBRARY MAIN PAGE*/

.bgphoto-library {
    background-image: url('/App_Themes/default/Redesign/images/hp_bg_image6.jpg?v=22');
}

.library {
    color: #58595b;
    margin-top: 26px;
}

.clearsearchresult {
    display: none;
}

.library .recipe-search {
    padding: 30px 0 25px 0;
}

    .library .recipe-search form div {
        display: inline-block;
        margin: 5px 20px 5px 0;
    }

.selectSearch1 label {
    max-width: 220px;
    word-wrap: break-word;
}

.selectSearch2 label,
.keywordSearch label {
    max-width: 210px;
    word-wrap: break-word;
}

@media (max-width: 800px) {
    .library .recipe-search form div {
        display: block;
        clear: both;
    }

    .library .recipe-search p {
        display: block !important;
        clear: both
    }

    .library .recipe-search form div {
        float: none;
    }

    #browsebytopics select {
        width: 100%;
        max-width: 100%;
        display: block;
    }

    .keywordSearch {
        display: inline-block !important;
    }

        .keywordSearch label {
            display: inline-block !important;
        }
}

.library .recipe-search form button {
    margin: 5px 10px;
    margin-top: 50px;
}

.library label,
.library select {
    display: block;
    margin-top: 0;
}

.library label {
    color: #004986;
    font-size: 14px;
    margin-bottom: 20px;
}

.library select,
.library input {
    margin-bottom: 15px;
    display: inline-block;
}

.library .recipe-search p {
    font-size: 18px;
    color: #004986;
    margin-top: 43px;
    display: inline-block;
    margin-left: 20px;
    margin-right: 40px;
}

.ui-helper-hidden-accessible {
    display: none;
}

.ui-menu {
    padding: 10px;
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    max-width: 300px;
    margin-top: -1px;
}

.library h2,
.library h3 {
    margin-top: 0;
}

.library h2 {
    font-size: 30px !important;
    margin-bottom: 45px;
    line-height: 1;
}

.library select,
.library input {
    color: #00a9e0;
    height: 46px;
    border: 1px solid #d9d9d6;
    padding-left: 10px;
    width: 100%;
    font-size: 16px;
    margin-bottom: 20px;
    max-width: 210px;
}

.library .recipe-search button {
    margin-top: 43px;
    margin-bottom: 15px
}

.library .featured {
    padding-top: 30px;
    padding-bottom: 30px;
}

    .library .featured p {
        margin: 0;
        font-size: 15px;
        float: left;
        width: 60%;
    }

    .library .featured h2 {
        display: inline-block;
        float: left;
        font-size: 30px;
        margin: 0 40px 20px 0;
        line-height: 1;
    }

    .library .featured h3 {
        font-size: 30px;
        line-height: 1;
        margin-bottom: 20px;
    }

.featured-carousel-wrapper {
    padding-bottom: 30px;
}

.featured-carousel-content {
    display: inline-block;
    float: left;
    width: 100%
}

.featured-carousel-button {
    float: right;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.featured .slick-dots ul {
    margin-bottom: 30px;
}

.featured-carousel .slick-next,
.featured-carousel .slick-prev {
    top: 106%;
}

.featured-carousel .slick-next {
    right: 34%;
}

.featured-carousel .slick-prev {
    left: 35%;
}

.library .popular {
    padding-top: 30px;
    padding-bottom: 100px;
}

    .library .popular ul {
        margin-bottom: 15px;
        text-align: center;
    }

    .library .popular li {
        display: inline-block;
        padding: 10px 20px;
    }

    .library .popular a {
        color: inherit;
    }

        .library .popular a:hover {
            color: inherit;
        }

    .library .popular h2 {
        font-size: 22px;
        margin-bottom: 35px;
    }

    .library .popular h3 {
        font-size: 18px;
        margin-bottom: 8px;
    }


/*END LIBRARY MAIN PAGE*/


/* Search result page */

.searchresult {
    margin-bottom: 20px;
}

    .searchresult dl,
    .searchresult dt,
    .searchresult dd {
        margin: 0;
        padding: 0;
    }

    .searchresult dd {
        margin-bottom: 1em;
        padding-bottom: 1em;
        border-bottom: 1px solid #ececec;
    }

        .searchresult dd.last {
            border-bottom: 0;
        }

    .searchresult dt {
        font-size: 1.2em;
        padding-bottom: 5px;
    }

        .searchresult dt a {
            display: inline-block;
            margin-right: 10px;
        }

.pagebutton {
    color: #0067ac;
    text-decoration: none;
    border: 0;
    font-weight: bold;
    background-color: transparent;
    cursor: pointer;
}

.pagebuttonDisable {
    cursor: default;
    color: #999999;
}

#librarySearchResults {
    float: none;
    display: block;
    clear: both;
}

    #librarySearchResults h3 {
        font-size: 20px;
    }

.library .recipe-search #librarySearchResults div {
    float: none;
    display: block;
}

.library p.clearsearchresult {
    display: none;
}

.library .pagination {
    text-align: center;
    font-size: 0.9em;
    clear: both;
}

    .library .pagination a {
        font-weight: normal;
        padding-right: 5px;
    }

    .library .pagination .current {
        padding-right: 5px;
    }

    .library .pagination input {
        width: auto;
        margin-right: 5px;
    }

    .library .pagination .pagebuttonDisable {
        color: #666;
    }


/*LIBRARY ARTICLE PAGE*/

.bgphoto-article {
    background-image: url('/App_Themes/default/Redesign/images/hp_bg_image3.jpg?v=22');
}

.article {
    color: #58595b;
}

    .article ol li {
        list-style: decimal;
    }

.article-wrapper {
    padding-bottom: 30px;
}

    .article-wrapper table {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #ccc;
        margin-bottom: 20px;
    }

        .article-wrapper table th {
            border: 1px solid #ccc;
            padding: 5px 10px;
        }

            .article-wrapper table th p {
                padding: 0;
                margin: 0;
            }

        .article-wrapper table td p {
            padding: 0;
            margin: 0 0 10px;
        }

        .article-wrapper table td {
            border: 1px solid #ccc;
            padding: 5px 10px;
        }

.article-content {
}

    .article-content h2 {
        font-size: 30px;
    }

    .article-content h3 {
        font-size: 18px;
        margin: 30px 0;
    }

    .article-content a {
        color: #f68621;
    }

    .article-content li {
        list-style: disc;
        margin-left: 30px;
    }

.article-button {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 10px;
    text-transform: uppercase;
}

.article-info {
    background-color: #d9d9d6;
    padding: 20px 0;
}

    .article-info a {
        color: #f68621;
    }

    .article-info h4 {
        font-size: 22px;
        margin: 20px 0;
    }

.star-heading {
    display: inline-block;
    margin-right: 5px;
}

    .star-heading img {
        margin-left: 30px;
        margin-right: 10px !important;
        margin-top: -10px;
    }

.rate p {
    font-size: 15px;
}

.star-rating-wrapper {
    height: 10px;
    margin-bottom: 10px;
}


/*END LIBRARY ARTICLE PAGE*/


/*LIBRARY RECIPE PAGE*/

.bgphoto-recipe {
    background-image: url('/App_Themes/default/Redesign/images/hp_bg_image6.jpg?v=22');
}

.recipe ol li {
    list-style: decimal;
}

.recipe table {
    text-align: center;
    width: 100%;
    margin: 40px 0;
}

.recipe th {
    border-right: 2px solid #d9d9d6;
    border-bottom: 2px solid #d9d9d6;
    padding: 5px;
}

    .recipe th:last-child {
        border-right: none;
    }

.recipe td {
    border-right: 2px solid #d9d9d6;
    color: #39b54a;
    padding: 5px;
}

    .recipe td:last-child {
        border-right: none;
    }


/*END LIBRARY RECIPE PAGE*/


/*END LIBRARY*/


/*-----------------------------------*/


/*REGISTRATION & FORGOTTEN LOGIN     */


/*-----------------------------------*/


/*COMMON STYLES TO MANY SUNDRY PAGES*/

.account {
    color: #58595b;
    padding-top: 30px;
    display: flex;
}

.reprot-page {
    display: block;
}

.account h2 {
    font-size: 25px !important;
    margin-top: 0px;
    margin-bottom: 10px;
}

.account p {
}

    .account p.required {
        font-size: 14px;
        margin: 10px 0;
    }

        .account p.required span {
            color: #00a9e0;
        }

span.required-symbol {
    color: #00a9e0;
}

.account .helphint {
    text-align: right;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 16px;
}

.account-wrapper {
    width: 66.666%;
    margin-bottom: 40px;
}

.warninglogo {
    display: inline-block;
    margin-top: 15px;
}

.account-wrapper .terms fieldset {
    margin-bottom: 30px;
}

.account-formgroup {
    margin-bottom: 30px;
}

    .account-formgroup label {
        width: 30%;
        display: inline-block;
        margin: 0;
    }

    .account-formgroup input {
        width: 60%;
        border: 2px solid #ccc;
        height: 34px;
        float: right;
    }

    .account-formgroup select {
        float: right;
        height: 40px;
        border: 2px solid #ccc;
        width: 60%;
    }

    .account-formgroup textarea {
        float: right;
        border: 2px solid #ccc;
        width: 60%;
    }

    .account-formgroup p {
        float: right;
        width: 60%;
        display: inline-block;
        margin: 10px 0;
        font-size: 16px;
    }

button.account-submit {
    float: right;
    margin-top: 20px;
}

.account-submit {
    float: right;
    margin: 20px 0;
}

.account-column button {
    float: right;
}

.account-terms {
    max-height: 300px;
    overflow: auto;
    background-color: white;
    padding: 10px;
    margin-bottom: 30px;
    margin-top: 20px;
    border: 1px solid #ccc;
}

    .account-terms h2 {
        margin-top: 0;
    }

.checkbox-terms {
    margin: 15px 0;
}

.account-email {
    margin-top: 50px;
}

.account-form {
    margin-top: 40px;
}

.account-formgroup label {
    float: left;
    padding-right: 10px;
}

.account-formgroup .dob input {
    float: left;
    width: auto;
}

.account-formgroup .dob select {
    float: left;
    width: auto;
    margin-right: 10px;
}

.dob {
    width: 60%;
    float: right;
}

.dobwrap {
    display: inline-block;
    margin-top: 10px;
}

.account-formgroup label.dobwrap {
    margin-top: 20px;
}

.account-buttons {
    margin-top: 20px;
    text-align: right;
}

.account-email-row {
    margin-bottom: 20px;
}

    .account-email-row:first-child {
        margin-top: 20px;
    }

    .account-email-row label {
        font-size: 16px;
    }

.account-email-pref-wrapper {
    margin-top: 50px;
}


/*END COMMON STYLES TO MANY SUNDRY PAGES*/


/*--------------------*/


/*MY PROFILE PAGES*/


/*----------------------*/

.profile-grid {
    text-align: center;
    margin: 40px 0;
}

.profile-edit {
    background-position: 50% 10%;
    background-repeat: no-repeat;
    padding-top: 170px;
    margin-top: 30px;
    padding-bottom: 50px;
    margin-bottom: 20px;
}

    .profile-edit h3 {
        margin-top: 0;
        margin-bottom: 20px;
        text-transform: uppercase;
        font-size: 20px;
    }

    .profile-edit a {
        margin: 0;
        color: #004986;
        font-size: 15px;
        font-weight: bold;
    }

.profile-edit-1 {
    background-image: url('/App_Themes/default/Redesign/images/icons/padlock_blue.png?v=22');
    background-size: 125px;
    height: 350px;
}

.profile-edit-2 {
    background-image: url('/App_Themes/default/Redesign/images/icons/bullet_blue.png?v=22');
    background-size: 125px;
    height: 315px;
}

.profile-edit-3 {
    background-image: url('/App_Themes/default/Redesign/images/icons/idbadge_blue.png?v=22');
    background-size: 125px;
}

.profile-edit-4 {
    background-image: url('/App_Themes/default/Redesign/images/icons/envelope_blue.png?v=22');
    background-size: 125px;
}

.profile-box-1 {
    width: 48%;
}

.profile-box-2 {
    width: 4%;
}




/*Grey divider lines*/

.two-one-grid-1:after {
    content: '';
    width: 35%;
    left: 12.5%;
    height: 3px;
    background-color: #d9d9d6;
    position: absolute;
    bottom: 0px;
}

.two-one-grid-2 {
    border-left: 3px solid #d9d9d6;
    padding-left: 17px;
    margin-left: -17px;
}

.grid-1 {
    border-bottom: 3px solid #d9d9d6;
    padding-bottom: 10px;
    margin-right: 15px;
}

.grid-2 {
    border-bottom: 3px solid #d9d9d6;
    padding-bottom: 10px;
}

.grid-3 {
    border-left: 3px solid #d9d9d6;
    padding-bottom: 10px;
}

.two-one-grid-3 {
}

.two-one-grid-4 {
    border-left: 3px solid #d9d9d6;
    padding-left: 17px;
    margin-left: -17px;
}


/*END Grey divider lines*/


/*END MY PROFILE PAGES*/


/*---------------*/


/*INFO PAGES      */


/*-----------------*/

.bgphoto-infopage {
    background-image: url('/App_Themes/default/Redesign/images/hp_bg_image8.jpg?v=22');
}

.infopage {
}

    .infopage h3,
    .infopage h4 {
        text-transform: uppercase;
        line-height: 1;
    }

    .infopage h3,
    .infopage h4 {
        color: #188ccc;
        font-size: 16px;
    }

    .infopage h2,
    .infopage p {
        color: #58595b
    }

    .infopage h2 {
        margin: 25px 0 50px 0;
        font-size: 30px !important;
    }

    .infopage a {
        color: #f68621;
    }

ol.infolist li {
    list-style: decimal;
}

.last {
    margin-bottom: 55px;
}

.infopage label {
}


/*END INFO PAGES*/


/*--------------------*/


/*FORGOTTEN PAGES     */


/*---------------------*/

.forgotten-username {
    margin-top: 50px;
}

.login {
    padding: 10px 0 0;
}

.logincolumn {
    border-right: 3px solid #d9d9d6;
    padding-right: 30px;
    margin-bottom: 30px;
}

.account-column {
    margin-bottom: 85px;
}

    .account-column ul {
        padding-left: 18px;
    }

    .account-column li {
        list-style: disc;
        margin-bottom: 5px;
    }

.account-buttons button {
    margin-left: 20px;
    margin-top: 10px;
}

.account-check {
    margin-bottom: 40px;
}

.account-checkrow p {
    display: inline-block;
    margin: 7px 0;
}

p.account-checkanswer {
    font-weight: bold;
    margin: 7px 0 20px 0;
    /*margin-left: 50px;*/
}


/*END FORGOTTEN PAGES */


/*-------------*/


/*HELP PAGE*/


/*-------------*/

.infopage .faq a {
    font-size: 18px;
    color: #188ccc;
    text-transform: uppercase;
    font-weight: bold;
}

.infopage .faq ul > li > ul {
    font-size: 16px;
    padding-left: 15px;
    margin-bottom: 20px;
}

    .infopage .faq ul > li > ul > li {
        margin: 5px 0;
    }

.faq {
    margin-bottom: 50px;
}

.infopage .faq ul > li > ul > li a {
    font-size: 14px;
    padding-left: 15px;
    margin-bottom: 3px;
}

.infopage .faq dt {
    font-size: 16px;
    color: #188ccc;
    text-transform: uppercase;
    font-weight: bold !important;
}

.infopage .faq dd {
    margin-left: 0;
}


/*END INFO PAGES*/


/*--------------------*/


/*CLIENT SERVICES*/


/*----------------------*/

.bgphoto-clientservices {
    background-image: url('/App_Themes/default/Redesign/images/hp_bg_image8.jpg?v=22');
}

.clientservices {
    color: #58595b;
    padding-top: 30px;
}

    .clientservices h2 {
        font-size: 30px;
        margin: 0;
    }

    .clientservices h3 {
        font-size: 30px;
        margin: 0;
    }

.clientservices-row {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 3px solid #d9d9d6;
}


/*END SPECIFIC PAGES*/


/*------------------------*/


/*SLICK CAROUSEL OVERRIDES*/


/*--------------------------*/

.carousel-content {
    outline: none;
}

.slick-dots li button:before {
    font-family: none;
    content: "";
}

.slick-dots li.slick-active button {
    background-image: url('/App_Themes/default/Redesign/images/current-slide-red.png?v=22') !important;
    background-repeat: no-repeat;
}

.slick-dots li button {
    background-image: url('/App_Themes/default/Redesign/images/inactive-slide.png?v=22') !important;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}

.slick-prev:before,
.slick-next:before {
    content: "";
}

.slick-prev {
    background-image: url('/App_Themes/default/Redesign/images/carousel-left.png?v=22') !important;
    background-repeat: no-repeat;
    width: 18px;
    height: 37px;
}

.slick-next {
    background-image: url('/App_Themes/default/Redesign/images/carousel-right.png?v=22') !important;
    background-repeat: no-repeat;
    width: 18px;
    height: 37px;
}

.slick-prev:hover,
.slick-prev:focus {
    background-image: url('/App_Themes/default/Redesign/images/carousel-left.png?v=22');
    background-repeat: no-repeat;
}

.slick-next:hover,
.slick-next:focus {
    background-image: url('/App_Themes/default/Redesign/images/carousel-right.png?v=22');
    background-repeat: no-repeat;
}

.slick-next,
.slick-prev {
    z-index: 2;
}


/*END SLICK CAROUSEL OVERRIDE*/


/*---------------*/


/*MEDIA QUERIES*/


/*-----------------*/


/*NAVIGATION MEDIA QUERIES*/

@media screen and (max-width: 465px) {
    .navigation-list {
        width: 70%;
    }
}

@media screen and (max-width: 768px) {
    #main-navigation {
        display: none;
    }

    #mobile-navigation {
        display: inline-block;
        width: 100%;
        margin-bottom: -5px;
    }

    .loggedin-nav {
        display: none;
    }

    .mobile-loggedin-nav-wrap {
        display: inline;
        margin-right: 20px;
    }
}

@media screen and (min-width: 769px) {
    .mobile-loggedin-nav {
        display: none !important;
    }

    .menutoggle {
        display: none;
    }
}

@media screen and (max-width: 990px) {
    .user-message {
        display: none;
        font-size: 21px;
        line-height: 24px;
        margin-right: 10px;
    }
}


/*HEADER AND BANNER MEDIA QUERIES*/

@media screen and (max-width: 768px) {
    .leftoverflow {
        margin-left: initial;
        padding-left: initial;
    }

    .bannerheight {
        height: initial;
    }

    .banner-icon img {
        max-height: 130px;
        display: block;
    }

    .secondarybanner {
        height: initial;
        margin-top: 40px;
    }

    .banner-content {
        padding: 0 15px 0 15px;
    }

        .banner-content img {
            margin-right: auto;
            margin-left: auto;
        }

    .banner-text {
        padding-right: 15px;
    }

        .banner-text h1,
        .banner-text h2 {
            text-align: center;
        }

        .banner-text p {
            text-align: center;
        }

    .bannerfloat {
        float: none;
    }

    .banner-calltoaction {
        margin-left: initial;
        padding: 0 15px 0 15px;
    }

    .article-wrapper h3 {
        font-size: 15px;
    }
}


/*LANDING AND HOMEPAGE MEDIA QUERIES*/


/*small screens */

@media screen and (max-width: 768px) {
    .lpborder {
        border-bottom: 2px solid #d9d9d6;
        border-right: none;
        margin-right: 0;
    }

    .divider {
        border-right: none;
        border-bottom: 3px solid #d9d9d6;
    }
}

@media screen and (max-width: 768px) {
    .homepage-content {
        padding-top: 0;
    }

    .homepage-column {
        border-right: none;
        border-bottom: 2px solid #d9d9d6;
        margin-bottom: 0;
        padding-bottom: 30px;
        margin-top: 30px;
        min-height: 0;
    }

    .homepage-column1 {
        margin-right: 0;
    }

    .homepage-column4 {
        border-bottom: none;
    }

    .homepage-column1 {
        margin-right: 0;
    }

    .homepage-column {
        border-right: none;
        min-height: 0;
    }

    .homepage-divider {
        border-right: none;
    }
}


/*medium screens */

@media screen and (max-width: 990px) {
    .landingpage-wrap {
    }

    .landingpage-tab-wrap {
        margin-bottom: 0;
        padding: 0;
    }

    .landingpage-content-wrap {
        padding: 25px 20px 25px 20px;
    }

    .landingpage-content {
        height: initial;
        padding: 20px 50px 20px 50px;
    }

    .homepage-tab-wrap {
        padding: 0;
    }

    .homepage-content .homepage-divider:nth-of-type(1) {
        margin-bottom: 10px;
    }

    .homepage-content .homepage-divider:nth-of-type(2) {
        border-right: none;
        margin-bottom: 20px;
    }

    .account-wrapper {
        width: 100%;
    }
}

@media screen and (min-width: 767px) and (max-width: 990px) {
    .landingpage-tabs {
        margin: 15px 0;
    }

    .landingpage-content-wrap {
        margin-top: 15px;
    }
}

@media screen and (max-width: 767px) {


    .profile-box-1 {
        width: 100%;
    }

    .profile-box-2 {
        width: 0%;
    }

    .profile-box-3 {
        border-top: 3px solid #d9d9d6;
    }
}

/*MAIN CONTENT MEDIA QUERIES*/


/*HRA page*/

@media screen and (max-width: 768px) {
    .hra-tab-wrap {
        padding: 0;
    }

    .hra-banner-content p {
        width: 100%;
    }

    .previous-reports {
        border-right: none;
    }

    .focus-wrapper {
        margin-top: 30px;
    }
}


/*HRA QUESTIONS*/

.restarthc {
    margin-top: 60px;
    display: block;
    text-align: center;
    padding-top: 50px;
    margin-bottom: 50px;
}

    .restarthc #btnCancel {
        text-transform: none;
        font-weight: normal;
    }

.opquest {
    font-size: 18px;
    font-weight: bold;
}

.dropdquest label {
    font-weight: bold;
    font-size: 14px;
}

.dropdquest select {
    border: 2px solid #ccc;
    height: 40px;
}

@media screen and (max-width: 768px) {
    .progress-bar-text {
        display: none;
    }
}

@media screen and (max-width: 990px) {
    input + .label-button {
        width: 95%;
    }

    input + .falseradio-span {
        height: 20px;
        width: 20px;
        border: 2px solid #004986;
        border-radius: 50%;
        display: inline-block;
        padding-left: 0;
        margin-left: 0;
        margin-right: 10px;
        margin-bottom: 0px;
        vertical-align: middle;
    }

    .falseradio-label {
        display: inline-block;
        font-size: 15px;
        margin: 10px 0;
        width: 100%;
        vertical-align: top;
        text-align: left;
        padding: 10px 0;
    }
}


/*Challenges*/

@media screen and (max-width: 768px) {
    .challenge-center .challenge-graph-wrap {
        display: none;
    }

    .challenge-header-wrap .challenge-progress {
        display: none;
    }

    .medal-button-1 {
        float: right;
    }

    .challenge-info {
        padding-left: 0;
        padding-top: 20px;
        background-image: none;
    }

    .challenge-info-header-wrap {
        background-repeat: no-repeat;
        background-size: 100px;
        padding-left: 110px;
        min-height: 110px;
    }

    .challenge-info-1 .challenge-info-header-wrap {
        background-image: url('/App_Themes/default/Redesign/images/icons/trainers_white.png?v=22');
    }

    .challenge-info-2 .challenge-info-header-wrap {
        background-image: url('/App_Themes/default/Redesign/images/icons/heartbeat_white.png?v=22');
    }

    .challenge-info-3 .challenge-info-header-wrap {
        background-image: url('/App_Themes/default/Redesign/images/icons/clock_white.png?v=22');
    }

    .challenge-info-4 .challenge-info-header-wrap {
        background-image: url('/App_Themes/default/Redesign/images/icons/clock_white.png?v=22');
    }

    .button-wrap a {
        float: right;
    }
}

@media screen and (max-width: 990px) {
    .challenges-medals-content {
        text-align: center;
    }

    .changes-tab {
        text-align: center;
    }

    .changes-tab-links {
        float: none;
    }

    .top-scores-row {
        text-align: center;
    }

        .top-scores-row .scores-user-pic {
            display: none;
        }

    .scores-user-details {
        display: block;
    }

    .top-scores-row .star-points {
        margin-left: 0;
    }

    .top-scores-row {
        margin-bottom: 40px;
    }

    .top-scores-ranking {
        text-align: center;
    }

    .challenge-banner {
        text-align: center;
    }

    .challenge-graph img {
        margin-left: auto;
        margin-right: auto;
    }

    .challenge-graph-wrap {
        text-align: center;
    }

    .challenge-track-week-titles h3 {
        margin-left: 5px;
    }
}


/*My Profile pages*/

@media screen and (max-width: 768px) {
    .two-one-grid-2,
    .two-one-grid-4 {
        border-left: none;
        padding-left: 0;
        margin-left: 0;
    }

    .grid-4 {
        border-top: 3px solid #d9d9d6;
        padding-bottom: 10px;
        border-left: 0px;
    }

    .grid-3 {
        border-left: 0px;
    }
}


/*Library pages */

@media screen and (max-width: 768px) {
    .library .featured h2 {
        float: none;
    }

    .library .featured p {
        width: 100%;
    }

    .library .recipe-search form div {
        display: block;
        margin: 5px 20px 5px 0;
    }

    .library .recipe-search form button {
        margin: 10px 0;
    }

    .library .recipe-search p {
        margin: 20px 0;
    }

    .featured-carousel .slick-prev {
        display: none;
        opacity: 0;
        background-image: none;
    }

    .featured-carousel .slick-next {
        display: none;
        opacity: 0;
        background-image: none;
    }

    .featured-carousel-button {
        margin-top: 10px;
    }
}


/*Register and forgotten login forms*/


/*small screens*/

@media screen and (max-width: 768px) {
    .account-formgroup label,
    .account-formgroup .dob label {
        width: 100%;
    }

    .account-formgroup input,
    .account-formgroup .dob input,
    .account-formgroup .dob select {
        width: 100%;
        float: none;
    }

    .dob {
        float: none;
        width: 100%;
    }

    .account-formgroup select,
    .account-formgroup p {
        width: 100%;
    }

    .logincolumn {
        border-right: none;
        border-bottom: 3px solid #d9d9d6;
        padding-right: inherit;
        padding-bottom: 20px;
    }
}


/*medium screens*/

@media screen and (max-width: 990px) {
    .account-wrapper {
        width: 100%;
    }
}


/*Client Services*/

@media screen and (max-width: 768px) {
    .clientservices h3 {
        margin-top: 30px;
    }
}


/*FOOTER */

@media screen and (max-width: 320px) {
    .footer li {
        padding-right: 8px;
        margin-right: 8px;
    }
}

@media screen and (max-width: 768px) {
    .footer p {
        float: none;
        display: block;
        margin-bottom: 5px;
    }

    .footer ul {
        float: none;
        display: inline-flex;
        text-align: center;
        padding-left: 0;
    }

    .homepage-carousel .slider-nav-container > .slider-nav {
        display: inline-block;
        background: rgb(0, 0, 0);
        background: rgba(0, 0, 0, 0.2);
        border-radius: 15px;
    }
}

/*Print styling*/
@media print {
    .logo-header, #main-navigation, #mobile-navigation, .footer, .banner-calltoaction, #userRatingArticle, .backlibrary {
        display: none;
    }

    .bannerheight {
        min-height: 25px;
    }

    .banner-text, .banner-text h1, .bannermargin, .sidebar-box, .article-info {
        padding: 0;
        margin: 0;
    }
}

/* Editing next stepts style */

.nextstep-banners.white li {
    font-size: 15px;
}

.nextstep-banners ul {
    padding: 0;
    margin: 5px;
}

.nextstep-banners a {
    color: #ffffff;
    text-decoration: underline;
}

@media (min-width: 320px) and (max-width: 1023px) {
    .prev-left {
        margin-left: -270px !important;
    }
}

@media (min-width: 1024px) {
    .prev-left {
        margin-left: -320px !important;
    }
}

.top {
    margin-top: -12px !important;
}

/* Styles for Privacy Page Table */
.privacypage table td p {
    padding: 0;
    margin: 0 0 10px;
}

.privacypage table td {
    border: 1px solid #ccc;
    padding: 5px 10px;
}

.privacypage table {
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

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

.privacypage h2 {
    font-size: 24px !important;
}

.privacypage h3 {
    color: #188ccc;
    font-size: 18.72px;
}

.privacypage h4 {
    color: #188ccc;
    font-size: 16px;
}

.infopage {
    display: flex;
}

.removespace {
    display: flex;
}