/*train fitness start*/
body.tfTheme .headerBg {
    background-color: #161616 !important; /*Light Black*/
}

body.tfTheme .sidebar-toggle > i {
    color: white;
}

body.tfTheme .logo-lg > img {
    height: 100%;
}

body.tfTheme .bg-green {
    background-color: #27b15d !important;
}

body.tfTheme .bg-red {
    background-color: #D31334 !important;
}

body.tfTheme .stripInProgress {
    background-color: #f4b20b;
}

body.tfTheme .yellow {
    color: white;
    background-color: #f4b20b !important; /*yellow*/
}

    body.tfTheme .yellow:hover {
        color: white;
        background-color: #dda71e !important; /*yellow*/
    }


body.tfTheme .lightGrey {
    background-color: #f9f9f9 !important; /*Light gray*/
}

body.tfTheme .forwardArrowIcon {
    content: url(/images/amplify/baseline_arrow_forward_ios_white.png) !important;
}

body.tfTheme .lockIcon {
    content: url(/images/amplify/baseline_lock_white.png) !important;
}

body.tfTheme .UnlockIcon {
    content: url(/images/amplify/outline_lock_open_white.png) !important;
}

body.tfTheme .enrollIcon {
    content: url(/images/amplify/currency_pound_white.png) !important;
}

body.tfTheme .payIcon {
    content: url(/images/Icons/Pay_64x64white.png) !important;
    height: 28px;
}

body.tfTheme .main-header > .navbar .nav > li > a {
    color: white !important;
}

body.tfTheme .main-header select {
    color: white !important;
}

body.tfTheme .main-sidebar {
    background-color: #161616 !important;
}

body.tfTheme .stripLockBg {
    background-color: #D31334 !important;
}

body.tfTheme .progress-bg {
    background-color: #D9D9D9 !important;
}

body.tfTheme .login-box-body {
    background-color: white !important;
}

body.tfTheme .login-box img {
    content: url(/images/HLogo_Black_x2.png) !important;
}

body.tfTheme .login-box-body button {
    background-color: #D31334 !important;
    border: 2px solid #D31334;
    font-weight: bold;
    border-radius: 4rem;
    appearance: none;
    color: #fff;
    padding: 0.75em 1.875em;
    font-size: 0.875em;
    text-transform: uppercase;
    line-height: 2;
    cursor: pointer;
    width: 100%;
    align: center;
    text-align: center;
}

body.tfTheme .scoCompletedIcon {
    content: url(/images/Icons/greenCircle.svg) !important;
    height: 10px;
    width: 15px;
}

body.tfTheme .scoNotCompletedIcon {
    content: url(/images/Icons/yellowCircle.svg) !important;
    height: 10px;
    width: 15px;
}

body.tfTheme .worksheetCompletedIcon {
    content: url(/images/Icons/greenWorksheet.svg) !important;
    height: 20px;
    width: 26px;
}

body.tfTheme .worksheetNotCompletedIcon {
    content: url(/images/Icons/yellowWorksheet.svg) !important;
    height: 20px;
    width: 26px;
}

body.tfTheme .scoHeader {
    color: white !important;
    background: #161616 !important;
    background-color: #161616 !important;
}

    body.tfTheme .scoHeader button {
        color: white !important;
    }

body.tfTheme .scoforwardArrowIcon {
    height: 17px;
    content: url(/images/amplify/baseline_arrow_forward_ios_black_24dp.png) !important;
}

body.tfTheme .lesson-sco-container li {
    border-bottom: 2px solid #f4f4f4 !important;
}

body.tfTheme .chat-box-content {
    background-color: #161616 !important;
}

body.tfTheme .logo-lg img {
    content: url(/images/HLogo_White_x2.png) !important;
}

body.tftheme .button {
    border-radius: 4rem !important;
    appearance: none !important;
}

body.tftheme .btn {
    border-radius: 4rem !important;
    appearance: none !important;
}

body.tftheme .btn-success {
    background-color: #27b15d;
    border-color: #27b15d;
}

    body.tftheme .btn-success:hover,
    .btn-success:active,
    .btn-success.hover {
        background-color: #1e8f4a;
    }

