/* Brendan Syncrony 03/14/2024 */

::-webkit-scrollbar {
    width: 5px;
    border-radius: 5px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #0084d6;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #1f1f1f;
}

/* Home */

div#introInner img {
    margin-left: 6px !important
}

/* #in tro {
    backg round-size: unset !important;
    background: url(/wp-content/uploads/2024/03/TandemUpClientElementsTemplate_Home-Page-Header-scaled.webp) no-repeat !important;
    border-bottom: 10px solid #0084d6;
    min-height: 100vh;
    background-size: cover;
    animation: gradientAnimation 90s 3s ease infinite;
    background-position: unset !important;
} */

#intro {

    background: linear-gradient(45deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2),
            rgba(0, 0, 0, .3), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)) 0 0 / 1000% no-repeat,
        url(/wp-content/uploads/2024/04/TandemUpClientElementsTemplate_Home-Page-Header-scaled.webp) 0 0 / cover no-repeat;
    -webkit-animation: gradientAnimation 40s ease infinite;

    animation: gradientAnimation 40s 3s ease infinite;
}


@keyframes gradientAnimation {
    0% {
        background-position: 0% 30%, 0 0;
    }

    50% {
        background-position: 100% 70%, 0 0;
    }

    100% {
        background-position: 0% 30%, 0 0;
    }
}

div#introInner {
    /* height: 100vh !Important */
}

.introLogo.mb-5 {
    margin-bottom: 1rem !important
}

div#introInner * {
    text-align: left
}

div#introInner * {
    margin: 0 auto;
}

div#introInner h2 {
    font-family: 'Poppins-Bold' !important;
    font-weight: 300 !important;
    text-shadow: 0px 1px 2px #000 !important;
}

.introContent p {
    text-shadow: 0px 1px 1px #000 !important;
    font-size: 1.7rem ! Important;
}

div#introInner h3 {
    text-shadow: 0px 1px 2px #000 !important;
}

.ScoresandProgressInner.row {
    margin-bottom: 50px !important;
}

.introContent h1 {
    font-family: 'Poppins-Bold' !important;
    letter-spacing: 2px;
    font-size: 3rem;
    text-shadow: 0px 1px 2px #000 !important;
}

div#introInner section#countdownTimer {
    margin-top: 5vh;
}

.ts-overlay {
    height: 101.5vh !important;
    max-height: unset !important
}

.welcomeScoresandProgress {
    padding: unset !important
}

.ScoresandProgressInner {
    padding: 0 20px !important
}

.overallProgress {
    padding-right: 20px
}

.overallProgress {
    padding-left: 20px
}

/*Home - counter*/
.homeCountBg {
    min-height: 165px;
    margin: 0 38px !important
}

.hurrytimer-cdt .hurrytimer-headline {
    letter-spacing: 2px !important
}

.countDownGreenGradient .hurrytimer-cdt {
    position: relative;
    top: -10px;
}

.countDownGreen .hurrytimer-cdt,
.ScoresandProgressInner,
.homeCountBg {
    border: unset !important;
    background: none !important;
}

.dashboard .hurrytimer-campaign-101 .hurrytimer-timer {
    position: relative;
    right: -50px !important;
    left: unset !important;
}

.homeCountBg .hurrytimer-cdt .hurrytimer-timer-label {
    left: 49px;
    text-shadow: 0px 1px 2px #000 !important;
}

/*Report CTA*/
div[style="right: 0; position: fixed; top: 40px; z-index: 9999;"] {
    top: 210px !important;
    z-index: 9999999999 !important;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    right: -30px !important
}

.cta a.green:last-child {
    /* background: #8AC005 !important; */
}

.excerpt {
    font-size: 1rem;
    text-align: justify;
    text-shadow: 0px 1px 2px #000 !important;
}


#mainContent.how {
    margin-top: 120px !important;
    /* b ackground: linear-gradient(45deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2),
            rgba(0, 0, 0, .3), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)) 0 0 / 1000% no-repeat,
        url(https://dfc.co.za/wp-content/uploads/2023/10/DFC-230914-0756.webp) 0 0 / cover no-repeat !Important; */
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    animation: gradientAnimation 90s 3s ease infinite !important;
}

.how #updatesContent {
    background: none !important;
}

/* .how .CounterSectionGradientBlue {
    border-bottom:
} */

.how #updatesContent .container {
    /* b ackground: #24367399; */
    width: 100%;
    max-width: unset !important;
}

.how .innerContent {
    background: none !important;
    max-width: 1280px;

    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


.default-singular {
    min-height: 100vh
}

.grayGradientBG {
    min-height: 100vh
}


.how #updatesContent .grayGradientBG {
    background: none !important;
}

.how .hurrytimer-campaign-101 .hurrytimer-timer {
    position: relative;
    left: -10px !important;
}


.hiw .CounterSectionBlue {
    background: #24367399 !important;
}

.how .CounterSectionBlue {
    background: url(/wp-content/uploads/2024/04/TandemUpClientElementsTemplate_Sub-Page-Headers_3-scaled.webp) !important;
    background-color: #24367399 !important;
}


.countDownWhite .hurrytimer-cdt {
    box-shadow: 0px 1px 2px #000 !important;
}

.trainings .countDownWhiteGradient:not(.homeCountBg) .hurrytimer-cdt,
.hiw .countDownWhiteGradient:not(.homeCountBg) .hurrytimer-cdt {
    background: #24367399 !important
}




.askdashboard .otherUpdatesInnerContent {
    margin-bottom: 0
}


/** Notes
        --e-global-color-primary: #333333;
        --e-global-color-secondary: #6A747D;
        --e-global-color-text: #000000;
        --e-global-color-accent: #0084d6;
        --e-global-color-df6d48e: #A5C3D2;
        --e-global-color-514e9ac: #FFFFFF;
        --e-global-color-91e8293: #0075be;
        --e-global-color-174dcb6: #000000;
        --e-global-color-63853ef: #0084d6C2;
        --e-global-color-44fa70f: #FFFFFF00;
        --e-global-color-de9895b: #F1F1F1;
        --e-global-color-6bb72e5: #F9F9F9;
        --e-global-color-7461989: #FFFFFF3B;
        --e-global-color-e134f17: #8AC005;
        --e-global-color-daa51ed: #0C405D;
        --e-global-color-e48b70b: #DADADA;
        --e-global-typography-primary-font-family: "Open Sans Hebrew Condensed";
**/

/*** xxx Fonts ***/

/* Lato-Regular.ttf etc. fonts import */

@font-face {
    font-family: 'Lato-Regular';
    src: url(fonts/Lato-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url(fonts/Poppins-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url(fonts/Poppins-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url(fonts/Poppins-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
}


h1,
.otherUpdatesInnerContent .title h2 {
    font-family: 'Poppins-Bold' !important;
    letter-spacing: 2px;
    text-shadow: 0px 1px 2px #000 !important;
}

p,
a {
    font-family: 'Lato-Regular' !important;
    letter-spacing: 1.5px;
    font-size: 16px;
}

h2 {
    font-family: 'Poppins-SemiBold' !important;
    letter-spacing: 2px;
}

body {
    font-family: 'Lato-Regular' !important;
    /* font-family: ; */
}

strong {
    font-weight: 700;
    font-family: 'Poppins-Bold' !important;
    letter-spacing: 2px;
}

.floatingImage {
    display: none !important;
}

.customize-support {
    background: #243673 !important;
}

/*.touch-enabled .CounterSectionBlue,
.customize-support .CounterSectionBlue {
    background: url(/wp-content/uploads/2024/03/TandemUpClientElementsTemplate_Sub-Page-Headers_3.png)!important;
}

*/

.title h3.green {
    color: #FFFFFF !important;
}

nav#navOuter {
    background: #333333 !important;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .9);
}

#navigation .nav-link.green {
    background: #0084d6 !important;
    color: #ffffff !important;
    border: none;
    text-align: center;
}

#navigation .nav-link.green:hover {
    background: #ffffff !important;
    color: #0084d6 !important;
}

#navigation .nav-link:hover {
    color: #0084d6 !important;
}