body.tftheme .btn-danger {
    background-color: #D31334;
    border-color: #D31334;
}

    body.tftheme .btn-danger:hover,
    .btn-danger:active,
    .btn-danger.hover {
        background-color: #B81C29;
    }
/*-------train fintess end*---------------/


    /*campus styles start*/
body .capusTheme body {
    background-color: #f4eeea;
}

body.capusTheme .sidebar-toggle > i {
    color: #A269A9;
}

body.capusTheme .bg-green {
    background-color: #55c7a6 !important /*#0E7152 !important;*/ /*Dark green*/
}

body.capusTheme .bg-red {
    background-color: #E6896A !important; /*light brown*/
}

body.capusTheme .bg-Dark-blue {
    background-color: #a46eab !important; /*This is Prpule*/
}

body.capusTheme .stripInProgress {
    background-color: #EEBEBE !important; /*Light Pink*/
}

body.capusTheme .stripLockBg {
    background-color: #A0B6CD !important; /*Light Blue*/
}

body.capusTheme .stripStatusBg {
    background-color: #f4eeea !important; /*light pink for background*/
}

body.capusTheme .stripBg {
    background-color: #161616 !important; /*Dark Black*/
}

body.capusTheme .headerBg {
    background-color: #161616 !important; /*Light Black*/
}

body.capusTheme .lightGrey {
    background-color: #A0B6CD !important; /*Light gray*/
}

body.capusTheme .lessonReminBut {
    background-color: #F4EEEA !important; /*silver*/
}

body.capusTheme .sidebar-menu-listColor {
    background-color: #161616 !important; /*Light Black*/
}

body.capusTheme .sidebar-menu > li.active > a {
    background: #41424C !important;
}

body.capusTheme .sidebar-menu > li:hover > a {
    background: #585862 !important;
}

body.capusTheme .text-slate {
    color: #41424C !important;
}

body.capusTheme .bg-slate {
    background-color: #41424C !important;
}

body.capusTheme .text-white {
    color: #ffffff !important;
}

body.capusTheme .logo-lg > img {
    height: 33px;
    margin-top: 12px;
}

body.capusTheme .forwardArrowIcon {
    content: url(/images/amplify/baseline_arrow_forward_ios_black_24dp.png) !important;
}

body.capusTheme .lockIcon {
    content: url(/images/amplify/baseline_lock_black_24dp.png) !important;
}

body.capusTheme .UnlockIcon {
    content: url(/images/amplify/outline_lock_open_black_24dp.png) !important;
}

body.capusTheme .enrollIcon {
    content: url(/images/amplify/currency_pound_black_48dp.png) !important;
}

body.capusTheme .payIcon {
    content: url(/images/Icons/Pay_64x64.png) !important;
    height: 28px;
}

body.capusTheme .skin-black .main-header > .navbar .nav > li > a {
    color: #333 !important;
}

body.capusTheme .main-header > .navbar .nav > li > a {
    color: white !important;
}

body.capusTheme .main-header select {
    color: white !important;
}

body.capusTheme .main-sidebar {
    background-color: #161616 !important; /*#282828 !important;*/
}

body.capusTheme .stripLockBg {
    background-color: #A0B6CD !important;
}

body.capusTheme .progress-bg {
    background-color: #D9D9D9 !important;
}

body.capusTheme .login-box-body {
    background-color: #f4eeea !important;
}

body.capusTheme .login-box img {
    content: url(/images/amplify/campus-text-only-seafoam@4x.png) !important;
}

body.capusTheme .login-box-body button {
    background-color: #13D3B2 !important;
}

body.capusTheme .scoCompletedIcon {
    content: url(/images/amplify/check_circle_black_24dp.png) !important;
}

body.capusTheme .scoNotCompletedIcon {
    content: url(/images/amplify/error_black_24dp.png) !important;
}

body.capusTheme .worksheetCompletedIcon {
    content: url(/images/amplify/quiz_green.png) !important;
}

body.capusTheme .worksheetNotCompletedIcon {
    content: url(/images/amplify/quiz_pink.png) !important;
}