#traningDash {
    background: #243673;
}

.cta a.white {
    background: #0084d6 !important;
    color: #ffffff !important;
    border: none;
    padding: 10px 10px !important;
    font-weight: 600 !important;
    font-size: 1.8rem !important;
}

.cta a.white:hover {
    background: #ffffff !important;
    color: #0084d6 !important;
}

.sectionChangeBG {
    box-shadow: none;
}

#updatesDash {
    background: #0075be;
}

.VMBOuter a.VMB {
    background: #0084d6 !important;
    color: #ffffff !important;
    border: none;
    min-width: 250px !important;
    text-align: center;
    padding: 10px 20px !important;
    border-radius: 5px !important;
}

.VMBOuter a.VMB:hover {
    background: #ffffff !important;
    color: #0084d6 !important;
    text-decoration: none !important;
}

#smarterScoreboardDash {
    background: #243673;
}

.scoreboards .VMBOuter a.VMB {
    background: #ffffff !important;
    color: #0084d6 !important;
    border: none;
}

.scoreboards .VMBOuter a.VMB:hover {
    background: #0084d6 !important;
    color: #FFFFFF !important;
}

#site-footer {
    background: #ffffff !important;
}

.CounterSectionGradientBlue {
    background-color: #0084d6 !important;
    border-bottom: 5px solid #0084d6 !important;
}

.greenBG {
    background: #4F7D9A;
}

/* 
.how {
    background: ;
} */



.how .grayGradientBG .title h3,
.how p strong {
    color: #ffffff !important;
}

.how a.green {
    /* color: #8AC005 !important; */
    font-size: 18px !important;
    font-family: 'Poppins-Bold' !important;
    text-shadow: none !important;
    letter-spacing: 1.5px;
}

.how .otherUpdatesInnerContent .title h2 {
    font-family: 'Poppins-Bold' !important;
    font-weight: 700 !important;
    font-size: 2.5rem !important;
    /* letter-spacing: 0 !important; */
    color: #fff !important;
}




#mainContent.trainings {
    margin-top: 120px !important;
}


/* .trainings .grayGradientBG {
    b ackground: #24367399 !important;
} */

.trainings .progress {
    height: 2rem;
    margin-top: 20px;
}

.trainings .CounterSectionBlue {
    background-color: #24367399;
    background-image: url(/wp-content/uploads/2024/04/TandemUpClientElementsTemplate_Sub-Page-Headers_1-scaled.webp);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.trainings .countDownWhiteGradient:not(.homeCountBg) .hurrytimer-cdt,
.profile-dashboard .countDownWhiteGradient:not(.homeCountBg) .hurrytimer-cdt,
.lenovoupdate .countDownWhiteGradient:not(.homeCountBg) .hurrytimer-cdt,
.training-single .countDownWhiteGradient:not(.homeCountBg) .hurrytimer-cdt {
    background: #24367399 !important
}

.trainings .hurrytimer-campaign-101 .hurrytimer-timer {
    left: -10px !important
}

#mainContent.profile-dashboard {
    margin-top: 120px !important;
}

/* .profile-dashboard .grayGradientBG {
    b ackground: #24367399 !important;
} */

.profile-dashboard .hurrytimer-campaign-101 .hurrytimer-timer {
    left: -10px !important
}

.profile-dashboard .CounterSectionBlue {
    background: url(/wp-content/uploads/2024/04/TandemUpClientElementsTemplate_Sub-Page-Headers_2-scaled.webp);
    background-size: cover;
    background-position: 0;
    background-repeat: no-repeat;

}

#mainContent.lenovoupdate {

    margin-top: 120px !important;
}

.lenovoupdate .grayGradientBG {
    background: #24367399;
}

.lenovoupdate .hurrytimer-campaign-101 .hurrytimer-timer {
    left: -10px !important
}

.lenovoupdate .CounterSectionBlue {
    background: #24367399;
    background: url(/wp-content/uploads/2024/04/TandemUpClientElementsTemplate_Sub-Page-Headers_2-scaled.webp);
    background-size: cover;
    background-position: 0;
    background-repeat: no-repeat;
}

/* .lenovoupdate .cta a.red {
    background: #8AC005 !important
} */




#mainContent.hiw {


    /* ba ckground: linear-gradient(45deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2), */
    /* rgba(0, 0, 0, .3), rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)) 0 0 / 1000% no-repeat, */
    /* url(https://wallpapers.com/images/hd/engineering-background-hbmt62h30n3il05b.jpg) 0 0 / contain no-repeat; */

    margin-top: 120px !important;
    animation: gradientAnimation 90s 3s ease infinite !important;

}

.hiw .grayGradientB G {
    background-color: #24367399;
    background-image: url(/wp-content/uploads/2024/04/TandemUpClientElementsTemplate_Sub-Page-Headers_3-scaled.webp);
    background-position: 0;
}

.hiw .hurrytimer-campaign-101 .hurrytimer-timer {
    left: -10px !important
}

.hiw .CounterSectionBlue {
    background-color: #24367399;

}

/* input[type="submit"] {
    background-color: #8AC005 !important;
    box-shadow: 0px 1px 1px #000 !important;
} */

.hiw input[type="submit"] {
    position: relative;
    left: 10%;
    min-width: 345px;
    margin-top: 30px;
}

.title h1#lenovo-pages {
    font-family: 'Poppins-Bold' !important;
    font-weight: 100;
    font-style: normal !important;
    font-size: 5rem !important;
    margin: 0 auto;
    text-align: center;
    margin-bottom: -40px;
}

.hiw label {
    color: #fff !important;
    font-family: 'Poppins-Bold' !important;
    text-shadow: 0px 1px 2px #000 !important
}

.hiw form .row {
    margin-top: 25px;
    display: contents !important;
    float: left;
    clear: both;
}























.contact-us {
    background: linear-gradient(to right, #0075be, #243673) !important;
}

.contact-us .grayGradientBG {
    background: #243673 !important;
}

.default-singular {
    background: linear-gradient(to right, #0075be, #243673);
}

.cta a.whiteAlways {
    padding: 10px 20px !important;
}

.cta a.whiteAlways:hover {
    transform: scale(1.0);
}

.cta a.green {
    background: #0084d6 !important;
    color: #ffffff !important;
    box-shadow: 0px 1px 2px #000 !important;
    border: none;
    padding: 10px 10px !important;
}

.latestTitle p strong,
.title p strong {
    color: #ffffff !important;
}

#mainContent iframe[src*="youtube"] {
    border: #0075be 5px solid !important;
}

.quiz_section .mlw_qmn_new_question {
    color: #4F7D9A;
}

.customize-support form {
    background: transparent !important;
    width: 60%;
    display: flex;
    margin-left: -10px;
}

span.mlw_horizontal_choice:hover {
    background: #0075be !important;
}

#mlw_qmn_timer {
    border-color: #0084d6 !important;
    color: #0084d6 !important;
}

.customize-support .title h3.green {
    font-family: 'Poppins-Bold' !important;
    color: #ffffff !important;
    text-shadow: 0px 1px 1px #000 !important;
    margin-bottom: 10px;
}

.latestTitle h1 {
    color: #ffffff !important;
    text-shadow: 0px 1px 1px #000 !important;
}

.greenBorder {
    border-color: #ffffff !important;
    color: #ffffff !important;
}

.how .grayGradientBG .cta a.green {
    background-color: #0084d6 !important;
    padding: 10px 20px !important;
    text-shadow: 0px 1px 2px #000;
}