body.capusTheme .scoforwardArrowIcon {
    height: 17px;
    content: url(/images/amplify/baseline_arrow_forward_ios_black_24dp.png) !important;
}

body.capusTheme .chat-box-content {
    background-color: #161616 !important;
}

body.capusTheme .logo-lg img {
    content: url(/images/amplify/campus-text-only-seafoam@4x.png) !important;
}
/*-------------campus style end------------------------------*/
.navbar .nav > li > a:hover {
    background: none !important;
}

.main-header > .navbar .nav > li > a:focus {
    background: none !important;
}

.main-header > .navbar .nav > li > a:active {
    background: none !important;
}

.text-bg-green {
    color: #0E7152 !important; /*Dark green*/
}

.text-bg-red {
    color: #E6896A !important; /*light brown*/
}

.text-stripInProgress {
    color: #EEBEBE !important; /*Light Pink*/
}

.text-stripLockBg {
    color: #A0B6CD !important; /*Light Blue*/
}

.sidebar-menu-listColor > a > img {
    height: 25px;
    width: 24px;
    margin-right: 10px;
}

.sidebar-menu > li > a {
    padding: 16px 5px 16px 10px !important;
    font-weight: 500;
    letter-spacing: 0.04em;
}

@-moz-document url-prefix() {
    .alignSplitBoxTitle {
        top: -6px !important;
        position: relative;
    }
}

.navigation-panel-tab .small-box .height_Full > h4 {
    letter-spacing: 0.04em;
    margin-bottom: 0px;
}

.navigation-panel-tab .small-box .height_Full > p > a {
    color: #161616;
}

.main-header > .amplifylogo {
    background-color: none;
    color: none;
    border-bottom: none;
    z-index: 1001;
    position: relative;
    display: block;
    float: left;
    height: 60px;
    text-align: center;
    padding: 0 5px 0 15px;
}

.main-header > .logo:hover {
    background-color: none !important;
}

.btn-github.active {
    background-color: #2c2c2c !important;
}

.table-bordered > thead > tr > th {
    background-color: #2c2c2c !important;
}

.btn-github:hover {
    background-color: #2c2c2c !important;
}

ul .CourseStripPercentageTab h3 {
    letter-spacing: 0.04em;
}

.stripExpiredBg > h3 {
    font-weight: 600;
    letter-spacing: 0.04em;
    font-size: 20px;
    margin-left: 0.5em;
}

.navigation-panel-tab .IconContatiner {
    padding-right: unset;
}

    .navigation-panel-tab .IconContatiner > img {
        height: 50px;
        margin-top: -12px;
    }

.top-container-footer {
    height: 6px !important;
    background: #161616 !important;
}

.scoCheckIcon {
    padding-right: 6px;
    margin-left: -5px;
}

.content-wrapper, .right-side {
    background-color: #f9f9f9;
}

.appBgColor {
    background-color: #f9f9f9;
}

.box.box-solid {
    border: 0px;
}

.box .nav-stacked > li {
    border-bottom: 0px;
}

.box-header.with-border {
    border-bottom: 0px;
}

.box-header > .info-box-icon {
    background: none;
}

.chat-box {
    letter-spacing: 0.04em;
}

#FeedbackMsgTextId {
    height: 90px;
    width: 100%;
    margin-bottom: 10px;
    font-size: large;
    padding: 0.2em 0.4em;
}

.info-box-icon > .lockicon-align {
    height: 30px;
}

.CourseStripExpendButton > .forwardArrowIcon {
    height: 30px;
}

.list-Full-Square-green {
    background-color: rgb(39, 177, 93) !important;
}

.list-Full-Square-red {
    background-color: #E6896A;
}

.lesson-greenBg {
    background-color: #58c684 !important;
}

.lesson-grayBg {
    background-color: #ECE6E3 !important;
}

    .lesson-grayBg > span {
        color: #161616 !important;
    }

.lesson-sco-container li a {
    color: #161616 !important;
}

.bgOnly-white {
    background-color: #fff;
}

.lesson-ws-answer .box {
    border-top: 0px;
}

.nav-stacked > li.active > a {
    border-left-color: none !important;
    font-weight: 400;
}