.ScoresandProgressInner.row {
    margin-bottom: 0px !important;
}

div#introInner img {
    align-self: self-start;
    text-align: left;
    margin-left: 0px;
}

div#introInner * {
    width: auto;
}

div#introInner {
    height: auto !important;
    display: flex;
    align-items: center;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}

div#introInner .scoresEarned h3,
div#introInner .overallProgress h3 {
    border: 1px solid #ffffff !important;
    background: #ffffff99 !important;
    color: #243673 !important;
    font-family: 'Poppins-Bold' !important;
    font-size: 20px !important;
    border-radius: 8px !important;
    padding: 10px !important;
    text-align: center !important;
    text-shadow: none !important;
}

.homeCountBg {
    background: #24367399 !important;
    border: #ffffff 1px solid !important;
    border-radius: 16px !important;

}

.countDownGreen.countDownGreenGradient.homeCountBg.row {
    display: flex !important;
    align-items: center !important;
}

.hurrytimer-cdt .hurrytimer-headline,
.hurrytimer-cdt .hurrytimer-timer-digit {
    text-shadow: 0px 1px 2px #000 !important;
    font-family: 'Poppins-Bold' !important;
    color: #ffffff !important;
}



.dashboard #intro {
    border-bottom: 5px solid #0084d6 !important;
}

.dashboard #intro h3 {
    letter-spacing: 1.5px;
}

a.logout {
    margin: 0 0 0 auto;
    max-width: 300px;
}

.title h3 {
    font-family: 'Poppins-Bold' !important;
}

.latestTitle h2 {
    font-family: 'Poppins-Bold' !important;
}

.forminator-select,
.forminator-input,
.forminator-textarea,
.forminator-select2+.forminator-select .selection .select2-selection--single[role="combobox"] {
    border-color: #0084d6 !important;
}

.forminator-input,
.forminator-textarea {
    color: #0084d6 !important;
}

.forminator-select2+.forminator-select .selection .select2-selection--single[role="combobox"]:hover,
.forminator-select2+.forminator-select .selection .select2-selection--single[role="combobox"]:focus {
    border-color: #0075be !important;
}

.forminator-select-dropdown-container--open .forminator-custom-form-4805.forminator-dropdown--default {
    border-color: #0084d6 !important;
}

.forminator-select-dropdown-container--open .forminator-custom-form-4805.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--selected {
    background-color: #0084d6 !important;
}

.forminator-button-submit {
    background: #243673 !important;
}

.forminator-button-submit:hover {
    background: #0075be !important;
}

.forminator-ui#forminator-module-4805.forminator-design--default .forminator-select2+.forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__arrow {
    color: #0084d6 !important;
}

#mainContent form input.qsm-btn.qsm-submit-btn.qmn_btn {
    border-color: #0084d6 !important;
}

#mainContent form input.qsm-btn.qsm-submit-btn.qmn_btn:hover {
    border-color: #0075be !important;
    background: #0075be !important;
    color: #ffffff !important;
}

#mainContent {
    min-height: 0px !important;
    border-bottom: 5px solid #0084d6 !important;
}

#site-footer {
    border-top: 5px solid #0084d6 !important;
}

#updatesDash {
    background: #0075be !important;
}

.trainings {
    background: #243673 !important;
}

.trainings .grayGradientBG {
    background: #243673 !important;
}

.trainings .CounterSectionBlue {
    background: url(/wp-content/uploads/2024/04/TandemUpClientElementsTemplate_Sub-Page-Headers_1-scaled.webp) !important;
}

.profile-dashboard {
    background: #243673 !important;
    background-image: none !important;
}

.profile-dashboard .grayGradientBG {
    background: #243673 !important;
}

.profile-dashboard .CounterSectionBlue {
    background: url(/wp-content/uploads/2024/04/TandemUpClientElementsTemplate_Sub-Page-Headers_2-scaled.webp) !important;
}

#mainContent.training-single {
    margin-top: 120px !important;
}

.training-single {
    background: #243673 !important;
}

.training-single .CounterSectionBlue {
    background: url(/wp-content/uploads/2024/04/TandemUpClientElementsTemplate_Sub-Page-Headers_1-scaled.webp) !important;
}

.training-single .grayGradientBG {
    background: #243673 !important;
}

.lenovoupdate {
    background: #0084d6 !important;
}

.lenovoupdate .grayGradientBG {
    background: #333333 !important;
}

.contact-us {
    background: linear-gradient(to right, #0075be, #243673) !important;
}

.contact-us .CounterSectionBlue {
    background: url(/wp-content/uploads/2024/03/TandemUpClientElementsTemplate_Sub-Page-Headers_2-scaled.webp) !important;
}

.contact-us .grayGradientBG {
    background: #243673 !important;
}

.default-singular {
    background: linear-gradient(to right, #0075be, #243673) !important;
}

.elementor-widget-tabs .elementor-tab-title,
.elementor-widget-tabs .elementor-tab-title a {
    font-family: 'Lato-Regular' !important;
    letter-spacing: 1.5px;
}

.elementor-widget-tabs .elementor-tab-title.elementor-active,
.elementor-widget-tabs .elementor-tab-title.elementor-active a {
    font-family: 'Poppins-Bold' !important;
    color: #FFF !important;
    letter-spacing: 2px;
}

login-page {
    background: #243673 !important;
}

.login-page .grayGradientBG {
    background: #243673 !important;
}

body {
    background: #243673 !important;
}

#wp-submit.greenSubmission,
input[type="submit"].greenSubmission {
    background: #0084d6 !important;
    box-shadow: none !important;
    border: 1px solid #ffffff !important;
    font-family: 'Poppins-Bold' !important;
    letter-spacing: 2px;
}

input[type="submit"].greenSubmission:hover {
    background: #333333 !important;
}

.footer-nav a {
    background-color: #243673 !important;
    color: #ffffff !important;
    border: none;
    padding: 10px 20px !important;
    border-radius: 5px !important;
}

.footer-nav a:hover {
    background-color: #0075be !important;
    color: #ffffff !important;
}

a.logout {
    background-color: #0084d6 !important;
}

.cta a.green:last-child {
    background: #0084d6 !important;
}

.hiw .excerpt a.green {
    color: #ffffff !important;
}

a.red {
    background: #0084d6 !important;
}

a.red:hover {
    background: #0075be !important;
}

input[type="submit"] {
    background-color: #0084d6 !important;
    box-shadow: 0px 1px 2px #000 !important;
    border: #FFFFFF 1px solid !important;
}

input[type="submit"]:hover {
    background-color: #0075be !important;
}

#forminator-module-4805 {
    flex-direction: column;
}

.customize-support form {
    background: transparent !important;
    width: 100%;
    display: flex;
    margin-left: -10px;
}

.quiz_section .mlw_qmn_new_question {
    color: #FFF;
}

.forgot-link {
    color: #ffffff !important;
}

.mlw_qmn_hint_link {
    margin-top: 5px !important;
    color: #ffffff !important;
    background-color: #0084d6 !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
}

.mlw_qmn_hint_link:hover {
    background-color: #0075be !important;
}

.mlw_horizontal_choice {
    width: 100% !important;
}

.mlw_horizontal_choice label {
    font-family: 'Lato-Regular' !important;
}

.mlw_horizontal_choice:has(input:checked) {
    background: #0084d6 !important;
}

.mlw_qmn_question .qsm-text-simple-option {
    font-family: 'Lato-Regular' !important;
}

.mlw_qmn_question .qsm-text-wrong-option,
.mlw_qmn_question .qsm-text-correct-option {
    font-family: 'Poppins-Bold' !important;
}

.quiz_item_selected {
    background-color: #0084d6 !important;
}

.qsm_questions_answers_section {
    font-family: 'Lato-Regular' !important;
}

.quick-question-res-p.qsm-incorrect-answer-info {
    font-family: 'Poppins-Bold' !important;
    color: lightcoral !important;
    letter-spacing: 2px;
}

.quick-question-res-p.qsm-correct-answer-info {
    font-family: 'Poppins-Bold' !important;
    color: lightgreen !important;
    border-color: lightgreen !important;
    letter-spacing: 2px;
}

.qmn_btn,
.qsm-quiz-container.qmn_quiz_container .qmn_btn,
.qsm-quiz-container.qmn_quiz_container .btn {
    background: #0084d6 !important;
    border: 1px solid #393939;
}

.qmn_btn:hover,
.qsm-quiz-container.qmn_quiz_container .qmn_btn:hover {
    background: #0075be !important;
}

.qmn_pagination,
.qsm_auto_pagination_enabled .qmn_pagination {
    border: 0 none !important;
}

.qsm-auto-page-row.qsm-question-page {
    max-width: 850px;
    width: 100%;
}


@media screen and (min-width: 768px) {
    #mainContent.dashboard {
        /* margin-top: unset !important */
    }

}