.nav-pills > li.active > a {
    background-color: #ECE6E3 !important;
    font-weight: 400 !important;
    border-left-color: none;
}

    .nav-pills > li.active > a:focus {
        border-top-color: none !important;
        background-color: #ECE6E3 !important;
    }

.font-weight-500 {
    font-weight: 500 !important;
    letter-spacing: 0.04em !important;
}

.font-weight-600 {
    font-weight: 600 !important;
    letter-spacing: 0.04em !important;
}

.login-page {
    background-color: #161616 !important;
}

.login-box-body {
    background-color: #f9f9f9 !important;
    padding: 30px;
}

    .login-box-body img {
        width: 60%;
        padding-bottom: 20px;
    }

    .login-box-body ::placeholder {
        color: #757575;
        opacity: 1; /* Firefox */
    }

    .login-box-body :-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #757575;
    }

    .login-box-body ::-ms-input-placeholder { /* Microsoft Edge */
        color: #757575;
    }

    .login-box-body input {
        border: 1px solid #676778;
        font-size: 18pt;
        padding: 21px 12px;
        color: #757575;
    }

    .login-box-body select {
        border: 1px solid #676778;
        font-size: 18pt;
        height: auto;
        color: #757575;
    }

    .login-box-body .formLabel {
        font-weight: 500;
        letter-spacing: 0.04em;
        font-size: 18pt;
    }

    .login-box-body button {
        color: #FFFFFF;
        font-weight: 500;
        font-size: 20pt;
        letter-spacing: 0.04em;
    }

        .login-box-body button:hover, button:focus {
            color: #fff;
        }

.login-box {
    margin: 12% auto;
}

.btn-danger:hover {
    background-color: #e77751 !important;
}

.btn-success:hover {
    background-color: #47c9a3 !important;
}

.jobBoard .box-header {
    font-weight: 600;
    font-size: 24px;
}

.jobBoard .box-body > p {
    font-weight: 400;
    font-size: 17px;
}

    .jobBoard .box-body > p > img {
        height: 18px;
        width: 18px;
        margin-right: 10px;
    }

.jobBoard .jobBoard-leftInfo .logo {
    display: block;
    max-width: 140px;
    max-height: 140px;
}

.jobBoard .jobBoard-rightBlock > button {
    max-width: 181px;
    font-weight: 600;
    height: 44px;
    min-width: 100%;
    color: #161616 !important;
}

.jobBoard .errorCol {
    color: #C90C0C;
}

.jobBoard .curiculm input[type=checkbox] {
    position: relative;
    cursor: pointer;
    top: -4px;
    left: 4px;
    margin-right: 6px !important;
}

    .jobBoard .curiculm input[type=checkbox]:before {
        content: "";
        display: block;
        position: absolute;
        width: 16px;
        height: 16px;
        top: 0;
        left: 0;
        border: 2px solid #333;
        border-radius: 3px;
        background-color: #EEBEBE !important;
    }

.jobBoard .curiculm label > img {
    height: 20px;
    top: -3px;
    margin-left: 4px;
    position: relative;
}

.jobBoard .curiculm .stripInProgress {
    width: 200px;
}

.jobBoard .curiculm input[type=checkbox]:checked:after {
    content: "\2713";
    text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);
    font-size: 30px;
    color: #333;
    text-align: center;
    line-height: 4px;
    top: 3px;
    width: 19px;
    padding-left: 2px;
    position: absolute;
}

.paymentBtnContainer > button {
    float: none !important;
    min-width: 358px;
}

.paymentBtnContainer  img {
    width: 100%;
    display: block;
}
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
    @media {
        .alignSplitBoxTitle {
            position: relative !important;
            top: -7px !important;
        }
    }
}

/* Safari 11+ */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) and (stroke-color:transparent) {
        .alignSplitBoxTitle {
            position: relative !important;
            top: -7px !important;
        }
    }
}
/* Test website on real Safari 11+ */

/* Safari 10.1 */
@media not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {
        .alignSplitBoxTitle {
            position: relative !important;
            top: -7px !important;
        }
    }
}