@media screen and (min-width: 500px) {

    .qmn_pagination,
    .qsm-auto-page-enabled .qmn_pagination {
        align-items: end !important;
    }
}

@media screen and (max-width: 1299px) {

    #mainContent:not(.dashboard) {
        margin-top: 100px !important;
    }

    #mainContent.trainings {
        margin-top: 100px !important;
    }

    #mainContent.profile-dashboard {
        margin-top: 100px !important;
    }

    #mainContent.lenovoupdate {
        margin-top: 100px !important;
    }

    #mainContent.hiw {
        margin-top: 100px !important;
    }

    #mainContent.training-single {
        margin-top: 100px !important;
    }
}

@media screen and (max-width: 1199px) {
    nav#navOuter.is-admin {
        margin-top: 0px;
    }

    #mainContent:not(.dashboard) {
        margin-top: 0px !important;
    }

    #mainContent.trainings {
        margin-top: 0px !important;
    }

    #mainContent.profile-dashboard {
        margin-top: 0px !important;
    }

    #mainContent.lenovoupdate {
        margin-top: 0px !important;
    }

    #mainContent.hiw {
        margin-top: 0px !important;
    }

    #mainContent.training-single {
        margin-top: 0px !important;
    }


}


@media screen and (max-width: 769px) {

    #wpadminbar {
        height: 46px;
        min-width: 240px;
        bottom: 0px;
        position: relative;
    }

    div#introInner * {
        width: unset;
    }

    div#introInner img {
        margin-left: 6px !important;
        margin-top: 210px;
    }

    .countDownGreen .hurrytimer-cdt .hurrytimer-headline {
        margin-right: unset !important;
    }

    .dashboard .hurrytimer-campaign-101 .hurrytimer-timer {
        right: -40px !important
    }

    .otherUpdatesInnerContent .title h2 {
        padding-top: 20px
    }

    .companyScores {
        margin-top: 30px
    }

    .cta a.green {
        box-shadow: unset !important
    }

    .scComBody * {
        line-break: 3
    }

    #site-footer {
        background: #ffffff !important;
        z-index: 99999;
        /* display: none; */
    }

    .dfc-footer-links {
        /* display: none; */
    }

    .progress-bar[style="width:0%"] {
        color: #0084d6;
    }



    .scoreboards .VMBOuter a.VMB {
        /* margin-bot tom: 250px; */
    }

    #mainContent.trainings {
        margin-top: 0 !important
    }

    .trainings {

        height: auto;
    }

    .trainings .grayGradientBG {
        /* bac kground: #24367399 !important; */
    }

    .trainings .otherUpdatesInnerContent {
        margin-bottom: 20px
    }

    .trainings #updatesContent .otherUpdates {
        padding: 50px 0 100px 0
    }

    .trainings .innerContent {
        padding-top: 0 !important
    }

    .trainings #updatesContent .otherUpdat es {
        padding: 60px 0 250px 0
    }

    .trainings .CounterSectionBlue {
        /* ba ckground: #24367399 !important; */
    }

    .tu-week-icons .col-md-2 {
        max-width: 19%;
    }

    .tu-week-icons .col-md-2:first {
        margin-left: 0;
        padding-left: 0;
    }

    .tu-week-icons .col-md-2:last {
        margin-right: 0;
        padding-right: 0;
    }

    .lenovoupdate .CounterSectionBlue,
    .profile-dashboard .CounterSectionBlue {
        background-position: unset !important
    }

    .profile-dashboard .innerContent {
        padding-top: 0 !important
    }

    .profile-dashboard .otherUpdatesInnerContent,
    .how .otherUpdatesInnerContent {
        margin-bottom: 20px
    }

    .profile-dashboard .scoreboards .VMBOuter a.VMB {
        /* margin-b ottom: 200px */
    }

    #mainContent.profile-dashboard,
    #mainContent.lenovoupdate {
        margin-top: 80px !important
    }

    .lenovoupdate .title h1 {
        padding: 0 20px
    }

    .lenovoupdate .otherUpdatesInnerContent {
        padding-left: 0
    }

    .hiw .title h1#lenovo-pages {
        display: none;
    }

    .hiw h3:first-child {
        margin-top: -50px !important
    }

    .hiw .important-notice {
        /* margin-bot tom: 240px */
    }

    .customize-support form {
        background: transparent !important;
        width: unset;
        display: unset;
        margin-left: unset;
    }

    .hiw input[type="submit"] {
        position: relative;
        left: 5%;
        min-width: 300px;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .scoresEarned,
    .overallProgress {
        width: 100%
    }

    #site-footer .section-inner {
        width: unset !important;
        text-align: center;
    }

    .cta a.white,
    .how .grayGradientBG .cta a.green {
        background: #fff !important;
        color: #0084d6 !important;
        box-shadow: 0px 1px 2px #000 !important;
        text-shadow: none !important;
    }

    /* .otherUpdatesInnerConten t {
        margin-bottom: 200px
    } */

    #mainContent.hiw {
        margin-top: 80px !important
    }

    nav#navOuter.is-admin {
        margin-top: 0px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999;
    }

    .dashboard #intro {
        min-height: 0px;
        padding-top: 0px !important;
        margin-top: -160px;
    }

    #rightnav {
        background-color: #333333 !important;
        top: 0;
        left: 15px;
        text-align: left;
    }

    .mobileNavBar {
        display: block;
        width: 30px;
        height: 3px;
        border-radius: 2px;
        background: #fff;
        margin-bottom: 5px;
        box-shadow: 0 0 1px 1px #fff;
    }

    .VMBOuter a.VMB {
        width: 100% !important;
    }

    div#introInner .scoresEarned h3,
    div#introInner .overallProgress h3 {
        width: 100%;
        margin: 10px;
    }

    .homeCountBg {
        margin: 0 !important;
    }

    .hurrytimer-cdt .hurrytimer-timer-label {
        margin-left: 10px !important;
    }

    .otherUpdatesInnerContent .title h2 {
        white-space: normal !important;
    }

    .otherUpdatesInnerContent .excerpt p {
        font-size: 1.5em !important;
        margin-bottom: 20px;
        min-height: 0px !important;
        max-height: 100% !important;
    }

    .how a.green {
        font-size: 1.2em !important;
        text-shadow: 0px 1px 2px #000 !important;
    }

    a.logout {
        margin: 10px 0;
        max-width: 100%;
    }

    .cta.float-btn a {
        padding: 5px 10px !important;
        border: 1px solid #333333;
    }

    #mainContent.trainings {
        margin-top: 80px !important;
    }

    #mainContent:not(.dashboard) {
        margin-top: 80px !important;
    }
}